ngx-tethys 17.0.5 → 18.0.0-next.0

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: "17.2.3", ngImport: i0, type: ThySlideContainer, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: ThySlideConfig }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1.ViewportRuler }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", 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: "18.0.0", ngImport: i0, type: ThySlideContainer, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: ThySlideConfig }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1.ViewportRuler }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", 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: "17.2.3", ngImport: i0, type: ThySlideContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-container',
@@ -273,10 +273,10 @@ class ThyInternalSlideRef extends ThyAbstractInternalOverlayRef {
     updatePosition(position) {
         return this.updateGlobalPosition(position);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyInternalSlideRef, deps: [{ token: i1.OverlayRef }, { token: ThySlideContainer }, { token: ThySlideConfig }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyInternalSlideRef }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyInternalSlideRef, deps: [{ token: i1.OverlayRef }, { token: ThySlideContainer }, { token: ThySlideConfig }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyInternalSlideRef }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyInternalSlideRef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyInternalSlideRef, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.OverlayRef }, { type: ThySlideContainer }, { type: ThySlideConfig }] });
 
@@ -362,10 +362,10 @@ class ThySlideService extends ThyAbstractOverlayService {
     ngOnDestroy() {
         this.dispose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: THY_SLIDE_DEFAULT_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: THY_SLIDE_DEFAULT_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.Injector }, { type: ThySlideConfig, decorators: [{
                     type: Optional
@@ -383,10 +383,10 @@ class ThySlideLayout {
         this.slideLayout = true;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", 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: "18.0.0", ngImport: i0, type: ThySlideLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", 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: "17.2.3", ngImport: i0, type: ThySlideLayout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideLayout, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-layout',
@@ -431,10 +431,10 @@ class ThySlideHeader {
         event.stopPropagation();
         this.thySlideService.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideHeader, deps: [{ token: ThySlideService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThySlideHeader, isStandalone: true, selector: "thy-slide-header", inputs: { thyTitle: "thyTitle", thyIcon: "thyIcon" }, host: { properties: { "class.thy-slide-header": "this.slideLayoutHeader" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["thyHeader"], descendants: true }, { propertyName: "headerOperateTemplate", first: true, predicate: ["thyHeaderOperate"], descendants: true }], ngImport: i0, template: "<ng-template *ngIf=\"headerTemplate; else default\" [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n<ng-template #default>\n  <h3 class=\"thy-slide-header-title\">\n    <thy-icon *ngIf=\"!isIconFont && thyIcon; else iconFont\" [thyIconName]=\"thyIcon\"></thy-icon>\n    <ng-template #iconFont>\n      <i *ngIf=\"thyIcon\" class=\"wft {{ thyIcon }}\"></i>\n    </ng-template>\n    {{ thyTitle }}\n  </h3>\n\n  <div class=\"thy-slide-header-main\">\n    <ng-container>\n      <ng-template *ngIf=\"headerOperateTemplate\" [ngTemplateOutlet]=\"headerOperateTemplate\"> </ng-template>\n    </ng-container>\n  </div>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"closeModal($event)\"></a>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "18.0.0", ngImport: i0, type: ThySlideHeader, deps: [{ token: ThySlideService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThySlideHeader, isStandalone: true, selector: "thy-slide-header", inputs: { thyTitle: "thyTitle", thyIcon: "thyIcon" }, host: { properties: { "class.thy-slide-header": "this.slideLayoutHeader" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["thyHeader"], descendants: true }, { propertyName: "headerOperateTemplate", first: true, predicate: ["thyHeaderOperate"], descendants: true }], ngImport: i0, template: "<ng-template *ngIf=\"headerTemplate; else default\" [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n<ng-template #default>\n  <h3 class=\"thy-slide-header-title\">\n    <thy-icon *ngIf=\"!isIconFont && thyIcon; else iconFont\" [thyIconName]=\"thyIcon\"></thy-icon>\n    <ng-template #iconFont>\n      <i *ngIf=\"thyIcon\" class=\"wft {{ thyIcon }}\"></i>\n    </ng-template>\n    {{ thyTitle }}\n  </h3>\n\n  <div class=\"thy-slide-header-main\">\n    <ng-container>\n      <ng-template *ngIf=\"headerOperateTemplate\" [ngTemplateOutlet]=\"headerOperateTemplate\"> </ng-template>\n    </ng-container>\n  </div>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"closeModal($event)\"></a>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "17.2.3", ngImport: i0, type: ThySlideHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-slide-header', standalone: true, imports: [NgIf, NgTemplateOutlet, ThyIcon, ThyAction], template: "<ng-template *ngIf=\"headerTemplate; else default\" [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n<ng-template #default>\n  <h3 class=\"thy-slide-header-title\">\n    <thy-icon *ngIf=\"!isIconFont && thyIcon; else iconFont\" [thyIconName]=\"thyIcon\"></thy-icon>\n    <ng-template #iconFont>\n      <i *ngIf=\"thyIcon\" class=\"wft {{ thyIcon }}\"></i>\n    </ng-template>\n    {{ thyTitle }}\n  </h3>\n\n  <div class=\"thy-slide-header-main\">\n    <ng-container>\n      <ng-template *ngIf=\"headerOperateTemplate\" [ngTemplateOutlet]=\"headerOperateTemplate\"> </ng-template>\n    </ng-container>\n  </div>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"closeModal($event)\"></a>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: ThySlideService }], propDecorators: { slideLayoutHeader: [{
@@ -460,10 +460,10 @@ class ThySlideBody {
     constructor() {
         this.slideLayoutBody = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", 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: "18.0.0", ngImport: i0, type: ThySlideBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", 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: "17.2.3", ngImport: i0, type: ThySlideBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-body',
@@ -492,10 +492,10 @@ class ThySlideBodySection {
         this.hasDivider = value;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideBodySection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThySlideBodySection, isStandalone: true, selector: "thy-slide-body-section", inputs: { thyDividerBorder: ["thyDividerBorder", "thyDividerBorder", booleanAttribute] }, host: { properties: { "class.thy-slide-body-section": "this.thySlideBodyItem", "class.thy-slide-body-section-divider": "this.hasDivider" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideBodySection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThySlideBodySection, isStandalone: true, selector: "thy-slide-body-section", inputs: { thyDividerBorder: ["thyDividerBorder", "thyDividerBorder", booleanAttribute] }, host: { properties: { "class.thy-slide-body-section": "this.thySlideBodyItem", "class.thy-slide-body-section-divider": "this.hasDivider" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideBodySection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideBodySection, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-body-section',
@@ -522,10 +522,10 @@ class ThySlideFooter {
         this.slideLayoutFooter = true;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", 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: "18.0.0", ngImport: i0, type: ThySlideFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", 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: "17.2.3", ngImport: i0, type: ThySlideFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideFooter, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-footer',
@@ -545,10 +545,10 @@ class ThyDrawerContainerDirective {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyDrawerContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: ThyDrawerContainerDirective, isStandalone: true, selector: "[thyDrawerContainer]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyDrawerContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThyDrawerContainerDirective, isStandalone: true, selector: "[thyDrawerContainer]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyDrawerContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyDrawerContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDrawerContainer]',
@@ -557,8 +557,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 class ThySlideModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThySlideModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThySlideModule, imports: [CommonModule,
             ThySharedModule,
             ThyIconModule,
             OverlayModule,
@@ -571,7 +571,7 @@ class ThySlideModule {
             ThySlideBodySection,
             ThySlideFooter,
             ThyDrawerContainerDirective], exports: [ThySlideLayout, ThySlideHeader, ThySlideBody, ThySlideBodySection, ThySlideFooter, ThyDrawerContainerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideModule, providers: [ThyInternalSlideRef, ThySlideService, THY_SLIDE_DEFAULT_CONFIG_PROVIDER], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideModule, providers: [ThyInternalSlideRef, ThySlideService, THY_SLIDE_DEFAULT_CONFIG_PROVIDER], imports: [CommonModule,
             ThySharedModule,
             ThyIconModule,
             OverlayModule,
@@ -580,7 +580,7 @@ class ThySlideModule {
             ThySlideContainer,
             ThySlideHeader] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySlideModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlideModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ngx-tethys-slider.mjs

@@ -264,8 +264,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: "17.2.3", ngImport: i0, type: ThySlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThySlider, isStandalone: true, selector: "thy-slider", inputs: { thyVertical: ["thyVertical", "thyVertical", booleanAttribute], thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute], thyMax: ["thyMax", "thyMax", numberAttribute], thyMin: ["thyMin", "thyMin", numberAttribute], thyStep: ["thyStep", "thyStep", numberAttribute], thyType: "thyType", thyColor: "thyColor", thySize: "thySize" }, outputs: { thyAfterChange: "thyAfterChange" }, host: { properties: { "attr.tabindex": "tabIndex", "class.slider-vertical": "this.thyVertical", "class.slider-disabled": "this.thyDisabled", "class.thy-slider": "this._thySlider", "class.cursor-pointer": "this._pointer" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThySlider, isStandalone: true, selector: "thy-slider", inputs: { thyVertical: ["thyVertical", "thyVertical", booleanAttribute], thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute], thyMax: ["thyMax", "thyMax", numberAttribute], thyMin: ["thyMin", "thyMin", numberAttribute], thyStep: ["thyStep", "thyStep", numberAttribute], thyType: "thyType", thyColor: "thyColor", thySize: "thySize" }, outputs: { thyAfterChange: "thyAfterChange" }, host: { properties: { "attr.tabindex": "tabIndex", "class.slider-vertical": "this.thyVertical", "class.slider-disabled": "this.thyDisabled", "class.thy-slider": "this._thySlider", "class.cursor-pointer": "this._pointer" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThySlider),
@@ -273,7 +273,7 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
             }
         ], viewQueries: [{ propertyName: "sliderRail", first: true, predicate: ["sliderRail"], descendants: true, static: true }, { propertyName: "sliderTrack", first: true, predicate: ["sliderTrack"], descendants: true, static: true }, { propertyName: "sliderPointer", first: true, predicate: ["sliderPointer"], descendants: true, static: 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: "17.2.3", ngImport: i0, type: ThySlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySlider, decorators: [{
             type: Component,
             args: [{ selector: 'thy-slider', providers: [
                         {
@@ -346,11 +346,11 @@ function verifyStepValues(ctx) {
 }
 
 class ThySliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThySliderModule, imports: [CommonModule, FormsModule, ThySlider], exports: [ThySlider] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySliderModule, imports: [CommonModule, FormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThySliderModule, imports: [CommonModule, FormsModule, ThySlider], exports: [ThySlider] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySliderModule, imports: [CommonModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, ThySlider],

package/fesm2022/ngx-tethys-space.mjs

@@ -13,10 +13,10 @@ import { getNumericSize } from 'ngx-tethys/core';
 class ThySpaceItemDirective {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySpaceItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: ThySpaceItemDirective, isStandalone: true, selector: "[thySpaceItem]", host: { classAttribute: "thy-space-item" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySpaceItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThySpaceItemDirective, isStandalone: true, selector: "[thySpaceItem]", host: { classAttribute: "thy-space-item" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySpaceItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySpaceItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thySpaceItem]',
@@ -63,10 +63,10 @@ class ThySpace {
             this.cdr.markForCheck();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySpace, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThySpace, isStandalone: true, selector: "thy-space", inputs: { thySize: "thySize", thyVertical: ["thyVertical", "thyVertical", booleanAttribute], thyAlign: "thyAlign" }, host: { properties: { "class.thy-space-vertical": "this.thyVertical" }, classAttribute: "thy-space" }, queries: [{ propertyName: "items", predicate: ThySpaceItemDirective, read: TemplateRef }], ngImport: i0, template: "<ng-content></ng-content>\n\n<ng-template ngFor let-item let-last=\"last\" let-index=\"index\" [ngForOf]=\"items\">\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySpace, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThySpace, isStandalone: true, selector: "thy-space", inputs: { thySize: "thySize", thyVertical: ["thyVertical", "thyVertical", booleanAttribute], thyAlign: "thyAlign" }, host: { properties: { "class.thy-space-vertical": "this.thyVertical" }, classAttribute: "thy-space" }, queries: [{ propertyName: "items", predicate: ThySpaceItemDirective, read: TemplateRef }], ngImport: i0, template: "<ng-content></ng-content>\n\n<ng-template ngFor let-item let-last=\"last\" let-index=\"index\" [ngForOf]=\"items\">\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySpace, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySpace, decorators: [{
             type: Component,
             args: [{ selector: 'thy-space', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-space'
@@ -87,11 +87,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }] } });
 
 class ThySpaceModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySpaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThySpaceModule, imports: [CommonModule, ThySpace, ThySpaceItemDirective], exports: [ThySpace, ThySpaceItemDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySpaceModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySpaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThySpaceModule, imports: [CommonModule, ThySpace, ThySpaceItemDirective], exports: [ThySpace, ThySpaceItemDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySpaceModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySpaceModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySpaceModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThySpace, ThySpaceItemDirective],

package/fesm2022/ngx-tethys-statistic.mjs

@@ -136,10 +136,10 @@ class ThyStatistic {
         this.hostRenderer.setStyle('font-size', this.thySize);
         this.hostRenderer.updateClass(classNames);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStatistic, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyStatistic, isStandalone: true, selector: "thy-statistic", inputs: { thyValue: "thyValue", thyValueStyle: "thyValueStyle", thyPrefix: "thyPrefix", thySuffix: "thySuffix", thyTitle: "thyTitle", thyTitlePosition: "thyTitlePosition", thyShape: "thyShape", thyColor: "thyColor", thySize: "thySize", thyValueTemplate: "thyValueTemplate", thyTitleTemplate: "thyTitleTemplate", thyPrefixTemplate: "thyPrefixTemplate", thySuffixTemplate: "thySuffixTemplate" }, host: { properties: { "class.thy-statistic": "this.class" } }, queries: [{ propertyName: "value", first: true, predicate: ["value"], descendants: true, static: true }, { propertyName: "title", first: true, predicate: ["title"], descendants: true, static: true }, { propertyName: "prefix", first: true, predicate: ["prefix"], descendants: true, static: true }, { propertyName: "suffix", first: true, predicate: ["suffix"], descendants: true, static: true }], ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"title\" *ngIf=\"(thyTitle || titleTemplate) && thyTitlePosition === 'top'\"></ng-container>\n<div class=\"thy-statistic-content\" [ngStyle]=\"thyValueStyle\">\n  <span *ngIf=\"thyPrefix || prefixTemplate\" class=\"thy-statistic-content-prefix\">\n    <span *ngIf=\"thyPrefix\">{{ thyPrefix }}</span>\n    <ng-container *ngIf=\"prefixTemplate\" [ngTemplateOutlet]=\"prefixTemplate\"></ng-container>\n  </span>\n\n  <span class=\"thy-statistic-content-value\">\n    <span *ngIf=\"!valueTemplate\">{{ thyValue }}</span>\n    <ng-container *ngIf=\"valueTemplate\" [ngTemplateOutlet]=\"valueTemplate\"></ng-container>\n  </span>\n\n  <span *ngIf=\"thySuffix || suffixTemplate\" class=\"thy-statistic-content-suffix\">\n    <span *ngIf=\"thySuffix\">{{ thySuffix }}</span>\n    <ng-container *ngIf=\"suffixTemplate\" [ngTemplateOutlet]=\"suffixTemplate\"></ng-container>\n  </span>\n</div>\n<ng-container [ngTemplateOutlet]=\"title\" *ngIf=\"(thyTitle || titleTemplate) && thyTitlePosition === 'bottom'\"></ng-container>\n\n<ng-template #title>\n  <div class=\"thy-statistic-title\">\n    <span *ngIf=\"thyTitle\">{{ thyTitle }}</span>\n    <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStatistic, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyStatistic, isStandalone: true, selector: "thy-statistic", inputs: { thyValue: "thyValue", thyValueStyle: "thyValueStyle", thyPrefix: "thyPrefix", thySuffix: "thySuffix", thyTitle: "thyTitle", thyTitlePosition: "thyTitlePosition", thyShape: "thyShape", thyColor: "thyColor", thySize: "thySize", thyValueTemplate: "thyValueTemplate", thyTitleTemplate: "thyTitleTemplate", thyPrefixTemplate: "thyPrefixTemplate", thySuffixTemplate: "thySuffixTemplate" }, host: { properties: { "class.thy-statistic": "this.class" } }, queries: [{ propertyName: "value", first: true, predicate: ["value"], descendants: true, static: true }, { propertyName: "title", first: true, predicate: ["title"], descendants: true, static: true }, { propertyName: "prefix", first: true, predicate: ["prefix"], descendants: true, static: true }, { propertyName: "suffix", first: true, predicate: ["suffix"], descendants: true, static: true }], ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"title\" *ngIf=\"(thyTitle || titleTemplate) && thyTitlePosition === 'top'\"></ng-container>\n<div class=\"thy-statistic-content\" [ngStyle]=\"thyValueStyle\">\n  <span *ngIf=\"thyPrefix || prefixTemplate\" class=\"thy-statistic-content-prefix\">\n    <span *ngIf=\"thyPrefix\">{{ thyPrefix }}</span>\n    <ng-container *ngIf=\"prefixTemplate\" [ngTemplateOutlet]=\"prefixTemplate\"></ng-container>\n  </span>\n\n  <span class=\"thy-statistic-content-value\">\n    <span *ngIf=\"!valueTemplate\">{{ thyValue }}</span>\n    <ng-container *ngIf=\"valueTemplate\" [ngTemplateOutlet]=\"valueTemplate\"></ng-container>\n  </span>\n\n  <span *ngIf=\"thySuffix || suffixTemplate\" class=\"thy-statistic-content-suffix\">\n    <span *ngIf=\"thySuffix\">{{ thySuffix }}</span>\n    <ng-container *ngIf=\"suffixTemplate\" [ngTemplateOutlet]=\"suffixTemplate\"></ng-container>\n  </span>\n</div>\n<ng-container [ngTemplateOutlet]=\"title\" *ngIf=\"(thyTitle || titleTemplate) && thyTitlePosition === 'bottom'\"></ng-container>\n\n<ng-template #title>\n  <div class=\"thy-statistic-title\">\n    <span *ngIf=\"thyTitle\">{{ thyTitle }}</span>\n    <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStatistic, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStatistic, decorators: [{
             type: Component,
             args: [{ selector: 'thy-statistic', standalone: true, imports: [NgIf, NgTemplateOutlet, NgStyle], template: "<ng-container [ngTemplateOutlet]=\"title\" *ngIf=\"(thyTitle || titleTemplate) && thyTitlePosition === 'top'\"></ng-container>\n<div class=\"thy-statistic-content\" [ngStyle]=\"thyValueStyle\">\n  <span *ngIf=\"thyPrefix || prefixTemplate\" class=\"thy-statistic-content-prefix\">\n    <span *ngIf=\"thyPrefix\">{{ thyPrefix }}</span>\n    <ng-container *ngIf=\"prefixTemplate\" [ngTemplateOutlet]=\"prefixTemplate\"></ng-container>\n  </span>\n\n  <span class=\"thy-statistic-content-value\">\n    <span *ngIf=\"!valueTemplate\">{{ thyValue }}</span>\n    <ng-container *ngIf=\"valueTemplate\" [ngTemplateOutlet]=\"valueTemplate\"></ng-container>\n  </span>\n\n  <span *ngIf=\"thySuffix || suffixTemplate\" class=\"thy-statistic-content-suffix\">\n    <span *ngIf=\"thySuffix\">{{ thySuffix }}</span>\n    <ng-container *ngIf=\"suffixTemplate\" [ngTemplateOutlet]=\"suffixTemplate\"></ng-container>\n  </span>\n</div>\n<ng-container [ngTemplateOutlet]=\"title\" *ngIf=\"(thyTitle || titleTemplate) && thyTitlePosition === 'bottom'\"></ng-container>\n\n<ng-template #title>\n  <div class=\"thy-statistic-title\">\n    <span *ngIf=\"thyTitle\">{{ thyTitle }}</span>\n    <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { class: [{
@@ -186,11 +186,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }] } });
 
 class ThyStatisticModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStatisticModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThyStatisticModule, imports: [CommonModule, ThySharedModule, ThyIconModule, ThyStatistic], exports: [ThyStatistic] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStatisticModule, imports: [CommonModule, ThySharedModule, ThyIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStatisticModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyStatisticModule, imports: [CommonModule, ThySharedModule, ThyIconModule, ThyStatistic], exports: [ThyStatistic] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStatisticModule, imports: [CommonModule, ThySharedModule, ThyIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStatisticModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStatisticModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThySharedModule, ThyIconModule, ThyStatistic],

package/fesm2022/ngx-tethys-stepper.mjs

@@ -11,10 +11,10 @@ class ThyStepHeader {
     constructor() {
         this.thyStepHeader = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyStepHeader, isStandalone: true, selector: "thy-step-header", inputs: { label: "label", index: ["index", "index", numberAttribute], selected: ["selected", "selected", booleanAttribute], active: ["active", "active", booleanAttribute] }, host: { properties: { "class.thy-stepper-header-selected": "this.selected", "class.thy-stepper-header": "this.thyStepHeader" } }, ngImport: i0, template: "<div class=\"thy-step-number\">\n  <span>{{ index + 1 }}</span>\n</div>\n<div class=\"thy-step-label\">{{ label }}</div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyStepHeader, isStandalone: true, selector: "thy-step-header", inputs: { label: "label", index: ["index", "index", numberAttribute], selected: ["selected", "selected", booleanAttribute], active: ["active", "active", booleanAttribute] }, host: { properties: { "class.thy-stepper-header-selected": "this.selected", "class.thy-stepper-header": "this.thyStepHeader" } }, ngImport: i0, template: "<div class=\"thy-step-number\">\n  <span>{{ index + 1 }}</span>\n</div>\n<div class=\"thy-step-label\">{{ label }}</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-step-header', standalone: true, template: "<div class=\"thy-step-number\">\n  <span>{{ index + 1 }}</span>\n</div>\n<div class=\"thy-step-label\">{{ label }}</div>\n" }]
         }], propDecorators: { label: [{
@@ -49,10 +49,10 @@ class ThyStep {
     select() {
         this.stepper.selected = this;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStep, deps: [{ token: THY_STEPPER_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyStep, isStandalone: true, selector: "thy-step", inputs: { label: "label", thyLabel: "thyLabel" }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStep, deps: [{ token: THY_STEPPER_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyStep, isStandalone: true, selector: "thy-step", inputs: { label: "label", thyLabel: "thyLabel" }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStep, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStep, decorators: [{
             type: Component,
             args: [{ selector: 'thy-step', standalone: true, template: "<ng-template><ng-content></ng-content></ng-template>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -131,15 +131,15 @@ class ThyStepper {
     previous() {
         this.selectedIndex = Math.max(this._selectedIndex - 1, 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyStepper, isStandalone: true, selector: "thy-stepper", inputs: { thySelectedIndex: ["thySelectedIndex", "thySelectedIndex", numberAttribute], thySelected: "thySelected", thyShowStepHeader: ["thyShowStepHeader", "thyShowStepHeader", booleanAttribute] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.thy-stepper": "this.thyStepper" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyStepper, isStandalone: true, selector: "thy-stepper", inputs: { thySelectedIndex: ["thySelectedIndex", "thySelectedIndex", numberAttribute], thySelected: "thySelected", thyShowStepHeader: ["thyShowStepHeader", "thyShowStepHeader", booleanAttribute] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.thy-stepper": "this.thyStepper" } }, providers: [
             {
                 provide: THY_STEPPER_COMPONENT,
                 useExisting: ThyStepper
             }
         ], queries: [{ propertyName: "steps", predicate: ThyStep }], viewQueries: [{ propertyName: "stepHeaders", predicate: ThyStepHeader, descendants: true }], ngImport: i0, template: "<div *ngIf=\"thyShowStepHeader\" class=\"thy-stepper-header-container\">\n  <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n    <thy-step-header\n      [index]=\"i\"\n      [label]=\"step.thyLabel || step.label\"\n      [selected]=\"selectedIndex === i\"\n      [class.thy-stepper-header-active]=\"i <= selectedIndex\"\n      [active]=\"i <= selectedIndex\"\n    >\n    </thy-step-header>\n    <div *ngIf=\"!isLast\" class=\"thy-stepper-line\" [class.thy-stepper-line-active]=\"i < selectedIndex\"></div>\n  </ng-container>\n</div>\n\n<div class=\"thy-stepper-content-container\">\n  <ng-container [ngTemplateOutlet]=\"selected?.content\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyStepHeader, selector: "thy-step-header", inputs: ["label", "index", "selected", "active"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepper, decorators: [{
             type: Component,
             args: [{ selector: 'thy-stepper', providers: [
                         {
@@ -181,10 +181,10 @@ class ThyStepperNextDirective {
     click($event) {
         this.stepper.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepperNextDirective, deps: [{ token: ThyStepper }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: ThyStepperNextDirective, isStandalone: true, selector: "[thyStepperNext]", host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperNextDirective, deps: [{ token: ThyStepper }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThyStepperNextDirective, isStandalone: true, selector: "[thyStepperNext]", host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepperNextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperNextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyStepperNext]',
@@ -207,10 +207,10 @@ class ThyStepperPreviousDirective {
     click($event) {
         this.stepper.previous();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepperPreviousDirective, deps: [{ token: ThyStepper }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: ThyStepperPreviousDirective, isStandalone: true, selector: "[thyStepperPrevious]", host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperPreviousDirective, deps: [{ token: ThyStepper }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThyStepperPreviousDirective, isStandalone: true, selector: "[thyStepperPrevious]", host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepperPreviousDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperPreviousDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyStepperPrevious]',
@@ -222,11 +222,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }] } });
 
 class ThyStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThyStepperModule, imports: [CommonModule, ThyStepHeader, ThyStepper, ThyStep, ThyStepperNextDirective, ThyStepperPreviousDirective], exports: [ThyStepper, ThyStep, ThyStepHeader, ThyStepperNextDirective, ThyStepperPreviousDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepperModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperModule, imports: [CommonModule, ThyStepHeader, ThyStepper, ThyStep, ThyStepperNextDirective, ThyStepperPreviousDirective], exports: [ThyStepper, ThyStep, ThyStepHeader, ThyStepperNextDirective, ThyStepperPreviousDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThyStepHeader, ThyStepper, ThyStep, ThyStepperNextDirective, ThyStepperPreviousDirective],

package/fesm2022/ngx-tethys-strength.mjs

@@ -87,8 +87,8 @@ class ThyStrength {
     registerOnTouched(fn) {
         this._onTouched = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStrength, deps: [{ token: i1.ThyTranslate }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyStrength, isStandalone: true, selector: "thy-strength", inputs: { titleKey: "titleKey", highestKey: "highestKey", highKey: "highKey", averageKey: "averageKey", lowKey: "lowKey" }, host: { properties: { "class.password-strength-container": "this.styleClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrength, deps: [{ token: i1.ThyTranslate }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyStrength, isStandalone: true, selector: "thy-strength", inputs: { titleKey: "titleKey", highestKey: "highestKey", highKey: "highKey", averageKey: "averageKey", lowKey: "lowKey" }, host: { properties: { "class.password-strength-container": "this.styleClass" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyStrength),
@@ -96,7 +96,7 @@ class ThyStrength {
             }
         ], ngImport: i0, template: "<div>\n  {{ strengthTitle }} <span class=\"strength-text strength-text-{{ strengthMap[strength]?.level }}\">{{ strengthMap[strength]?.text }}</span>\n</div>\n<div class=\"strength-level strength-level-{{ strengthMap[strength]?.level }}\">\n  <span></span>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStrength, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrength, decorators: [{
             type: Component,
             args: [{ selector: 'thy-strength', providers: [
                         {
@@ -121,11 +121,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }] } });
 
 class ThyStrengthModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStrengthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThyStrengthModule, imports: [ThyStrength], exports: [ThyStrength] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStrengthModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrengthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyStrengthModule, imports: [ThyStrength], exports: [ThyStrength] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrengthModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyStrengthModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrengthModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ThyStrength],

package/fesm2022/ngx-tethys-switch.mjs

@@ -140,8 +140,8 @@ class ThySwitch extends TabIndexDisabledControlValueAccessorMixin {
         };
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySwitch, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThySwitch, isStandalone: true, selector: "thy-switch", inputs: { thyType: "thyType", thySize: "thySize", thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute], thyLoading: ["thyLoading", "thyLoading", booleanAttribute] }, outputs: { thyChange: "thyChange" }, host: { properties: { "class.thy-switch-xs": "size === \"xs\"", "class.thy-switch-sm": "size === \"sm\"" }, classAttribute: "thy-switch" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitch, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThySwitch, isStandalone: true, selector: "thy-switch", inputs: { thyType: "thyType", thySize: "thySize", thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute], thyLoading: ["thyLoading", "thyLoading", booleanAttribute] }, outputs: { thyChange: "thyChange" }, host: { properties: { "class.thy-switch-xs": "size === \"xs\"", "class.thy-switch-sm": "size === \"sm\"" }, classAttribute: "thy-switch" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThySwitch),
@@ -149,7 +149,7 @@ class ThySwitch extends TabIndexDisabledControlValueAccessorMixin {
             }
         ], viewQueries: [{ propertyName: "switchElementRef", first: true, predicate: ["switch"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label #switch class=\"thy-switch\" [ngClass]=\"classNames\">\n  <input\n    type=\"checkbox\"\n    [attr.tabindex]=\"-1\"\n    [disabled]=\"disabled || loading\"\n    class=\"thy-switch-input\"\n    [checked]=\"model\"\n    (change)=\"toggle($event)\" />\n  <span class=\"thy-switch-label\" [attr.tabindex]=\"tabIndex\"></span>\n  <span class=\"thy-switch-handle\">\n    <ng-container *ngIf=\"loading\">\n      <svg [attr.viewBox]=\"loadingCircle?.viewBox\" [class.mb-1]=\"size === 'xs'\">\n        <circle\n          class=\"thy-switch-loading\"\n          [style.transform-origin]=\"loadingCircle?.cx + 'px ' + loadingCircle?.cy + 'px'\"\n          [attr.cx]=\"loadingCircle?.cx\"\n          [attr.cy]=\"loadingCircle?.cy\"\n          [attr.r]=\"loadingCircle?.r\"\n          [attr.stroke]=\"model ? 'rgba(102,152,255,1)' : 'rgba(202,202,202,1)'\"\n          stroke-width=\"1\"\n          [attr.stroke-dasharray]=\"loadingCircle?.dasharray\"\n          fill=\"white\" />\n      </svg>\n    </ng-container>\n  </span>\n</label>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySwitch, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitch, decorators: [{
             type: Component,
             args: [{ selector: 'thy-switch', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -180,11 +180,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }] } });
 
 class ThySwitchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThySwitchModule, imports: [CommonModule, ThySwitch], exports: [ThySwitch] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySwitchModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThySwitchModule, imports: [CommonModule, ThySwitch], exports: [ThySwitch] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitchModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySwitchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThySwitch],