ng-tailwind 4.2.18 → 4.2.20

package/esm2020/components/ngt-shining/ngt-shining.component.mjs

@@ -18,9 +18,9 @@ export class NgtShiningComponent {
         });
     }
 }
-NgtShiningComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtShiningComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-NgtShiningComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtShiningComponent, selector: "ngt-shining", inputs: { shiningWidth: "shiningWidth" }, ngImport: i0, template: "<div class=\"text-center w-full h-full ngt-shining-{{ shiningWidth }} {{ ngtStyle.compile(['rounded']) }}\"></div>", styles: [".ngt-shining-xs{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-xs}.ngt-shining-sm{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-sm}.ngt-shining-lg{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-lg}.ngt-shining-xl{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-xl}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtShiningComponent, decorators: [{
+NgtShiningComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtShiningComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+NgtShiningComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtShiningComponent, selector: "ngt-shining", inputs: { shiningWidth: "shiningWidth" }, ngImport: i0, template: "<div class=\"text-center w-full h-full ngt-shining-{{ shiningWidth }} {{ ngtStyle.compile(['rounded']) }}\"></div>", styles: [".ngt-shining-xs{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-xs}.ngt-shining-sm{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-sm}.ngt-shining-lg{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-lg}.ngt-shining-xl{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-xl}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtShiningComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngt-shining', template: "<div class=\"text-center w-full h-full ngt-shining-{{ shiningWidth }} {{ ngtStyle.compile(['rounded']) }}\"></div>", styles: [".ngt-shining-xs{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-xs}.ngt-shining-sm{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-sm}.ngt-shining-lg{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-lg}.ngt-shining-xl{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:100%;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:shimmer-xl}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NgtStylizableDirective, decorators: [{

package/esm2020/components/ngt-shining/ngt-shining.module.mjs

@@ -4,10 +4,10 @@ import { NgtShiningComponent } from './ngt-shining.component';
 import * as i0 from "@angular/core";
 export class NgtShiningModule {
 }
-NgtShiningModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtShiningModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgtShiningModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtShiningModule, declarations: [NgtShiningComponent], imports: [CommonModule], exports: [NgtShiningComponent] });
-NgtShiningModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtShiningModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtShiningModule, decorators: [{
+NgtShiningModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtShiningModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgtShiningModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtShiningModule, declarations: [NgtShiningComponent], imports: [CommonModule], exports: [NgtShiningComponent] });
+NgtShiningModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtShiningModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtShiningModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgtShiningComponent],

package/esm2020/components/ngt-sidenav/ngt-sidenav.component.mjs

@@ -100,11 +100,11 @@ export class NgtSidenavComponent {
         return this.screenWidth < 1024;
     }
 }
-NgtSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSidenavComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-NgtSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtSidenavComponent, selector: "ngt-sidenav", inputs: { size: "size", initVisible: "initVisible", closeMenuOnMobileView: "closeMenuOnMobileView" }, host: { listeners: { "window:resize": "bindScreenSize($event)" } }, viewQueries: [{ propertyName: "sideMenuRef", first: true, predicate: ["sideMenu"], descendants: true, static: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex h-full w-full\">\n    <ng-container *ngIf=\"visible\">\n        <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : 'md:static md:block' }}\"\n            @fadeDownAnimation #sideMenu>\n            <ng-content select='[sideMenu]'></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"open\">\n            <button (click)='closeMenu()' tabindex=\"-1\"\n                class=\"fixed z-30 inset-0 h-full w-full bg-black opacity-50 cursor-default\">\n            </button>\n        </ng-container>\n    </ng-container>\n\n    <div class=\"flex-wrap {{ getContainerSize() }} overflow-auto\" #container>\n        <ng-content></ng-content>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+NgtSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+NgtSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSidenavComponent, selector: "ngt-sidenav", inputs: { size: "size", initVisible: "initVisible", closeMenuOnMobileView: "closeMenuOnMobileView" }, host: { listeners: { "window:resize": "bindScreenSize($event)" } }, viewQueries: [{ propertyName: "sideMenuRef", first: true, predicate: ["sideMenu"], descendants: true, static: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex h-full w-full\">\n    <ng-container *ngIf=\"visible\">\n        <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : 'md:static md:block' }}\"\n            @fadeDownAnimation #sideMenu>\n            <ng-content select='[sideMenu]'></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"open\">\n            <button (click)='closeMenu()' tabindex=\"-1\"\n                class=\"fixed z-30 inset-0 h-full w-full bg-black opacity-50 cursor-default\">\n            </button>\n        </ng-container>\n    </ng-container>\n\n    <div class=\"flex-wrap {{ getContainerSize() }} overflow-auto\" #container>\n        <ng-content></ng-content>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
         fadeDownAnimation('fadeDownAnimation', 600)
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSidenavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngt-sidenav', animations: [
                         fadeDownAnimation('fadeDownAnimation', 600)

package/esm2020/components/ngt-sidenav/ngt-sidenav.module.mjs

@@ -4,10 +4,10 @@ import { NgtSidenavComponent } from './ngt-sidenav.component';
 import * as i0 from "@angular/core";
 export class NgtSidenavModule {
 }
-NgtSidenavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgtSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtSidenavModule, declarations: [NgtSidenavComponent], imports: [CommonModule], exports: [NgtSidenavComponent] });
-NgtSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSidenavModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSidenavModule, decorators: [{
+NgtSidenavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgtSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavModule, declarations: [NgtSidenavComponent], imports: [CommonModule], exports: [NgtSidenavComponent] });
+NgtSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgtSidenavComponent],

package/esm2020/components/ngt-slider/ngt-slider.component.mjs

@@ -46,13 +46,13 @@ export class NgtSliderComponent extends NgtBaseNgModel {
         this.subscriptions = [];
     }
 }
-NgtSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSliderComponent, deps: [{ token: i1.ControlContainer, host: true, optional: true }, { token: i0.Renderer2 }, { token: i2.NgtFormComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-NgtSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtSliderComponent, selector: "ngt-slider", inputs: { label: "label", shining: "shining", name: "name", min: "min", max: "max", step: "step", color: "color" }, providers: [
+NgtSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderComponent, deps: [{ token: i1.ControlContainer, host: true, optional: true }, { token: i0.Renderer2 }, { token: i2.NgtFormComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+NgtSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSliderComponent, selector: "ngt-slider", inputs: { label: "label", shining: "shining", name: "name", min: "min", max: "max", step: "step", color: "color" }, providers: [
         NgtMakeProvider(NgtSliderComponent),
     ], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "display", first: true, predicate: ["display"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col\">\n    <span *ngIf='label && !shining' class=\"text-sm mb-2\">{{ label }}:</span>\n\n    <div class=\"{{ shining ? 'hidden' : 'flex' }} items-center\">\n        <input class=\"block w-full cursor-pointer overflow-hidden appearance-none bg-gray-400 {{color}}\" type=\"range\" [name]='name' ([ngModel])='value'\n            oninput=\"display.innerHTML=value\" onchange=\"display.innerHTML=value\" [min]='min' [max]='max' [step]='step'\n            #element>\n\n        <span id='display' class=\"text-xs ml-2 font-semibold\" #display></span>\n    </div>\n</div>\n\n<ng-container *ngIf='shining'>\n    <div class=\"flex\">\n        <ngt-shining class=\"w-full h-6\"></ngt-shining>\n    </div>\n</ng-container>\n", styles: ["@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=range]::-webkit-slider-thumb{width:15px;-webkit-appearance:none;appearance:none;height:15px;cursor:pointer;background:#FFF;border-radius:50%}.primary::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #4299e1}.success::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #6c9f23}.warning::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #ffb822}.danger::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #f56565}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.NgtShiningComponent, selector: "ngt-shining", inputs: ["shiningWidth"] }], viewProviders: [
         { provide: ControlContainer, useExisting: NgForm }
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngt-slider', providers: [
                         NgtMakeProvider(NgtSliderComponent),

package/esm2020/components/ngt-slider/ngt-slider.module.mjs

@@ -5,12 +5,12 @@ import { NgtSliderComponent } from './ngt-slider.component';
 import * as i0 from "@angular/core";
 export class NgtSliderModule {
 }
-NgtSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgtSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtSliderModule, declarations: [NgtSliderComponent], imports: [CommonModule,
+NgtSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgtSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderModule, declarations: [NgtSliderComponent], imports: [CommonModule,
         NgtShiningModule], exports: [NgtSliderComponent] });
-NgtSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSliderModule, imports: [CommonModule,
+NgtSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderModule, imports: [CommonModule,
         NgtShiningModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgtSliderComponent],

package/esm2020/components/ngt-svg/ngt-svg.component.mjs

@@ -35,9 +35,9 @@ export class NgtSvgComponent {
         }
     }
 }
-NgtSvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtSvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtSvgComponent, selector: "ngt-svg", inputs: { src: "src", class: "class" }, host: { classAttribute: "flex justify-center" }, viewQueries: [{ propertyName: "svgIconElement", first: true, predicate: SvgIconComponent, descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<svg-icon [src]='src' class=\"flex {{ class }}\"></svg-icon>\n", styles: ["svg{height:1rem}.text-xs svg{height:.75rem}.text-sm svg{height:.875rem}.text-base svg{height:1rem}.text-lg svg{height:1.125rem}.text-xl svg{height:1.25rem}.text-2xl svg{height:1.5rem}.text-3xl svg{height:1.875rem}.text-4xl svg{height:2.25rem}.text-5xl svg{height:3rem}.text-6xl svg{height:4rem}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["stretch", "applyClass", "applyCss", "svgStyle", "src", "name", "svgClass", "class", "viewBox", "svgAriaLabel"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSvgComponent, decorators: [{
+NgtSvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgtSvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSvgComponent, selector: "ngt-svg", inputs: { src: "src", class: "class" }, host: { classAttribute: "flex justify-center" }, viewQueries: [{ propertyName: "svgIconElement", first: true, predicate: SvgIconComponent, descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<svg-icon [src]='src' class=\"flex {{ class }}\"></svg-icon>\n", styles: ["svg{height:1rem}.text-xs svg{height:.75rem}.text-sm svg{height:.875rem}.text-base svg{height:1rem}.text-lg svg{height:1.125rem}.text-xl svg{height:1.25rem}.text-2xl svg{height:1.5rem}.text-3xl svg{height:1.875rem}.text-4xl svg{height:2.25rem}.text-5xl svg{height:3rem}.text-6xl svg{height:4rem}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["stretch", "applyClass", "applyCss", "svgStyle", "src", "name", "svgClass", "class", "viewBox", "svgAriaLabel"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSvgComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngt-svg', host: {
                         class: 'flex justify-center'

package/esm2020/components/ngt-svg/ngt-svg.module.mjs

@@ -7,13 +7,13 @@ import * as i0 from "@angular/core";
 import * as i1 from "angular-svg-icon";
 export class NgtSvgModule {
 }
-NgtSvgModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSvgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgtSvgModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtSvgModule, declarations: [NgtSvgComponent], imports: [CommonModule,
+NgtSvgModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSvgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgtSvgModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtSvgModule, declarations: [NgtSvgComponent], imports: [CommonModule,
         HttpClientModule, i1.AngularSvgIconModule], exports: [NgtSvgComponent] });
-NgtSvgModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSvgModule, imports: [CommonModule,
+NgtSvgModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSvgModule, imports: [CommonModule,
         HttpClientModule,
         AngularSvgIconModule.forRoot()] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSvgModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSvgModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgtSvgComponent],

package/esm2020/components/ngt-tag/ngt-tag.component.mjs

@@ -22,9 +22,9 @@ export class NgtTagComponent {
         });
     }
 }
-NgtTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTagComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-NgtTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtTagComponent, selector: "ngt-tag", inputs: { icon: "icon" }, ngImport: i0, template: "<button type=\"button\"\n    class=\"rounded-full w-full cursor-pointer font-semibold focus:outline-none block px-4 text-sm {{ ngtStyle.compile(['color.bg', 'color.text']) }}\">\n    <span class=\"flex items-center justify-center\">\n        <ng-content></ng-content>\n        <ngt-svg *ngIf=\"icon\" [src]='icon' class=\"fill-current self-center pl-1\"></ngt-svg>\n\n        <span *ngIf=\"!icon\" class=\"text-lg\">\n            <svg class=\"fill-current self-center pl-1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\n                <path\n                    d=\"M15 3C8.373 3 3 8.373 3 15s5.373 12 12 12 12-5.373 12-12S21.627 3 15 3zm4.707 15.293a.999.999 0 11-1.414 1.414L15 16.414l-3.293 3.293a.997.997 0 01-1.414 0 .999.999 0 010-1.414L13.586 15l-3.293-3.293a.999.999 0 111.414-1.414L15 13.586l3.293-3.293a.999.999 0 111.414 1.414L16.414 15l3.293 3.293z\" />\n            </svg>\n        </span>\n    </span>\n</button>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTagComponent, decorators: [{
+NgtTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTagComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+NgtTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtTagComponent, selector: "ngt-tag", inputs: { icon: "icon" }, ngImport: i0, template: "<button type=\"button\"\n    class=\"rounded-full w-full cursor-pointer font-semibold focus:outline-none block px-4 text-sm {{ ngtStyle.compile(['color.bg', 'color.text']) }}\">\n    <span class=\"flex items-center justify-center\">\n        <ng-content></ng-content>\n        <ngt-svg *ngIf=\"icon\" [src]='icon' class=\"fill-current self-center pl-1\"></ngt-svg>\n\n        <span *ngIf=\"!icon\" class=\"text-lg\">\n            <svg class=\"fill-current self-center pl-1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\n                <path\n                    d=\"M15 3C8.373 3 3 8.373 3 15s5.373 12 12 12 12-5.373 12-12S21.627 3 15 3zm4.707 15.293a.999.999 0 11-1.414 1.414L15 16.414l-3.293 3.293a.997.997 0 01-1.414 0 .999.999 0 010-1.414L13.586 15l-3.293-3.293a.999.999 0 111.414-1.414L15 13.586l3.293-3.293a.999.999 0 111.414 1.414L16.414 15l3.293 3.293z\" />\n            </svg>\n        </span>\n    </span>\n</button>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngt-tag', template: "<button type=\"button\"\n    class=\"rounded-full w-full cursor-pointer font-semibold focus:outline-none block px-4 text-sm {{ ngtStyle.compile(['color.bg', 'color.text']) }}\">\n    <span class=\"flex items-center justify-center\">\n        <ng-content></ng-content>\n        <ngt-svg *ngIf=\"icon\" [src]='icon' class=\"fill-current self-center pl-1\"></ngt-svg>\n\n        <span *ngIf=\"!icon\" class=\"text-lg\">\n            <svg class=\"fill-current self-center pl-1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\n                <path\n                    d=\"M15 3C8.373 3 3 8.373 3 15s5.373 12 12 12 12-5.373 12-12S21.627 3 15 3zm4.707 15.293a.999.999 0 11-1.414 1.414L15 16.414l-3.293 3.293a.997.997 0 01-1.414 0 .999.999 0 010-1.414L13.586 15l-3.293-3.293a.999.999 0 111.414-1.414L15 13.586l3.293-3.293a.999.999 0 111.414 1.414L16.414 15l3.293 3.293z\" />\n            </svg>\n        </span>\n    </span>\n</button>" }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NgtStylizableDirective, decorators: [{

package/esm2020/components/ngt-tag/ngt-tag.module.mjs

@@ -5,12 +5,12 @@ import { NgtTagComponent } from './ngt-tag.component';
 import * as i0 from "@angular/core";
 export class NgtTagModule {
 }
-NgtTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgtTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtTagModule, declarations: [NgtTagComponent], imports: [CommonModule,
+NgtTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgtTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtTagModule, declarations: [NgtTagComponent], imports: [CommonModule,
         NgtSvgModule], exports: [NgtTagComponent] });
-NgtTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTagModule, imports: [CommonModule,
+NgtTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTagModule, imports: [CommonModule,
         NgtSvgModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTagModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTagModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgtTagComponent],

package/esm2020/components/ngt-textarea/ngt-textarea.component.mjs

@@ -174,13 +174,13 @@ export class NgtTextareaComponent extends NgtBaseNgModel {
         this.subscriptions = [];
     }
 }
-NgtTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTextareaComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }, { token: i2.ControlContainer, host: true, optional: true }, { token: i3.NgtFormComponent, optional: true, skipSelf: true }, { token: i0.Renderer2 }, { token: i4.NgtTranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-NgtTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtTextareaComponent, selector: "ngt-textarea", inputs: { label: "label", placeholder: "placeholder", rows: "rows", showCharactersLength: "showCharactersLength", helpTitle: "helpTitle", helpText: "helpText", helpTextColor: "helpTextColor", shining: "shining", name: "name", isDisabled: "isDisabled", isReadonly: "isReadonly", jit: "jit", focus: "focus", isRequired: "isRequired", maxLength: "maxLength" }, providers: [
+NgtTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTextareaComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }, { token: i2.ControlContainer, host: true, optional: true }, { token: i3.NgtFormComponent, optional: true, skipSelf: true }, { token: i0.Renderer2 }, { token: i4.NgtTranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+NgtTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtTextareaComponent, selector: "ngt-textarea", inputs: { label: "label", placeholder: "placeholder", rows: "rows", showCharactersLength: "showCharactersLength", helpTitle: "helpTitle", helpText: "helpText", helpTextColor: "helpTextColor", shining: "shining", name: "name", isDisabled: "isDisabled", isReadonly: "isReadonly", jit: "jit", focus: "focus", isRequired: "isRequired", maxLength: "maxLength" }, providers: [
         NgtMakeProvider(NgtTextareaComponent),
     ], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label class=\"{{ shining ? '' : 'block' }} mb-2 flex {{ ngtStyle.compile(['text', 'fontCase']) }}\" *ngIf=\"label\"\n    [hidden]='shining'>\n    {{ label }}:\n\n    <span class=\"text-red-500 font-bold text-md ml-1\" *ngIf=\"isRequired\">*</span>\n\n    <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" [iconColor]=\"helpTextColor\" class=\"ml-1\">\n        {{ helpText }}\n    </ngt-helper>\n</label>\n\n<div class=\"flex flex-col\">\n    <div class=\"{{ shining ? '' : 'flex'}}\" [hidden]='shining'>\n        <textarea [rows]='rows' autocomplete=\"new-password\" attr.type=\"text\"\n            class=\"appearance-none block border focus:outline-none leading-tight px-4 py-3 rounded w-full h-full {{ ngtStyle.compile(['h', 'color.border', 'color.bg', 'color.text']) }}\"\n            [disabled]=\"isDisabled\" [readonly]=\"isReadonly\" placeholder=\"{{ placeholder ? placeholder : ''}}\"\n            [ngClass]=\"{'textarea-has-error border-red-700': formControl?.errors && (formControl?.dirty || (formContainer && formContainer['submitted']))}\"\n            #element>\n        </textarea>\n    </div>\n\n    <ng-container *ngIf=\"showCharactersLength && !shining\">\n        <p class=\"text-xs mt-1\">\n            {{ ngtTranslateService.ngtTextAreaRemainingCharacters }}: <span class=\"font-semibold\">\n                {{ getRemainingCharacters() }}\n            </span>\n        </p>\n    </ng-container>\n</div>\n\n<ng-container *ngIf='shining'>\n    <div class=\"flex\">\n        <ngt-shining class=\"h-10 w-full\"></ngt-shining>\n    </div>\n</ng-container>\n\n<input *ngIf='componentReady' type=\"hidden\" [ngModel]=\"value\" [name]=\"name\" [value]=\"value\">\n\n<ng-content></ng-content>\n<ngt-validation [control]=\"formControl\" [container]=\"formContainer\"></ngt-validation>", dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.NgtValidationComponent, selector: "ngt-validation", inputs: ["control", "container", "minValue", "minLength"] }, { kind: "component", type: i7.NgtShiningComponent, selector: "ngt-shining", inputs: ["shiningWidth"] }, { kind: "component", type: i8.NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }], viewProviders: [
         { provide: ControlContainer, useExisting: NgForm }
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTextareaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngt-textarea', providers: [
                         NgtMakeProvider(NgtTextareaComponent),

package/esm2020/components/ngt-textarea/ngt-textarea.module.mjs

@@ -9,22 +9,22 @@ import { NgtTextareaComponent } from './ngt-textarea.component';
 import * as i0 from "@angular/core";
 export class NgtTextareaModule {
 }
-NgtTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgtTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtTextareaModule, declarations: [NgtTextareaComponent], imports: [CommonModule,
+NgtTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgtTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtTextareaModule, declarations: [NgtTextareaComponent], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         NgtValidationModule,
         NgtShiningModule,
         NgtHelperModule,
         NgtFormModule], exports: [NgtTextareaComponent] });
-NgtTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTextareaModule, imports: [CommonModule,
+NgtTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTextareaModule, imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         NgtValidationModule,
         NgtShiningModule,
         NgtHelperModule,
         NgtFormModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtTextareaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtTextareaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgtTextareaComponent],

package/esm2020/components/ngt-validation/ngt-validation.component.mjs

@@ -7,9 +7,9 @@ export class NgtValidationComponent {
         this.ngtTranslateService = ngtTranslateService;
     }
 }
-NgtValidationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtValidationComponent, deps: [{ token: i1.NgtTranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-NgtValidationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtValidationComponent, selector: "ngt-validation", inputs: { control: "control", container: "container", minValue: "minValue", minLength: "minLength" }, ngImport: i0, template: "<div type=\"hidden\" class=\"text-xs text-red-700 font-bold\">\n    <span class=\"help-block has-error\" *ngIf=\"control?.errors?.maxlength\">\n        {{ ngtTranslateService.ngtValidationMaxCharactersExceded }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.required && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationRequiredField }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.email && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidEmail }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.invalid_password && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidPassword }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.unique && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationAlreadyExists }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.cnpj && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidCnpj }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.cpf && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidCpf }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.password && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationPasswordRequiredMinCharacters }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.match && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationFieldsNotMatch }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.invalidDate && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidDate }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.time && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidPrevision }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.externalServerDependency && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationExternalServerUnavailable }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.minValue && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationValueMustBeGreaterThan(minValue) }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.minlength && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationMinLengthField(minLength) }}\n    </span>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtValidationComponent, decorators: [{
+NgtValidationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtValidationComponent, deps: [{ token: i1.NgtTranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+NgtValidationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtValidationComponent, selector: "ngt-validation", inputs: { control: "control", container: "container", minValue: "minValue", minLength: "minLength" }, ngImport: i0, template: "<div type=\"hidden\" class=\"text-xs text-red-700 font-bold\">\n    <span class=\"help-block has-error\" *ngIf=\"control?.errors?.maxlength\">\n        {{ ngtTranslateService.ngtValidationMaxCharactersExceded }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.required && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationRequiredField }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.email && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidEmail }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.invalid_password && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidPassword }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.unique && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationAlreadyExists }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.cnpj && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidCnpj }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.cpf && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidCpf }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.password && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationPasswordRequiredMinCharacters }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.match && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationFieldsNotMatch }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.invalidDate && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidDate }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.time && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidPrevision }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.externalServerDependency && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationExternalServerUnavailable }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.minValue && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationValueMustBeGreaterThan(minValue) }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.minlength && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationMinLengthField(minLength) }}\n    </span>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtValidationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngt-validation', template: "<div type=\"hidden\" class=\"text-xs text-red-700 font-bold\">\n    <span class=\"help-block has-error\" *ngIf=\"control?.errors?.maxlength\">\n        {{ ngtTranslateService.ngtValidationMaxCharactersExceded }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.required && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationRequiredField }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.email && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidEmail }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.invalid_password && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidPassword }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.unique && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationAlreadyExists }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.cnpj && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidCnpj }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.cpf && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidCpf }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.password && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationPasswordRequiredMinCharacters }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.match && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationFieldsNotMatch }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.invalidDate && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidDate }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.time && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationInvalidPrevision }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.externalServerDependency && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationExternalServerUnavailable }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.minValue && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationValueMustBeGreaterThan(minValue) }}\n    </span>\n\n    <span class=\"help-block has-error\"\n        *ngIf=\"control?.errors?.minlength && (control?.dirty || (container && container['submitted']))\">\n        {{ ngtTranslateService.ngtValidationMinLengthField(minLength) }}\n    </span>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.NgtTranslateService, decorators: [{

package/esm2020/components/ngt-validation/ngt-validation.module.mjs

@@ -4,10 +4,10 @@ import { NgtValidationComponent } from './ngt-validation.component';
 import * as i0 from "@angular/core";
 export class NgtValidationModule {
 }
-NgtValidationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtValidationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgtValidationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtValidationModule, declarations: [NgtValidationComponent], imports: [CommonModule], exports: [NgtValidationComponent] });
-NgtValidationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtValidationModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtValidationModule, decorators: [{
+NgtValidationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtValidationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgtValidationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtValidationModule, declarations: [NgtValidationComponent], imports: [CommonModule], exports: [NgtValidationComponent] });
+NgtValidationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtValidationModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtValidationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgtValidationComponent],

package/esm2020/directives/ngt-stylizable/ngt-stylizable.directive.mjs

@@ -186,9 +186,9 @@ export class NgtStylizableDirective {
         return this.ngtStylizableService;
     }
 }
-NgtStylizableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtStylizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NgtStylizableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: NgtStylizableDirective, selector: "[ngt-stylizable]", inputs: { color: "color", textColor: ["color.text", "textColor"], bgColor: ["color.bg", "bgColor"], borderColor: ["color.border", "borderColor"], h: "h", w: "w", p: "p", px: "px", py: "py", pt: "pt", pr: "pr", pb: "pb", pl: "pl", m: "m", mx: "mx", my: "my", mt: "mt", mr: "mr", mb: "mb", ml: "ml", border: "border", shadow: "shadow", rounded: "rounded", font: "font", text: "text", breakWords: "breakWords", overflow: "overflow", position: "position", justifyContent: "justifyContent", cursor: "cursor", fontCase: "fontCase" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtStylizableDirective, decorators: [{
+NgtStylizableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtStylizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgtStylizableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgtStylizableDirective, selector: "[ngt-stylizable]", inputs: { color: "color", textColor: ["color.text", "textColor"], bgColor: ["color.bg", "bgColor"], borderColor: ["color.border", "borderColor"], h: "h", w: "w", p: "p", px: "px", py: "py", pt: "pt", pr: "pr", pb: "pb", pl: "pl", m: "m", mx: "mx", my: "my", mt: "mt", mr: "mr", mb: "mb", ml: "ml", border: "border", shadow: "shadow", rounded: "rounded", font: "font", text: "text", breakWords: "breakWords", overflow: "overflow", position: "position", justifyContent: "justifyContent", cursor: "cursor", fontCase: "fontCase" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtStylizableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngt-stylizable]'

package/esm2020/directives/ngt-stylizable/ngt-stylizable.module.mjs

@@ -4,10 +4,10 @@ import { NgtStylizableDirective } from './ngt-stylizable.directive';
 import * as i0 from "@angular/core";
 export class NgtStylizableModule {
 }
-NgtStylizableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtStylizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgtStylizableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtStylizableModule, declarations: [NgtStylizableDirective], imports: [CommonModule], exports: [NgtStylizableDirective] });
-NgtStylizableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtStylizableModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtStylizableModule, decorators: [{
+NgtStylizableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtStylizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgtStylizableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtStylizableModule, declarations: [NgtStylizableDirective], imports: [CommonModule], exports: [NgtStylizableDirective] });
+NgtStylizableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtStylizableModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtStylizableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgtStylizableDirective],