ngx-tethys 17.0.6 → 18.0.0-next.0

package/fesm2022/ngx-tethys-checkbox.mjs

@@ -23,8 +23,8 @@ class ThyCheckbox extends ThyFormCheckBaseComponent {
         super(thyTranslate);
         this.isIndeterminate = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCheckbox, deps: [{ token: i1.ThyTranslate }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyCheckbox, isStandalone: true, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: { thyIndeterminate: ["thyIndeterminate", "thyIndeterminate", booleanAttribute] }, host: { properties: { "attr.tabindex": "-1", "class.disabled": "_disabled" }, classAttribute: "thy-checkbox" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCheckbox, deps: [{ token: i1.ThyTranslate }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyCheckbox, isStandalone: true, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: { thyIndeterminate: ["thyIndeterminate", "thyIndeterminate", booleanAttribute] }, host: { properties: { "attr.tabindex": "-1", "class.disabled": "_disabled" }, classAttribute: "thy-checkbox" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyCheckbox),
@@ -32,7 +32,7 @@ class ThyCheckbox extends ThyFormCheckBaseComponent {
             }
         ], usesInheritance: true, ngImport: i0, template: "<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': isIndeterminate, 'form-check-no-label-text': !_labelText }\"\n  [checked]=\"_innerValue\"\n  (change)=\"change()\"\n  type=\"checkbox\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\" />\n<span class=\"form-check-label\" *ngIf=\"_labelText\">{{ _labelText }}</span>\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCheckbox, decorators: [{
             type: Component,
             args: [{ selector: 'thy-checkbox,[thy-checkbox],[thyCheckbox]', providers: [
                         {
@@ -51,11 +51,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }] } });
 
 class ThyCheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule, ThyCheckbox], exports: [ThyCheckbox] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule, ThyCheckbox], exports: [ThyCheckbox] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, ThyCheckbox],

package/fesm2022/ngx-tethys-collapse.mjs

@@ -48,14 +48,14 @@ class ThyCollapse {
         collapseItem.thyActive = !collapseItem.thyActive;
         collapseItem.thyActiveChange.emit({ active: collapseItem.thyActive, event });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyCollapse, isStandalone: true, selector: "thy-collapse", inputs: { thyTheme: "thyTheme", thyAccordion: ["thyAccordion", "thyAccordion", booleanAttribute], thyArrowIconPosition: "thyArrowIconPosition" }, host: { properties: { "class.thy-collapse-divided": "thyTheme === 'divided'", "class.thy-collapse-bordered": "thyTheme === 'bordered'", "class.thy-collapse-ghost": "thyTheme === 'ghost'", "class.thy-collapse-icon-position-right": "thyArrowIconPosition === 'right'", "class.thy-collapse-icon-position-left": "thyArrowIconPosition === 'left'" }, classAttribute: "thy-collapse" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyCollapse, isStandalone: true, selector: "thy-collapse", inputs: { thyTheme: "thyTheme", thyAccordion: ["thyAccordion", "thyAccordion", booleanAttribute], thyArrowIconPosition: "thyArrowIconPosition" }, host: { properties: { "class.thy-collapse-divided": "thyTheme === 'divided'", "class.thy-collapse-bordered": "thyTheme === 'bordered'", "class.thy-collapse-ghost": "thyTheme === 'ghost'", "class.thy-collapse-icon-position-right": "thyArrowIconPosition === 'right'", "class.thy-collapse-icon-position-left": "thyArrowIconPosition === 'left'" }, classAttribute: "thy-collapse" }, ngImport: i0, template: `
         <ng-container>
             <ng-content></ng-content>
         </ng-container>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCollapse, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCollapse, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-collapse',
@@ -136,10 +136,10 @@ class ThyCollapseItem {
     ngOnDestroy() {
         this.thyCollapseComponent.removePanel(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCollapseItem, deps: [{ token: i0.ChangeDetectorRef }, { token: ThyCollapse, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyCollapseItem, isStandalone: true, selector: "thy-collapse-panel, thy-collapse-item", inputs: { thyTitle: "thyTitle", thyActive: ["thyActive", "thyActive", booleanAttribute], thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute], thyHeaderTemplate: "thyHeaderTemplate", thyArrowIcon: "thyArrowIcon", thyExtra: "thyExtra" }, outputs: { thyActiveChange: "thyActiveChange" }, host: { properties: { "class.thy-collapse-item": "true", "class.thy-collapse-no-arrow": "!showArrow", "class.thy-collapse-item-active": "thyActive", "class.thy-collapse-item-disabled": "thyDisabled" } }, exportAs: ["ThyCollapseComponent"], ngImport: i0, template: "<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  <ng-container *ngIf=\"showArrow\">\n    <ng-container *ngIf=\"arrowIconTemplate; else defaultIcon\">\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate\"></ng-template>\n    </ng-container>\n    <ng-template #defaultIcon>\n      <thy-icon [thyIconName]=\"arrowIcon || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive ? -90 : 0\"></thy-icon>\n    </ng-template>\n  </ng-container>\n\n  <ng-container *ngIf=\"thyHeaderTemplate; else defaultHeader\">\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate\"></ng-template>\n  </ng-container>\n  <ng-template #defaultHeader>\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\"> {{ thyTitle }}</span></ng-container\n    >\n  </ng-template>\n\n  <div class=\"thy-collapse-extra\" *ngIf=\"thyExtra\">\n    <ng-template [ngTemplateOutlet]=\"thyExtra\"></ng-template>\n  </div>\n</div>\n<div class=\"thy-collapse-content\" [@collapseMotion]=\"thyActive ? 'expanded' : 'hidden'\">\n  <div class=\"thy-collapse-content-box\">\n    <ng-content></ng-content>\n  </div>\n</div>\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"] }], animations: [collapseMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCollapseItem, deps: [{ token: i0.ChangeDetectorRef }, { token: ThyCollapse, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyCollapseItem, isStandalone: true, selector: "thy-collapse-panel, thy-collapse-item", inputs: { thyTitle: "thyTitle", thyActive: ["thyActive", "thyActive", booleanAttribute], thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute], thyHeaderTemplate: "thyHeaderTemplate", thyArrowIcon: "thyArrowIcon", thyExtra: "thyExtra" }, outputs: { thyActiveChange: "thyActiveChange" }, host: { properties: { "class.thy-collapse-item": "true", "class.thy-collapse-no-arrow": "!showArrow", "class.thy-collapse-item-active": "thyActive", "class.thy-collapse-item-disabled": "thyDisabled" } }, exportAs: ["ThyCollapseComponent"], ngImport: i0, template: "<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  <ng-container *ngIf=\"showArrow\">\n    <ng-container *ngIf=\"arrowIconTemplate; else defaultIcon\">\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate\"></ng-template>\n    </ng-container>\n    <ng-template #defaultIcon>\n      <thy-icon [thyIconName]=\"arrowIcon || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive ? -90 : 0\"></thy-icon>\n    </ng-template>\n  </ng-container>\n\n  <ng-container *ngIf=\"thyHeaderTemplate; else defaultHeader\">\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate\"></ng-template>\n  </ng-container>\n  <ng-template #defaultHeader>\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\"> {{ thyTitle }}</span></ng-container\n    >\n  </ng-template>\n\n  <div class=\"thy-collapse-extra\" *ngIf=\"thyExtra\">\n    <ng-template [ngTemplateOutlet]=\"thyExtra\"></ng-template>\n  </div>\n</div>\n<div class=\"thy-collapse-content\" [@collapseMotion]=\"thyActive ? 'expanded' : 'hidden'\">\n  <div class=\"thy-collapse-content-box\">\n    <ng-content></ng-content>\n  </div>\n</div>\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"] }], animations: [collapseMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCollapseItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCollapseItem, decorators: [{
             type: Component,
             args: [{ selector: 'thy-collapse-panel, thy-collapse-item', exportAs: 'ThyCollapseComponent', animations: [collapseMotion], host: {
                         '[class.thy-collapse-item]': 'true',
@@ -168,11 +168,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }] } });
 
 class ThyCollapseModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem], exports: [ThyCollapse, ThyCollapseItem] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapseItem] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem], exports: [ThyCollapse, ThyCollapseItem] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapseItem] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCollapseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCollapseModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem],

package/fesm2022/ngx-tethys-color-picker.mjs

@@ -510,10 +510,10 @@ class ThyColorInputs {
         }
         this.colorChange.emit(newColor);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorInputs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyColorInputs, isStandalone: true, selector: "thy-color-inputs", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-color-inputs": "this.className" } }, ngImport: i0, template: "<div class=\"hex-column\">\n  <input\n    #elRef\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    thyInput\n    [(ngModel)]=\"color.displayValue\"\n    (blur)=\"onInputChange($event, 'hex')\"\n    (thyEnter)=\"onInputChange($event, 'hex')\"\n  />\n  <span>HEX</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.red\"\n    (thyBlur)=\"onInputChange($event, 'R')\"\n    (thyEnter)=\"onInputChange($event, 'R')\"\n  ></thy-input-number>\n  <span>R</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.green\"\n    (thyBlur)=\"onInputChange($event, 'G')\"\n    (thyEnter)=\"onInputChange($event, 'G')\"\n  ></thy-input-number>\n  <span>G</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.blue\"\n    (thyBlur)=\"onInputChange($event, 'B')\"\n    (thyEnter)=\"onInputChange($event, 'B')\"\n  ></thy-input-number>\n  <span>B</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    [thyMin]=\"0\"\n    [thyMax]=\"100\"\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"alpha\"\n    (thyBlur)=\"onInputChange($event, 'A')\"\n    (thyEnter)=\"onInputChange($event, 'A')\"\n  ></thy-input-number>\n  <span>A</span>\n</div>\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "component", type: ThyInputNumber, selector: "thy-input-number", inputs: ["thyAutoFocus", "thyPlaceholder", "thyDisabled", "thyMax", "thyMin", "thyStep", "thyStepDelay", "thySize", "thyPrecision", "thySuffix"], outputs: ["thyBlur", "thyFocus"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorInputs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyColorInputs, isStandalone: true, selector: "thy-color-inputs", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-color-inputs": "this.className" } }, ngImport: i0, template: "<div class=\"hex-column\">\n  <input\n    #elRef\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    thyInput\n    [(ngModel)]=\"color.displayValue\"\n    (blur)=\"onInputChange($event, 'hex')\"\n    (thyEnter)=\"onInputChange($event, 'hex')\"\n  />\n  <span>HEX</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.red\"\n    (thyBlur)=\"onInputChange($event, 'R')\"\n    (thyEnter)=\"onInputChange($event, 'R')\"\n  ></thy-input-number>\n  <span>R</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.green\"\n    (thyBlur)=\"onInputChange($event, 'G')\"\n    (thyEnter)=\"onInputChange($event, 'G')\"\n  ></thy-input-number>\n  <span>G</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.blue\"\n    (thyBlur)=\"onInputChange($event, 'B')\"\n    (thyEnter)=\"onInputChange($event, 'B')\"\n  ></thy-input-number>\n  <span>B</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    [thyMin]=\"0\"\n    [thyMax]=\"100\"\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"alpha\"\n    (thyBlur)=\"onInputChange($event, 'A')\"\n    (thyEnter)=\"onInputChange($event, 'A')\"\n  ></thy-input-number>\n  <span>A</span>\n</div>\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "component", type: ThyInputNumber, selector: "thy-input-number", inputs: ["thyAutoFocus", "thyPlaceholder", "thyDisabled", "thyMax", "thyMin", "thyStep", "thyStepDelay", "thySize", "thyPrecision", "thySuffix"], outputs: ["thyBlur", "thyFocus"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorInputs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorInputs, decorators: [{
             type: Component,
             args: [{ selector: 'thy-color-inputs', standalone: true, imports: [ThyInputDirective, FormsModule, ThyEnterDirective, ThyInputNumber], template: "<div class=\"hex-column\">\n  <input\n    #elRef\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    thyInput\n    [(ngModel)]=\"color.displayValue\"\n    (blur)=\"onInputChange($event, 'hex')\"\n    (thyEnter)=\"onInputChange($event, 'hex')\"\n  />\n  <span>HEX</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.red\"\n    (thyBlur)=\"onInputChange($event, 'R')\"\n    (thyEnter)=\"onInputChange($event, 'R')\"\n  ></thy-input-number>\n  <span>R</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.green\"\n    (thyBlur)=\"onInputChange($event, 'G')\"\n    (thyEnter)=\"onInputChange($event, 'G')\"\n  ></thy-input-number>\n  <span>G</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.blue\"\n    (thyBlur)=\"onInputChange($event, 'B')\"\n    (thyEnter)=\"onInputChange($event, 'B')\"\n  ></thy-input-number>\n  <span>B</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    [thyMin]=\"0\"\n    [thyMax]=\"100\"\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"alpha\"\n    (thyBlur)=\"onInputChange($event, 'A')\"\n    (thyEnter)=\"onInputChange($event, 'A')\"\n  ></thy-input-number>\n  <span>A</span>\n</div>\n" }]
         }], propDecorators: { className: [{
@@ -535,10 +535,10 @@ class ThyIndicator {
     get backgroundColor() {
         return this.color.rgba.toString();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyIndicator, isStandalone: true, selector: "thy-indicator", inputs: { color: "color" }, host: { properties: { "class.thy-indicator": "this.className" } }, ngImport: i0, template: "<div [style.backgroundColor]=\"backgroundColor\" class=\"icon-container\"></div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyIndicator, isStandalone: true, selector: "thy-indicator", inputs: { color: "color" }, host: { properties: { "class.thy-indicator": "this.className" } }, ngImport: i0, template: "<div [style.backgroundColor]=\"backgroundColor\" class=\"icon-container\"></div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyIndicator, decorators: [{
             type: Component,
             args: [{ selector: 'thy-indicator', standalone: true, template: "<div [style.backgroundColor]=\"backgroundColor\" class=\"icon-container\"></div>\n" }]
         }], propDecorators: { className: [{
@@ -595,10 +595,10 @@ class ThyCoordinatesDirective {
     ngOnDestroy() {
         this.sub?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCoordinatesDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: ThyCoordinatesDirective, isStandalone: true, selector: "[thyColorCoordinates]", outputs: { coordinatesChange: "coordinatesChange" }, host: { listeners: { "mousedown": "mousedown($event,$event.pageX,$event.pageY)", "window:mousemove": "mousemove($event,$event.pageX,$event.pageY)", "window:mouseup": "mouseup()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCoordinatesDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThyCoordinatesDirective, isStandalone: true, selector: "[thyColorCoordinates]", outputs: { coordinatesChange: "coordinatesChange" }, host: { listeners: { "mousedown": "mousedown($event,$event.pageX,$event.pageY)", "window:mousemove": "mousemove($event,$event.pageX,$event.pageY)", "window:mouseup": "mouseup()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCoordinatesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCoordinatesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyColorCoordinates]',
@@ -656,10 +656,10 @@ class ThyAlpha {
         this.changePointerPosition(x);
         this.colorChange.emit(new ThyColor({ h: this.color.hue, s: this.color.saturation, v: this.color.value, alpha: x }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyAlpha, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyAlpha, isStandalone: true, selector: "thy-alpha", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-alpha": "this.className" } }, viewQueries: [{ propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }, { propertyName: "gradient", first: true, predicate: ["gradient"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"gradient-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"gradient-color\" #gradient>\n    <div class=\"pointer-container\">\n      <div class=\"pointer\" #pointer></div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyAlpha, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyAlpha, isStandalone: true, selector: "thy-alpha", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-alpha": "this.className" } }, viewQueries: [{ propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }, { propertyName: "gradient", first: true, predicate: ["gradient"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"gradient-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"gradient-color\" #gradient>\n    <div class=\"pointer-container\">\n      <div class=\"pointer\" #pointer></div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyAlpha, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyAlpha, decorators: [{
             type: Component,
             args: [{ selector: 'thy-alpha', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThyCoordinatesDirective], template: "<div class=\"gradient-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"gradient-color\" #gradient>\n    <div class=\"pointer-container\">\n      <div class=\"pointer\" #pointer></div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { className: [{
@@ -709,10 +709,10 @@ class ThyHue {
         this.changePointerPosition(x * 360);
         this.colorChange.emit(new ThyColor({ h: x * 360, s: this.color.saturation, v: this.color.value, alpha: this.color.alpha }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyHue, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyHue, isStandalone: true, selector: "thy-hue", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-hue": "this.className" } }, viewQueries: [{ propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"hue-contianer\">\n  <div class=\"pointer-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n    <div class=\"pointer\" #pointer></div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyHue, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyHue, isStandalone: true, selector: "thy-hue", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-hue": "this.className" } }, viewQueries: [{ propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"hue-contianer\">\n  <div class=\"pointer-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n    <div class=\"pointer\" #pointer></div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyHue, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyHue, decorators: [{
             type: Component,
             args: [{ selector: 'thy-hue', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThyCoordinatesDirective], template: "<div class=\"hue-contianer\">\n  <div class=\"pointer-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n    <div class=\"pointer\" #pointer></div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { className: [{
@@ -770,10 +770,10 @@ class ThySaturation {
         this.changePointerPosition(s * 100, v * 100);
         this.colorChange.emit(new ThyColor({ h: this.color.hue, s: s * 100, v: v * 100, alpha: this.color.alpha }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySaturation, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThySaturation, isStandalone: true, selector: "thy-saturation", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-saturation": "this.className" } }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, static: true }, { propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"color-panel\" #panel thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"color-panel-white\"></div>\n  <div class=\"color-panel-black\"></div>\n  <div class=\"color-panel-pointer\" #pointer></div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySaturation, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThySaturation, isStandalone: true, selector: "thy-saturation", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-saturation": "this.className" } }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, static: true }, { propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"color-panel\" #panel thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"color-panel-white\"></div>\n  <div class=\"color-panel-black\"></div>\n  <div class=\"color-panel-pointer\" #pointer></div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThySaturation, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySaturation, decorators: [{
             type: Component,
             args: [{ selector: 'thy-saturation', standalone: true, imports: [ThyCoordinatesDirective], template: "<div class=\"color-panel\" #panel thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"color-panel-white\"></div>\n  <div class=\"color-panel-black\"></div>\n  <div class=\"color-panel-pointer\" #pointer></div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { className: [{
@@ -806,10 +806,10 @@ class ThyColorPickerCustomPanel {
         this.color = this.colorInstance.displayValue;
         this.pickerColorChange(this.color);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerCustomPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyColorPickerCustomPanel, isStandalone: true, selector: "thy-color-picker-custom-panel", inputs: { color: "color", pickerColorChange: "pickerColorChange" }, host: { properties: { "class.thy-color-picker-custom-panel": "this.className" } }, ngImport: i0, template: "<thy-saturation [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-saturation>\n<div class=\"controls\">\n  <div class=\"indicator-hue-alp\">\n    <div class=\"rows\">\n      <thy-hue [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-hue>\n      <thy-alpha [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-alpha>\n    </div>\n    <thy-indicator [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-indicator>\n  </div>\n</div>\n<thy-color-inputs [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-color-inputs>\n", dependencies: [{ kind: "component", type: ThySaturation, selector: "thy-saturation", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyHue, selector: "thy-hue", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyAlpha, selector: "thy-alpha", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyIndicator, selector: "thy-indicator", inputs: ["color"] }, { kind: "component", type: ThyColorInputs, selector: "thy-color-inputs", inputs: ["color"], outputs: ["colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerCustomPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyColorPickerCustomPanel, isStandalone: true, selector: "thy-color-picker-custom-panel", inputs: { color: "color", pickerColorChange: "pickerColorChange" }, host: { properties: { "class.thy-color-picker-custom-panel": "this.className" } }, ngImport: i0, template: "<thy-saturation [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-saturation>\n<div class=\"controls\">\n  <div class=\"indicator-hue-alp\">\n    <div class=\"rows\">\n      <thy-hue [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-hue>\n      <thy-alpha [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-alpha>\n    </div>\n    <thy-indicator [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-indicator>\n  </div>\n</div>\n<thy-color-inputs [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-color-inputs>\n", dependencies: [{ kind: "component", type: ThySaturation, selector: "thy-saturation", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyHue, selector: "thy-hue", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyAlpha, selector: "thy-alpha", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyIndicator, selector: "thy-indicator", inputs: ["color"] }, { kind: "component", type: ThyColorInputs, selector: "thy-color-inputs", inputs: ["color"], outputs: ["colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerCustomPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerCustomPanel, decorators: [{
             type: Component,
             args: [{ selector: 'thy-color-picker-custom-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThySaturation, ThyHue, ThyAlpha, ThyIndicator, ThyColorInputs], template: "<thy-saturation [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-saturation>\n<div class=\"controls\">\n  <div class=\"indicator-hue-alp\">\n    <div class=\"rows\">\n      <thy-hue [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-hue>\n      <thy-alpha [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-alpha>\n    </div>\n    <thy-indicator [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-indicator>\n  </div>\n</div>\n<thy-color-inputs [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-color-inputs>\n" }]
         }], ctorParameters: () => [], propDecorators: { className: [{
@@ -887,10 +887,10 @@ class ThyColorPickerPanel {
         const hsp = 0.299 * rgba.red + 0.587 * rgba.green + 0.114 * rgba.blue;
         return hsp > 192 ? 'black' : 'white';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerPanel, deps: [{ token: i1$1.ThyPopover }, { token: i0.ViewContainerRef }, { token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyColorPickerPanel, isStandalone: true, selector: "thy-color-picker-panel", inputs: { color: "color", colorChange: "colorChange", defaultColor: "defaultColor", transparentColorSelectable: ["transparentColorSelectable", "transparentColorSelectable", booleanAttribute], defaultColors: "defaultColors" }, host: { properties: { "class.pt-4": "!transparentColorSelectable", "class.thy-color-picker-panel": "this.className" } }, ngImport: i0, template: "<ng-container *ngIf=\"customDefaultColor\">\n  <div class=\"quick-color\" [ngClass]=\"transparentColorSelectable ? ' mb-0 pb-0' : ''\" (click)=\"selectColor(defaultColor)\">\n    <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: defaultColor }\"></ng-template>\n    <span class=\"ml-2 font-size-sm text-secondary\">\u9ED8\u8BA4\u989C\u8272</span>\n  </div>\n</ng-container>\n<div\n  *ngIf=\"transparentColorSelectable\"\n  class=\"quick-color\"\n  [ngClass]=\"customDefaultColor ? 'mt-0 pt-0' : ''\"\n  (click)=\"selectColor('transparent')\"\n>\n  <div class=\"color-block\"></div>\n  <span class=\"ml-2 font-size-sm text-secondary\">\u65E0\u586B\u5145\u8272</span>\n</div>\n<div class=\"main-content\">\n  <div class=\"default-color\">\n    <ng-container *ngFor=\"let item of defaultColors\">\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </ng-container>\n  </div>\n  <p class=\"font-size-sm text-secondary recent-text\">\u6700\u8FD1\u4F7F\u7528\u81EA\u5B9A\u4E49\u989C\u8272</p>\n  <div class=\"recent-color-container\">\n    <ng-container *ngFor=\"let item of recentColors\">\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </ng-container>\n    <div class=\"font-size-sm px-1 text-muted\" *ngIf=\"recentColors.length === 0\">\n      \u6682\u65E0\n    </div>\n  </div>\n</div>\n<div class=\"more-color\" (click)=\"showMoreColor($event)\">\n  <thy-icon thyIconName=\"palette\" class=\"mr-2\"></thy-icon>\n  <span class=\"font-size-sm custom-text\">\u81EA\u5B9A\u4E49\u989C\u8272</span>\n  <thy-icon thyDropdownMenuItemExtendIcon thyIconName=\"angle-right\"></thy-icon>\n</div>\n\n<ng-template #checkIconTpl let-colorItem>\n  <div\n    class=\"color-item\"\n    [ngStyle]=\"{ background: colorItem }\"\n    [ngClass]=\"colorItem === '#FFFFFF' ? 'item-border' : ''\"\n    (click)=\"selectColor(colorItem)\"\n  >\n    <thy-icon\n      thyIconName=\"check-thick\"\n      class=\"check-icon\"\n      [ngClass]=\"color === colorItem ? (getIconColor(colorItem) === 'white' ? 'checked white-check' : 'checked black-check') : ''\"\n    ></thy-icon>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerPanel, deps: [{ token: i1$1.ThyPopover }, { token: i0.ViewContainerRef }, { token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyColorPickerPanel, isStandalone: true, selector: "thy-color-picker-panel", inputs: { color: "color", colorChange: "colorChange", defaultColor: "defaultColor", transparentColorSelectable: ["transparentColorSelectable", "transparentColorSelectable", booleanAttribute], defaultColors: "defaultColors" }, host: { properties: { "class.pt-4": "!transparentColorSelectable", "class.thy-color-picker-panel": "this.className" } }, ngImport: i0, template: "<ng-container *ngIf=\"customDefaultColor\">\n  <div class=\"quick-color\" [ngClass]=\"transparentColorSelectable ? ' mb-0 pb-0' : ''\" (click)=\"selectColor(defaultColor)\">\n    <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: defaultColor }\"></ng-template>\n    <span class=\"ml-2 font-size-sm text-secondary\">\u9ED8\u8BA4\u989C\u8272</span>\n  </div>\n</ng-container>\n<div\n  *ngIf=\"transparentColorSelectable\"\n  class=\"quick-color\"\n  [ngClass]=\"customDefaultColor ? 'mt-0 pt-0' : ''\"\n  (click)=\"selectColor('transparent')\"\n>\n  <div class=\"color-block\"></div>\n  <span class=\"ml-2 font-size-sm text-secondary\">\u65E0\u586B\u5145\u8272</span>\n</div>\n<div class=\"main-content\">\n  <div class=\"default-color\">\n    <ng-container *ngFor=\"let item of defaultColors\">\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </ng-container>\n  </div>\n  <p class=\"font-size-sm text-secondary recent-text\">\u6700\u8FD1\u4F7F\u7528\u81EA\u5B9A\u4E49\u989C\u8272</p>\n  <div class=\"recent-color-container\">\n    <ng-container *ngFor=\"let item of recentColors\">\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </ng-container>\n    <div class=\"font-size-sm px-1 text-muted\" *ngIf=\"recentColors.length === 0\">\n      \u6682\u65E0\n    </div>\n  </div>\n</div>\n<div class=\"more-color\" (click)=\"showMoreColor($event)\">\n  <thy-icon thyIconName=\"palette\" class=\"mr-2\"></thy-icon>\n  <span class=\"font-size-sm custom-text\">\u81EA\u5B9A\u4E49\u989C\u8272</span>\n  <thy-icon thyDropdownMenuItemExtendIcon thyIconName=\"angle-right\"></thy-icon>\n</div>\n\n<ng-template #checkIconTpl let-colorItem>\n  <div\n    class=\"color-item\"\n    [ngStyle]=\"{ background: colorItem }\"\n    [ngClass]=\"colorItem === '#FFFFFF' ? 'item-border' : ''\"\n    (click)=\"selectColor(colorItem)\"\n  >\n    <thy-icon\n      thyIconName=\"check-thick\"\n      class=\"check-icon\"\n      [ngClass]=\"color === colorItem ? (getIconColor(colorItem) === 'white' ? 'checked white-check' : 'checked black-check') : ''\"\n    ></thy-icon>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerPanel, decorators: [{
             type: Component,
             args: [{ selector: 'thy-color-picker-panel', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.pt-4]': '!transparentColorSelectable'
@@ -1199,8 +1199,8 @@ class ThyColorPickerDirective extends _BaseMixin {
         this.dispose();
         this.popoverRef = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerDirective, deps: [{ token: i1$1.ThyPopover }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i2.Platform }, { token: i3.FocusMonitor }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.3", type: ThyColorPickerDirective, isStandalone: true, selector: "[thyColorPicker]", inputs: { thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", booleanAttribute], thyDefaultColor: "thyDefaultColor", thyTransparentColorSelectable: ["thyTransparentColorSelectable", "thyTransparentColorSelectable", booleanAttribute], thyPresetColors: "thyPresetColors", thyPlacement: "thyPlacement", thyTrigger: "thyTrigger", thyShowDelay: ["thyShowDelay", "thyShowDelay", numberAttribute], thyHideDelay: ["thyHideDelay", "thyHideDelay", numberAttribute], thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute] }, outputs: { thyPanelOpen: "thyPanelOpen", thyPanelClose: "thyPanelClose" }, host: { properties: { "attr.tabindex": "tabIndex", "class.thy-color-picker-disabled": "disabled" }, classAttribute: "thy-color-picker" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerDirective, deps: [{ token: i1$1.ThyPopover }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i2.Platform }, { token: i3.FocusMonitor }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0", type: ThyColorPickerDirective, isStandalone: true, selector: "[thyColorPicker]", inputs: { thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", booleanAttribute], thyDefaultColor: "thyDefaultColor", thyTransparentColorSelectable: ["thyTransparentColorSelectable", "thyTransparentColorSelectable", booleanAttribute], thyPresetColors: "thyPresetColors", thyPlacement: "thyPlacement", thyTrigger: "thyTrigger", thyShowDelay: ["thyShowDelay", "thyShowDelay", numberAttribute], thyHideDelay: ["thyHideDelay", "thyHideDelay", numberAttribute], thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute] }, outputs: { thyPanelOpen: "thyPanelOpen", thyPanelClose: "thyPanelClose" }, host: { properties: { "attr.tabindex": "tabIndex", "class.thy-color-picker-disabled": "disabled" }, classAttribute: "thy-color-picker" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -1208,7 +1208,7 @@ class ThyColorPickerDirective extends _BaseMixin {
             }
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyColorPicker]',
@@ -1259,8 +1259,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }] } });
 
 class ThyColorPickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerModule, imports: [CommonModule,
             ThyDialogModule,
             ThyInputModule,
             ThyIconModule,
@@ -1276,7 +1276,7 @@ class ThyColorPickerModule {
             ThyCoordinatesDirective,
             ThyColorPickerPanel,
             ThyColorInputs], exports: [ThyColorPickerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerModule, imports: [CommonModule,
             ThyDialogModule,
             ThyInputModule,
             ThyIconModule,
@@ -1287,7 +1287,7 @@ class ThyColorPickerModule {
             ThyColorPickerPanel,
             ThyColorInputs] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyColorPickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyColorPickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ngx-tethys-comment.mjs

@@ -14,10 +14,10 @@ class ThyComment {
     constructor() {
         this.isTemplateRef = isTemplateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyComment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyComment, isStandalone: true, selector: "thy-comment", inputs: { thyAuthor: "thyAuthor", thyDatetime: "thyDatetime", thyAvatar: "thyAvatar" }, host: { classAttribute: "thy-comment" }, ngImport: i0, template: "<div class=\"thy-comment-inner\">\n  <ng-container *ngIf=\"isTemplateRef(this.thyAvatar); else defaultAvatar\">\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  </ng-container>\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #defaultAvatar>\n  <ng-container *ngIf=\"thyAuthor || thyAvatar\">\n    <div class=\"thy-comment-avatar\">\n      <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n    </div>\n  </ng-container>\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: ThyStringOrTemplateOutletDirective, selector: "[thyStringOrTemplateOutlet]", inputs: ["thyStringOrTemplateOutletContext", "thyStringOrTemplateOutlet"], exportAs: ["thyStringOrTemplateOutlet"] }, { kind: "component", type: ThyAvatar, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyComment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyComment, isStandalone: true, selector: "thy-comment", inputs: { thyAuthor: "thyAuthor", thyDatetime: "thyDatetime", thyAvatar: "thyAvatar" }, host: { classAttribute: "thy-comment" }, ngImport: i0, template: "<div class=\"thy-comment-inner\">\n  <ng-container *ngIf=\"isTemplateRef(this.thyAvatar); else defaultAvatar\">\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  </ng-container>\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #defaultAvatar>\n  <ng-container *ngIf=\"thyAuthor || thyAvatar\">\n    <div class=\"thy-comment-avatar\">\n      <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n    </div>\n  </ng-container>\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: ThyStringOrTemplateOutletDirective, selector: "[thyStringOrTemplateOutlet]", inputs: ["thyStringOrTemplateOutletContext", "thyStringOrTemplateOutlet"], exportAs: ["thyStringOrTemplateOutlet"] }, { kind: "component", type: ThyAvatar, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyComment, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyComment, decorators: [{
             type: Component,
             args: [{ selector: 'thy-comment', host: {
                         class: 'thy-comment'
@@ -34,10 +34,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * @private
  */
 class ThyCommentContentDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCommentContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: ThyCommentContentDirective, isStandalone: true, selector: "[thyCommentContent]", host: { classAttribute: "thy-comment-content" }, exportAs: ["thyCommentContent"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCommentContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThyCommentContentDirective, isStandalone: true, selector: "[thyCommentContent]", host: { classAttribute: "thy-comment-content" }, exportAs: ["thyCommentContent"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCommentContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCommentContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyCommentContent]',
@@ -51,10 +51,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * @private
  */
 class ThyCommentActionsDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCommentActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: ThyCommentActionsDirective, isStandalone: true, selector: "[thyCommentActions]", host: { classAttribute: "thy-comment-actions" }, exportAs: ["thyCommentActions"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCommentActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThyCommentActionsDirective, isStandalone: true, selector: "[thyCommentActions]", host: { classAttribute: "thy-comment-actions" }, exportAs: ["thyCommentActions"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCommentActionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCommentActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyCommentActions]',
@@ -65,21 +65,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
         }] });
 
 class ThyCommentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThyCommentModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyCommentModule, imports: [CommonModule,
             ThySharedModule,
             ThyIconModule,
             ThyAvatarModule,
             ThyComment,
             ThyCommentContentDirective,
             ThyCommentActionsDirective], exports: [ThyComment, ThyCommentContentDirective, ThyCommentActionsDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCommentModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCommentModule, imports: [CommonModule,
             ThySharedModule,
             ThyIconModule,
             ThyAvatarModule,
             ThyComment] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCommentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCommentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ngx-tethys-copy.mjs

@@ -70,10 +70,10 @@ class ThyCopyDirective {
     ngOnDestroy() {
         this.tooltipDirective.hide();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCopyDirective, deps: [{ token: DOCUMENT }, { token: i1.ThyTooltipDirective }, { token: i2.ThyNotifyService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.3", type: ThyCopyDirective, isStandalone: true, selector: "[thyCopy]", inputs: { thyCopySuccessText: "thyCopySuccessText", thyCopyTips: "thyCopyTips", thyCopyTipsOffset: "thyCopyTipsOffset", thyCopyContent: "thyCopyContent", thyShowNotify: ["thyShowNotify", "thyShowNotify", booleanAttribute] }, outputs: { thyCopy: "thyCopy" }, host: { listeners: { "click": "onClick($event)" } }, hostDirectives: [{ directive: i1.ThyTooltipDirective }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCopyDirective, deps: [{ token: DOCUMENT }, { token: i1.ThyTooltipDirective }, { token: i2.ThyNotifyService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0", type: ThyCopyDirective, isStandalone: true, selector: "[thyCopy]", inputs: { thyCopySuccessText: "thyCopySuccessText", thyCopyTips: "thyCopyTips", thyCopyTipsOffset: "thyCopyTipsOffset", thyCopyContent: "thyCopyContent", thyShowNotify: ["thyShowNotify", "thyShowNotify", booleanAttribute] }, outputs: { thyCopy: "thyCopy" }, host: { listeners: { "click": "onClick($event)" } }, hostDirectives: [{ directive: i1.ThyTooltipDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCopyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCopyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyCopy]',
@@ -102,11 +102,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }] } });
 
 class ThyCopyModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCopyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ThyCopyModule, imports: [CommonModule, ThyNotifyModule, ThyCopyDirective], exports: [ThyCopyDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCopyModule, imports: [CommonModule, ThyNotifyModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCopyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyCopyModule, imports: [CommonModule, ThyNotifyModule, ThyCopyDirective], exports: [ThyCopyDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCopyModule, imports: [CommonModule, ThyNotifyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyCopyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyCopyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThyNotifyModule, ThyCopyDirective],

package/fesm2022/ngx-tethys-core.mjs

@@ -246,10 +246,10 @@ class ThyClickPositioner {
             this.lastPosition = { x: event.clientX, y: event.clientY };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyClickPositioner, deps: [{ token: ThyClickDispatcher }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyClickPositioner, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyClickPositioner, deps: [{ token: ThyClickDispatcher }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyClickPositioner, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyClickPositioner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyClickPositioner, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -364,10 +364,10 @@ class ThyScrollService {
         // `document.scrollTop` doesn't require Angular to run `ApplicationRef.tick()`.
         this.ngZone.runOutsideAngular(() => reqAnimFrame(frameFunc));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyScrollService, deps: [{ token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyScrollService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyScrollService, deps: [{ token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyScrollService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyScrollService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyScrollService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1259,10 +1259,10 @@ class ThyPortalOutlet extends CdkPortalOutlet {
         this.attached.emit(ref);
         return ref;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyPortalOutlet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: ThyPortalOutlet, isStandalone: true, selector: "[thyPortalOutlet]", inputs: { portal: ["thyPortalOutlet", "portal"] }, exportAs: ["thyPortalOutlet"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyPortalOutlet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThyPortalOutlet, isStandalone: true, selector: "[thyPortalOutlet]", inputs: { portal: ["thyPortalOutlet", "portal"] }, exportAs: ["thyPortalOutlet"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyPortalOutlet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyPortalOutlet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyPortalOutlet]',
@@ -1323,10 +1323,10 @@ class UpdateHostClassService {
         this.renderer.removeClass(this._hostElement, className);
         return this;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: UpdateHostClassService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: UpdateHostClassService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: UpdateHostClassService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: UpdateHostClassService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: UpdateHostClassService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: UpdateHostClassService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Renderer2 }] });
 
@@ -1339,10 +1339,10 @@ class ThyTranslate {
             observer.next(key);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyTranslate, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyTranslate, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTranslate, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTranslate, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyTranslate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTranslate, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1525,8 +1525,8 @@ class MiniStore {
         const name = this.constructor.name || /function (.+)\(/.exec(this.constructor + '')[1];
         return name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: MiniStore, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: MiniStore, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: MiniStore, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: MiniStore, ngImport: i0 }); }
 }
 __decorate([
     MiniAction(),
@@ -1534,7 +1534,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], MiniStore.prototype, "clearState", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: MiniStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: MiniStore, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }], propDecorators: { clearState: [] } });