@kato-lee/components 1.1.4 → 3.0.0

package/fesm2022/kato-lee-components-box-form.mjs

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, Output, Input, NgModule } from '@angular/core';
+import { EventEmitter, Input, Output, ViewChild, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormGroup, ReactiveFormsModule } from '@angular/forms';
-import * as i6 from '@kato-lee/material/progress-bar';
-import { MatProgressBarModule } from '@kato-lee/material/progress-bar';
-import * as i5 from '@kato-lee/material/divider';
-import { MatDividerModule } from '@kato-lee/material/divider';
-import * as i4 from '@kato-lee/material/button';
-import { MatButtonModule } from '@kato-lee/material/button';
-import * as i1 from '@kato-lee/material/card';
-import { MatCardModule } from '@kato-lee/material/card';
-import * as i3 from '@kato-lee/material/icon';
-import { MatIconModule } from '@kato-lee/material/icon';
+import * as i6 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i5 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
 
 class TakBoxFormComponent {
     constructor(_href, _cd) {
@@ -62,10 +62,10 @@ class TakBoxFormComponent {
     get orResetButton() {
         return this._resetButton;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: TakBoxFormComponent, isStandalone: true, selector: "tak-box-form", inputs: { formGroup: "formGroup", takTitle: "takTitle", takSubtitle: "takSubtitle", showActionButtons: "showActionButtons", hasResetButton: "hasResetButton", hasBreadcrumbs: "hasBreadcrumbs", hasBackButton: "hasBackButton", hasBranding: "hasBranding", isLoading: "isLoading", exedentInPx: "exedentInPx", submitButton: "submitButton", resetButton: "resetButton" }, outputs: { ngSubmit: "ngSubmit", ngReset: "ngReset", onBack: "onBack" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<mat-card [class.actions-hidden]=\"!showActionButtons\">\r\n  <form [formGroup]=\"formGroup\" #ngForm=\"ngForm\">\r\n    @if (hasBackButton || takTitle || takSubtitle) {\r\n    <section class=\"tak-box-form__branding\">\r\n      @if (hasBackButton) {\r\n      <div style=\"margin-right: 5px; float: left\">\r\n        <button mat-icon-button type=\"button\" (click)=\"onBack.emit()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <span class=\"tak-box-form__branding__title\">{{ takTitle }}</span>\r\n      @if (takSubtitle) {\r\n      <span class=\"tak-box-form__branding__subtitle\">{{ takSubtitle }}</span>\r\n      }\r\n    </section>\r\n    } @if (hasBackButton || takTitle || takSubtitle) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <ng-content select=\"[tak-custom-branding]\"></ng-content>\r\n    @if (!takTitle && !takSubtitle && !hasBackButton && hasBranding) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <div class=\"tak-box-form__scroll\" attr.style=\"max-height: calc(100vh - {{ exedentInPx }}px)\">\r\n      <div class=\"tak-box-form__content\" #content>\r\n        <ng-content />\r\n      </div>\r\n    </div>\r\n    <mat-divider [style.margin-bottom.px]=\"!isLoading ? 4 : 0\"></mat-divider>\r\n    @if (isLoading) {\r\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </form>\r\n  @if (showActionButtons) {\r\n  <mat-card-actions>\r\n    <button\r\n      mat-button\r\n      type=\"button\"\r\n      color=\"accent\"\r\n      class=\"action-button\"\r\n      [disabled]=\"formGroup.invalid || isLoading\"\r\n      (click)=\"formGroup ? ngSubmit.emit(formGroup.value) : ngSubmit.emit()\"\r\n    >\r\n      {{ orSubmitButton }}\r\n    </button>\r\n    @if (hasResetButton) {\r\n    <button mat-button type=\"button\" color=\"warn\" class=\"action-button\" (click)=\"clickOnReset()\">\r\n      {{ orResetButton }}\r\n    </button>\r\n    }\r\n  </mat-card-actions>\r\n  }\r\n</mat-card>\r\n", styles: [".tak-box-form .mat-card.actions-hidden{padding:0}.tak-box-form .mat-card>.mat-card-actions:last-child{margin-bottom:-8px;padding:8px}.tak-box-form .mat-card-actions{margin-left:0;margin-right:0}.tak-box-form .mat-card{padding:0 0 8px}.tak-box-form .tak-box-form__branding{font-family:Roboto,Helvetica Neue,sans-serif;padding:10px;text-overflow:ellipsis;font-weight:bolder;white-space:nowrap;overflow:hidden}.tak-box-form .tak-box-form__branding__title{color:var(--tak-box-form-title-color)}.tak-box-form .tak-box-form__branding__subtitle{color:var(--tak-box-form-subtitle-color)}.tak-box-form .tak-box-form__branding__subtitle:before{content:\"\\a\";white-space:pre}.tak-box-form .tak-box-form__scroll{height:auto;overflow:auto}.tak-box-form .tak-box-form__content{padding:10px}.tak-box-form .action-button{font-weight:bolder!important}.tak-box-form .mat-card__actions{overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakBoxFormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TakBoxFormComponent, isStandalone: true, selector: "tak-box-form", inputs: { formGroup: "formGroup", takTitle: "takTitle", takSubtitle: "takSubtitle", showActionButtons: "showActionButtons", hasResetButton: "hasResetButton", hasBreadcrumbs: "hasBreadcrumbs", hasBackButton: "hasBackButton", hasBranding: "hasBranding", isLoading: "isLoading", exedentInPx: "exedentInPx", submitButton: "submitButton", resetButton: "resetButton" }, outputs: { ngSubmit: "ngSubmit", ngReset: "ngReset", onBack: "onBack" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<mat-card [class.actions-hidden]=\"!showActionButtons\">\r\n  <form [formGroup]=\"formGroup\" #ngForm=\"ngForm\">\r\n    @if (hasBackButton || takTitle || takSubtitle) {\r\n    <section class=\"tak-box-form__branding\">\r\n      @if (hasBackButton) {\r\n      <div style=\"margin-right: 5px; float: left\">\r\n        <button mat-icon-button type=\"button\" (click)=\"onBack.emit()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <span class=\"tak-box-form__branding__title\">{{ takTitle }}</span>\r\n      @if (takSubtitle) {\r\n      <span class=\"tak-box-form__branding__subtitle\">{{ takSubtitle }}</span>\r\n      }\r\n    </section>\r\n    } @if (hasBackButton || takTitle || takSubtitle) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <ng-content select=\"[tak-custom-branding]\"></ng-content>\r\n    @if (!takTitle && !takSubtitle && !hasBackButton && hasBranding) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <div class=\"tak-box-form__scroll\" attr.style=\"max-height: calc(100vh - {{ exedentInPx }}px)\">\r\n      <div class=\"tak-box-form__content\" #content>\r\n        <ng-content />\r\n      </div>\r\n    </div>\r\n    <mat-divider [style.margin-bottom.px]=\"!isLoading ? 4 : 0\"></mat-divider>\r\n    @if (isLoading) {\r\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </form>\r\n  @if (showActionButtons) {\r\n  <mat-card-actions>\r\n    @if (hasResetButton) {\r\n    <button mat-button type=\"button\" color=\"warn\" class=\"action-button\" (click)=\"clickOnReset()\">\r\n      {{ orResetButton }}\r\n    </button>\r\n    }\r\n    <button\r\n      mat-button\r\n      type=\"button\"\r\n      color=\"accent\"\r\n      class=\"action-button\"\r\n      [disabled]=\"formGroup.invalid || isLoading\"\r\n      (click)=\"formGroup ? ngSubmit.emit(formGroup.value) : ngSubmit.emit()\"\r\n    >\r\n      {{ orSubmitButton }}\r\n    </button>\r\n  </mat-card-actions>\r\n  }\r\n</mat-card>\r\n", styles: [".tak-box-form .mat-mdc-card{background-color:var(--tak-card-background-color)}.tak-box-form .mdc-card.actions-hidden{padding:0}.tak-box-form .mdc-card>.mdc-card-actions:last-child{margin-bottom:-8px;padding:8px}.tak-box-form .mat-mdc-card-actions{margin-left:0;margin-right:0}.tak-box-form .mdc-card{padding:0 0 8px}.tak-box-form .tak-box-form__branding{font-family:Roboto,Helvetica Neue,sans-serif;padding:10px;text-overflow:ellipsis;font-weight:bolder;white-space:nowrap;overflow:hidden}.tak-box-form .tak-box-form__branding__title{color:var(--tak-box-form-title-color)}.tak-box-form .tak-box-form__branding__subtitle{color:var(--tak-box-form-subtitle-color)}.tak-box-form .tak-box-form__branding__subtitle:before{content:\"\\a\";white-space:pre}.tak-box-form .tak-box-form__scroll{height:auto;overflow:auto}.tak-box-form .tak-box-form__content{padding:10px}.tak-box-form .action-button{font-weight:bolder!important}.tak-box-form .mdc-card__actions{overflow:hidden;display:flex;align-items:center;justify-content:right;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakBoxFormComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         MatCardModule,
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                         MatButtonModule,
                         MatDividerModule,
                         MatProgressBarModule,
-                    ], selector: 'tak-box-form', encapsulation: ViewEncapsulation.None, template: "<mat-card [class.actions-hidden]=\"!showActionButtons\">\r\n  <form [formGroup]=\"formGroup\" #ngForm=\"ngForm\">\r\n    @if (hasBackButton || takTitle || takSubtitle) {\r\n    <section class=\"tak-box-form__branding\">\r\n      @if (hasBackButton) {\r\n      <div style=\"margin-right: 5px; float: left\">\r\n        <button mat-icon-button type=\"button\" (click)=\"onBack.emit()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <span class=\"tak-box-form__branding__title\">{{ takTitle }}</span>\r\n      @if (takSubtitle) {\r\n      <span class=\"tak-box-form__branding__subtitle\">{{ takSubtitle }}</span>\r\n      }\r\n    </section>\r\n    } @if (hasBackButton || takTitle || takSubtitle) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <ng-content select=\"[tak-custom-branding]\"></ng-content>\r\n    @if (!takTitle && !takSubtitle && !hasBackButton && hasBranding) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <div class=\"tak-box-form__scroll\" attr.style=\"max-height: calc(100vh - {{ exedentInPx }}px)\">\r\n      <div class=\"tak-box-form__content\" #content>\r\n        <ng-content />\r\n      </div>\r\n    </div>\r\n    <mat-divider [style.margin-bottom.px]=\"!isLoading ? 4 : 0\"></mat-divider>\r\n    @if (isLoading) {\r\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </form>\r\n  @if (showActionButtons) {\r\n  <mat-card-actions>\r\n    <button\r\n      mat-button\r\n      type=\"button\"\r\n      color=\"accent\"\r\n      class=\"action-button\"\r\n      [disabled]=\"formGroup.invalid || isLoading\"\r\n      (click)=\"formGroup ? ngSubmit.emit(formGroup.value) : ngSubmit.emit()\"\r\n    >\r\n      {{ orSubmitButton }}\r\n    </button>\r\n    @if (hasResetButton) {\r\n    <button mat-button type=\"button\" color=\"warn\" class=\"action-button\" (click)=\"clickOnReset()\">\r\n      {{ orResetButton }}\r\n    </button>\r\n    }\r\n  </mat-card-actions>\r\n  }\r\n</mat-card>\r\n", styles: [".tak-box-form .mat-card.actions-hidden{padding:0}.tak-box-form .mat-card>.mat-card-actions:last-child{margin-bottom:-8px;padding:8px}.tak-box-form .mat-card-actions{margin-left:0;margin-right:0}.tak-box-form .mat-card{padding:0 0 8px}.tak-box-form .tak-box-form__branding{font-family:Roboto,Helvetica Neue,sans-serif;padding:10px;text-overflow:ellipsis;font-weight:bolder;white-space:nowrap;overflow:hidden}.tak-box-form .tak-box-form__branding__title{color:var(--tak-box-form-title-color)}.tak-box-form .tak-box-form__branding__subtitle{color:var(--tak-box-form-subtitle-color)}.tak-box-form .tak-box-form__branding__subtitle:before{content:\"\\a\";white-space:pre}.tak-box-form .tak-box-form__scroll{height:auto;overflow:auto}.tak-box-form .tak-box-form__content{padding:10px}.tak-box-form .action-button{font-weight:bolder!important}.tak-box-form .mat-card__actions{overflow:hidden}\n"] }]
+                    ], selector: 'tak-box-form', encapsulation: ViewEncapsulation.None, template: "<mat-card [class.actions-hidden]=\"!showActionButtons\">\r\n  <form [formGroup]=\"formGroup\" #ngForm=\"ngForm\">\r\n    @if (hasBackButton || takTitle || takSubtitle) {\r\n    <section class=\"tak-box-form__branding\">\r\n      @if (hasBackButton) {\r\n      <div style=\"margin-right: 5px; float: left\">\r\n        <button mat-icon-button type=\"button\" (click)=\"onBack.emit()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <span class=\"tak-box-form__branding__title\">{{ takTitle }}</span>\r\n      @if (takSubtitle) {\r\n      <span class=\"tak-box-form__branding__subtitle\">{{ takSubtitle }}</span>\r\n      }\r\n    </section>\r\n    } @if (hasBackButton || takTitle || takSubtitle) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <ng-content select=\"[tak-custom-branding]\"></ng-content>\r\n    @if (!takTitle && !takSubtitle && !hasBackButton && hasBranding) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <div class=\"tak-box-form__scroll\" attr.style=\"max-height: calc(100vh - {{ exedentInPx }}px)\">\r\n      <div class=\"tak-box-form__content\" #content>\r\n        <ng-content />\r\n      </div>\r\n    </div>\r\n    <mat-divider [style.margin-bottom.px]=\"!isLoading ? 4 : 0\"></mat-divider>\r\n    @if (isLoading) {\r\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </form>\r\n  @if (showActionButtons) {\r\n  <mat-card-actions>\r\n    @if (hasResetButton) {\r\n    <button mat-button type=\"button\" color=\"warn\" class=\"action-button\" (click)=\"clickOnReset()\">\r\n      {{ orResetButton }}\r\n    </button>\r\n    }\r\n    <button\r\n      mat-button\r\n      type=\"button\"\r\n      color=\"accent\"\r\n      class=\"action-button\"\r\n      [disabled]=\"formGroup.invalid || isLoading\"\r\n      (click)=\"formGroup ? ngSubmit.emit(formGroup.value) : ngSubmit.emit()\"\r\n    >\r\n      {{ orSubmitButton }}\r\n    </button>\r\n  </mat-card-actions>\r\n  }\r\n</mat-card>\r\n", styles: [".tak-box-form .mat-mdc-card{background-color:var(--tak-card-background-color)}.tak-box-form .mdc-card.actions-hidden{padding:0}.tak-box-form .mdc-card>.mdc-card-actions:last-child{margin-bottom:-8px;padding:8px}.tak-box-form .mat-mdc-card-actions{margin-left:0;margin-right:0}.tak-box-form .mdc-card{padding:0 0 8px}.tak-box-form .tak-box-form__branding{font-family:Roboto,Helvetica Neue,sans-serif;padding:10px;text-overflow:ellipsis;font-weight:bolder;white-space:nowrap;overflow:hidden}.tak-box-form .tak-box-form__branding__title{color:var(--tak-box-form-title-color)}.tak-box-form .tak-box-form__branding__subtitle{color:var(--tak-box-form-subtitle-color)}.tak-box-form .tak-box-form__branding__subtitle:before{content:\"\\a\";white-space:pre}.tak-box-form .tak-box-form__scroll{height:auto;overflow:auto}.tak-box-form .tak-box-form__content{padding:10px}.tak-box-form .action-button{font-weight:bolder!important}.tak-box-form .mdc-card__actions{overflow:hidden;display:flex;align-items:center;justify-content:right;gap:10px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { content: [{
                 type: ViewChild,
                 args: ['content']
@@ -112,11 +112,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
 
 /** @deprecated Use standalone */
 class TakBoxFormModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormModule, imports: [TakBoxFormComponent], exports: [TakBoxFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormModule, imports: [TakBoxFormComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakBoxFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TakBoxFormModule, imports: [TakBoxFormComponent], exports: [TakBoxFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakBoxFormModule, imports: [TakBoxFormComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakBoxFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [TakBoxFormComponent],

package/fesm2022/kato-lee-components-box-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-box-form.mjs","sources":["../../../libraries/components/box-form/component.ts","../../../libraries/components/box-form/component.html","../../../libraries/components/box-form/module.ts","../../../libraries/components/box-form/index.ts","../../../libraries/components/box-form/kato-lee-components-box-form.ts"],"sourcesContent":["import {\r\n  ChangeDetectorRef,\r\n  ViewEncapsulation,\r\n  EventEmitter,\r\n  ElementRef,\r\n  Component,\r\n  ViewChild,\r\n  Output,\r\n  Input,\r\n} from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { MatProgressBarModule } from '@kato-lee/material/progress-bar';\r\nimport { MatDividerModule } from '@kato-lee/material/divider';\r\nimport { MatButtonModule } from '@kato-lee/material/button';\r\nimport { MatCardModule } from '@kato-lee/material/card';\r\nimport { MatIconModule } from '@kato-lee/material/icon';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [\r\n    MatCardModule,\r\n    ReactiveFormsModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatDividerModule,\r\n    MatProgressBarModule,\r\n  ],\r\n  selector: 'tak-box-form',\r\n  templateUrl: './component.html',\r\n  styleUrls: ['./component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class TakBoxFormComponent {\r\n  @ViewChild('content') content!: ElementRef;\r\n\r\n  @Output() ngSubmit = new EventEmitter();\r\n  @Output() ngReset = new EventEmitter();\r\n\r\n  @Output() onBack = new EventEmitter();\r\n\r\n  @Input() formGroup: FormGroup = new FormGroup({});\r\n  @Input() takTitle = '';\r\n  @Input() takSubtitle = '';\r\n\r\n  @Input() showActionButtons = true;\r\n  @Input() hasResetButton = false;\r\n  @Input() hasBreadcrumbs = false;\r\n  @Input() hasBackButton = false;\r\n  @Input() hasBranding = true;\r\n  @Input() isLoading = false;\r\n\r\n  @Input() exedentInPx = 265;\r\n\r\n  @Input() submitButton = '';\r\n  @Input() resetButton = '';\r\n\r\n  private _submitButton = '';\r\n  private _resetButton = '';\r\n\r\n  private _formGroupSubs!: Subscription;\r\n\r\n  constructor(\r\n    private _href: ElementRef<HTMLElement>,\r\n    private _cd: ChangeDetectorRef\r\n  ) {\r\n    _href.nativeElement.classList.add('tak-box-form');\r\n  }\r\n\r\n  public ngOnInit(): void {\r\n    this._formGroupSubs = this.formGroup.statusChanges.subscribe(() => {\r\n      this._cd.markForCheck();\r\n    });\r\n\r\n    if (!this.showActionButtons) this.exedentInPx -= 58;\r\n\r\n    this._submitButton = this.submitButton ? this.submitButton : 'ENVIAR';\r\n    this._resetButton = this.resetButton ? this.resetButton : 'REINICIAR';\r\n\r\n    if (this.hasBreadcrumbs) this.exedentInPx = this.exedentInPx + 45;\r\n  }\r\n\r\n  public clickOnReset() {\r\n    if (this.formGroup) this.formGroup.reset();\r\n    this.ngReset.emit();\r\n  }\r\n\r\n  public ngOnDestroy(): void {\r\n    if (this._formGroupSubs) this._formGroupSubs.unsubscribe();\r\n  }\r\n\r\n  get orSubmitButton() {\r\n    return this._submitButton;\r\n  }\r\n\r\n  get orResetButton() {\r\n    return this._resetButton;\r\n  }\r\n}\r\n","<mat-card [class.actions-hidden]=\"!showActionButtons\">\r\n  <form [formGroup]=\"formGroup\" #ngForm=\"ngForm\">\r\n    @if (hasBackButton || takTitle || takSubtitle) {\r\n    <section class=\"tak-box-form__branding\">\r\n      @if (hasBackButton) {\r\n      <div style=\"margin-right: 5px; float: left\">\r\n        <button mat-icon-button type=\"button\" (click)=\"onBack.emit()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <span class=\"tak-box-form__branding__title\">{{ takTitle }}</span>\r\n      @if (takSubtitle) {\r\n      <span class=\"tak-box-form__branding__subtitle\">{{ takSubtitle }}</span>\r\n      }\r\n    </section>\r\n    } @if (hasBackButton || takTitle || takSubtitle) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <ng-content select=\"[tak-custom-branding]\"></ng-content>\r\n    @if (!takTitle && !takSubtitle && !hasBackButton && hasBranding) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <div class=\"tak-box-form__scroll\" attr.style=\"max-height: calc(100vh - {{ exedentInPx }}px)\">\r\n      <div class=\"tak-box-form__content\" #content>\r\n        <ng-content />\r\n      </div>\r\n    </div>\r\n    <mat-divider [style.margin-bottom.px]=\"!isLoading ? 4 : 0\"></mat-divider>\r\n    @if (isLoading) {\r\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </form>\r\n  @if (showActionButtons) {\r\n  <mat-card-actions>\r\n    <button\r\n      mat-button\r\n      type=\"button\"\r\n      color=\"accent\"\r\n      class=\"action-button\"\r\n      [disabled]=\"formGroup.invalid || isLoading\"\r\n      (click)=\"formGroup ? ngSubmit.emit(formGroup.value) : ngSubmit.emit()\"\r\n    >\r\n      {{ orSubmitButton }}\r\n    </button>\r\n    @if (hasResetButton) {\r\n    <button mat-button type=\"button\" color=\"warn\" class=\"action-button\" (click)=\"clickOnReset()\">\r\n      {{ orResetButton }}\r\n    </button>\r\n    }\r\n  </mat-card-actions>\r\n  }\r\n</mat-card>\r\n","import { NgModule } from '@angular/core';\r\nimport { TakBoxFormComponent } from './component';\r\n\r\n/** @deprecated Use standalone */\r\n@NgModule({\r\n  imports: [TakBoxFormComponent],\r\n  exports: [TakBoxFormComponent],\r\n})\r\nexport class TakBoxFormModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/box-form\r\n */\r\nexport * from './component';\r\nexport * from './module';\r\nexport * from './common';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kato-lee-components-box-form.mjs","sources":["../../../libraries/components/box-form/component.ts","../../../libraries/components/box-form/component.html","../../../libraries/components/box-form/module.ts","../../../libraries/components/box-form/index.ts","../../../libraries/components/box-form/kato-lee-components-box-form.ts"],"sourcesContent":["import {\r\n  ChangeDetectorRef,\r\n  ViewEncapsulation,\r\n  EventEmitter,\r\n  ElementRef,\r\n  Component,\r\n  ViewChild,\r\n  Output,\r\n  Input,\r\n} from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatDividerModule } from '@angular/material/divider';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [\r\n    MatCardModule,\r\n    ReactiveFormsModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatDividerModule,\r\n    MatProgressBarModule,\r\n  ],\r\n  selector: 'tak-box-form',\r\n  templateUrl: './component.html',\r\n  styleUrls: ['./component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class TakBoxFormComponent {\r\n  @ViewChild('content') content!: ElementRef;\r\n\r\n  @Output() ngSubmit = new EventEmitter();\r\n  @Output() ngReset = new EventEmitter();\r\n\r\n  @Output() onBack = new EventEmitter();\r\n\r\n  @Input() formGroup: FormGroup = new FormGroup({});\r\n  @Input() takTitle = '';\r\n  @Input() takSubtitle = '';\r\n\r\n  @Input() showActionButtons = true;\r\n  @Input() hasResetButton = false;\r\n  @Input() hasBreadcrumbs = false;\r\n  @Input() hasBackButton = false;\r\n  @Input() hasBranding = true;\r\n  @Input() isLoading = false;\r\n\r\n  @Input() exedentInPx = 265;\r\n\r\n  @Input() submitButton = '';\r\n  @Input() resetButton = '';\r\n\r\n  private _submitButton = '';\r\n  private _resetButton = '';\r\n\r\n  private _formGroupSubs!: Subscription;\r\n\r\n  constructor(\r\n    private _href: ElementRef,\r\n    private _cd: ChangeDetectorRef\r\n  ) {\r\n    _href.nativeElement.classList.add('tak-box-form');\r\n  }\r\n\r\n  public ngOnInit(): void {\r\n    this._formGroupSubs = this.formGroup.statusChanges.subscribe(() => {\r\n      this._cd.markForCheck();\r\n    });\r\n\r\n    if (!this.showActionButtons) this.exedentInPx -= 58;\r\n\r\n    this._submitButton = this.submitButton ? this.submitButton : 'ENVIAR';\r\n    this._resetButton = this.resetButton ? this.resetButton : 'REINICIAR';\r\n\r\n    if (this.hasBreadcrumbs) this.exedentInPx = this.exedentInPx + 45;\r\n  }\r\n\r\n  public clickOnReset() {\r\n    if (this.formGroup) this.formGroup.reset();\r\n    this.ngReset.emit();\r\n  }\r\n\r\n  public ngOnDestroy(): void {\r\n    if (this._formGroupSubs) this._formGroupSubs.unsubscribe();\r\n  }\r\n\r\n  get orSubmitButton() {\r\n    return this._submitButton;\r\n  }\r\n\r\n  get orResetButton() {\r\n    return this._resetButton;\r\n  }\r\n}\r\n","<mat-card [class.actions-hidden]=\"!showActionButtons\">\r\n  <form [formGroup]=\"formGroup\" #ngForm=\"ngForm\">\r\n    @if (hasBackButton || takTitle || takSubtitle) {\r\n    <section class=\"tak-box-form__branding\">\r\n      @if (hasBackButton) {\r\n      <div style=\"margin-right: 5px; float: left\">\r\n        <button mat-icon-button type=\"button\" (click)=\"onBack.emit()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <span class=\"tak-box-form__branding__title\">{{ takTitle }}</span>\r\n      @if (takSubtitle) {\r\n      <span class=\"tak-box-form__branding__subtitle\">{{ takSubtitle }}</span>\r\n      }\r\n    </section>\r\n    } @if (hasBackButton || takTitle || takSubtitle) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <ng-content select=\"[tak-custom-branding]\"></ng-content>\r\n    @if (!takTitle && !takSubtitle && !hasBackButton && hasBranding) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <div class=\"tak-box-form__scroll\" attr.style=\"max-height: calc(100vh - {{ exedentInPx }}px)\">\r\n      <div class=\"tak-box-form__content\" #content>\r\n        <ng-content />\r\n      </div>\r\n    </div>\r\n    <mat-divider [style.margin-bottom.px]=\"!isLoading ? 4 : 0\"></mat-divider>\r\n    @if (isLoading) {\r\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </form>\r\n  @if (showActionButtons) {\r\n  <mat-card-actions>\r\n    @if (hasResetButton) {\r\n    <button mat-button type=\"button\" color=\"warn\" class=\"action-button\" (click)=\"clickOnReset()\">\r\n      {{ orResetButton }}\r\n    </button>\r\n    }\r\n    <button\r\n      mat-button\r\n      type=\"button\"\r\n      color=\"accent\"\r\n      class=\"action-button\"\r\n      [disabled]=\"formGroup.invalid || isLoading\"\r\n      (click)=\"formGroup ? ngSubmit.emit(formGroup.value) : ngSubmit.emit()\"\r\n    >\r\n      {{ orSubmitButton }}\r\n    </button>\r\n  </mat-card-actions>\r\n  }\r\n</mat-card>\r\n","import { NgModule } from '@angular/core';\r\nimport { TakBoxFormComponent } from './component';\r\n\r\n/** @deprecated Use standalone */\r\n@NgModule({\r\n  imports: [TakBoxFormComponent],\r\n  exports: [TakBoxFormComponent],\r\n})\r\nexport class TakBoxFormModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/box-form\r\n */\r\nexport * from './component';\r\nexport * from './module';\r\nexport * from './common';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/kato-lee-components-capsule.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, Input, NgModule } from '@angular/core';
+import { Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
 
 class TakCapsuleComponent {
     constructor() {
@@ -65,10 +65,10 @@ class TakCapsuleComponent {
     get gridPrincipal() {
         return this._gridPrincipal;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCapsuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: TakCapsuleComponent, isStandalone: true, selector: "tak-capsule", inputs: { predefinedGrid: "predefinedGrid", grids: "grids" }, ngImport: i0, template: "<div class=\"container\">\r\n  <div class=\"row no-padding\">\r\n    <div [class]=\"gridsOnSides\"></div>\r\n    <div [class]=\"gridPrincipal\">\r\n      <ng-content />\r\n    </div>\r\n    <div [class]=\"gridsOnSides\"></div>\r\n  </div>\r\n</div>\r\n", encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakCapsuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TakCapsuleComponent, isStandalone: true, selector: "tak-capsule", inputs: { predefinedGrid: "predefinedGrid", grids: "grids" }, ngImport: i0, template: "<div class=\"container\">\r\n  <div class=\"row no-padding\">\r\n    <div [class]=\"gridsOnSides\"></div>\r\n    <div [class]=\"gridPrincipal\">\r\n      <ng-content />\r\n    </div>\r\n    <div [class]=\"gridsOnSides\"></div>\r\n  </div>\r\n</div>\r\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCapsuleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakCapsuleComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'tak-capsule', encapsulation: ViewEncapsulation.None, template: "<div class=\"container\">\r\n  <div class=\"row no-padding\">\r\n    <div [class]=\"gridsOnSides\"></div>\r\n    <div [class]=\"gridPrincipal\">\r\n      <ng-content />\r\n    </div>\r\n    <div [class]=\"gridsOnSides\"></div>\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { predefinedGrid: [{
@@ -79,11 +79,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
 
 /** @deprecated Use standalone */
 class TakCapsuleModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCapsuleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: TakCapsuleModule, imports: [TakCapsuleComponent], exports: [TakCapsuleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCapsuleModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakCapsuleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TakCapsuleModule, imports: [TakCapsuleComponent], exports: [TakCapsuleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakCapsuleModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCapsuleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakCapsuleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [TakCapsuleComponent],

package/fesm2022/kato-lee-components-capsule.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-capsule.mjs","sources":["../../../libraries/components/capsule/component.ts","../../../libraries/components/capsule/component.html","../../../libraries/components/capsule/module.ts","../../../libraries/components/capsule/index.ts","../../../libraries/components/capsule/kato-lee-components-capsule.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\n\r\nexport type TakPredefinedGrid = 'small' | 'medium' | 'big' | undefined;\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'tak-capsule',\r\n  templateUrl: './component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class TakCapsuleComponent {\r\n  @Input() predefinedGrid: TakPredefinedGrid;\r\n  @Input() grids!: number[];\r\n\r\n  private _gridsOnSides = '';\r\n  private _gridPrincipal = '';\r\n\r\n  public ngOnInit(): void {\r\n    const gridsGenerated = this._generateGridsFromArray(this.grids, this.predefinedGrid);\r\n    this._gridsOnSides = gridsGenerated.onSides;\r\n    this._gridPrincipal = gridsGenerated.principal;\r\n  }\r\n\r\n  get gridsOnSides() {\r\n    return this._gridsOnSides;\r\n  }\r\n\r\n  get gridPrincipal() {\r\n    return this._gridPrincipal;\r\n  }\r\n\r\n  private _generateGridsFromArray = (grids?: number[], predefinedGrid?: TakPredefinedGrid) => {\r\n    let onSides = '',\r\n      principal = '',\r\n      counter = 0,\r\n      customizedGrids = [0];\r\n\r\n    if (predefinedGrid) {\r\n      if (predefinedGrid === 'small') customizedGrids = [12, 10, 8, 6, 4];\r\n      if (predefinedGrid === 'medium') customizedGrids = [12, 10, 8, 6, 4];\r\n      if (predefinedGrid === 'big') customizedGrids = [12, 12, 10, 10, 8, 6];\r\n    } else customizedGrids = grids || [12, 12, 10, 8, 6, 4];\r\n\r\n    customizedGrids.map(r => {\r\n      if (r % 2) r++;\r\n\r\n      if (r >= 1 && r <= 12) {\r\n        if (counter === 0) {\r\n          onSides = `col-bt-${(12 - r) / 2}`;\r\n          principal = `col-bt-${r}`;\r\n        }\r\n        if (counter === 1) {\r\n          onSides = `${onSides} col-bt-sm-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-sm-${r}`;\r\n        }\r\n        if (counter === 2) {\r\n          onSides = `${onSides} col-bt-md-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-md-${r}`;\r\n        }\r\n        if (counter === 3) {\r\n          onSides = `${onSides} col-bt-lg-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-lg-${r}`;\r\n        }\r\n        if (counter === 4) {\r\n          onSides = `${onSides} col-bt-xl-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-xl-${r}`;\r\n        }\r\n        if (counter === 5) {\r\n          onSides = `${onSides} col-bt-xxl-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-xxl-${r}`;\r\n        }\r\n      }\r\n      counter++;\r\n    });\r\n\r\n    return {\r\n      onSides,\r\n      principal,\r\n    };\r\n  };\r\n}\r\n","<div class=\"container\">\r\n  <div class=\"row no-padding\">\r\n    <div [class]=\"gridsOnSides\"></div>\r\n    <div [class]=\"gridPrincipal\">\r\n      <ng-content />\r\n    </div>\r\n    <div [class]=\"gridsOnSides\"></div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { TakCapsuleComponent } from './component';\r\n\r\n/** @deprecated Use standalone */\r\n@NgModule({\r\n  imports: [TakCapsuleComponent],\r\n  exports: [TakCapsuleComponent],\r\n})\r\nexport class TakCapsuleModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/capsule\r\n */\r\nexport * from './component';\r\nexport * from './module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kato-lee-components-capsule.mjs","sources":["../../../libraries/components/capsule/component.ts","../../../libraries/components/capsule/component.html","../../../libraries/components/capsule/module.ts","../../../libraries/components/capsule/index.ts","../../../libraries/components/capsule/kato-lee-components-capsule.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\n\r\nexport type TakPredefinedGrid = 'small' | 'medium' | 'big' | undefined;\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'tak-capsule',\r\n  templateUrl: './component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class TakCapsuleComponent {\r\n  @Input() predefinedGrid: TakPredefinedGrid;\r\n  @Input() grids!: number[];\r\n\r\n  private _gridsOnSides = '';\r\n  private _gridPrincipal = '';\r\n\r\n  public ngOnInit(): void {\r\n    const gridsGenerated = this._generateGridsFromArray(this.grids, this.predefinedGrid);\r\n    this._gridsOnSides = gridsGenerated.onSides;\r\n    this._gridPrincipal = gridsGenerated.principal;\r\n  }\r\n\r\n  get gridsOnSides() {\r\n    return this._gridsOnSides;\r\n  }\r\n\r\n  get gridPrincipal() {\r\n    return this._gridPrincipal;\r\n  }\r\n\r\n  private _generateGridsFromArray = (grids?: number[], predefinedGrid?: TakPredefinedGrid) => {\r\n    let onSides = '',\r\n      principal = '',\r\n      counter = 0,\r\n      customizedGrids = [0];\r\n\r\n    if (predefinedGrid) {\r\n      if (predefinedGrid === 'small') customizedGrids = [12, 10, 8, 6, 4];\r\n      if (predefinedGrid === 'medium') customizedGrids = [12, 10, 8, 6, 4];\r\n      if (predefinedGrid === 'big') customizedGrids = [12, 12, 10, 10, 8, 6];\r\n    } else customizedGrids = grids || [12, 12, 10, 8, 6, 4];\r\n\r\n    customizedGrids.map(r => {\r\n      if (r % 2) r++;\r\n\r\n      if (r >= 1 && r <= 12) {\r\n        if (counter === 0) {\r\n          onSides = `col-bt-${(12 - r) / 2}`;\r\n          principal = `col-bt-${r}`;\r\n        }\r\n        if (counter === 1) {\r\n          onSides = `${onSides} col-bt-sm-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-sm-${r}`;\r\n        }\r\n        if (counter === 2) {\r\n          onSides = `${onSides} col-bt-md-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-md-${r}`;\r\n        }\r\n        if (counter === 3) {\r\n          onSides = `${onSides} col-bt-lg-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-lg-${r}`;\r\n        }\r\n        if (counter === 4) {\r\n          onSides = `${onSides} col-bt-xl-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-xl-${r}`;\r\n        }\r\n        if (counter === 5) {\r\n          onSides = `${onSides} col-bt-xxl-${(12 - r) / 2}`;\r\n          principal = `${principal} col-bt-xxl-${r}`;\r\n        }\r\n      }\r\n      counter++;\r\n    });\r\n\r\n    return {\r\n      onSides,\r\n      principal,\r\n    };\r\n  };\r\n}\r\n","<div class=\"container\">\r\n  <div class=\"row no-padding\">\r\n    <div [class]=\"gridsOnSides\"></div>\r\n    <div [class]=\"gridPrincipal\">\r\n      <ng-content />\r\n    </div>\r\n    <div [class]=\"gridsOnSides\"></div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { TakCapsuleComponent } from './component';\r\n\r\n/** @deprecated Use standalone */\r\n@NgModule({\r\n  imports: [TakCapsuleComponent],\r\n  exports: [TakCapsuleComponent],\r\n})\r\nexport class TakCapsuleModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/capsule\r\n */\r\nexport * from './component';\r\nexport * from './module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/kato-lee-components-cards.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 
 class TakSimpleCardComponent {
     constructor() {
@@ -7,8 +7,8 @@ class TakSimpleCardComponent {
         this.topLineClass = '';
         this.topLineColor = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakSimpleCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: TakSimpleCardComponent, isStandalone: true, selector: "tak-simple-card", inputs: { hasTopLine: "hasTopLine", topLineClass: "topLineClass", topLineColor: "topLineColor" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakSimpleCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TakSimpleCardComponent, isStandalone: true, selector: "tak-simple-card", inputs: { hasTopLine: "hasTopLine", topLineClass: "topLineClass", topLineColor: "topLineColor" }, ngImport: i0, template: `
     @if (hasTopLine) {
       <div
         class="tak-simple-card--topline {{ topLineClass }}"
@@ -20,7 +20,7 @@ class TakSimpleCardComponent {
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakSimpleCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakSimpleCardComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -50,11 +50,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
 const components = [TakSimpleCardComponent];
 /** @deprecated Use standalone */
 class TakCardsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCardsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: TakCardsModule, imports: [TakSimpleCardComponent], exports: [TakSimpleCardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCardsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakCardsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TakCardsModule, imports: [TakSimpleCardComponent], exports: [TakSimpleCardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakCardsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCardsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakCardsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: components,

package/fesm2022/kato-lee-components-cards.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-cards.mjs","sources":["../../../libraries/components/cards/component.ts","../../../libraries/components/cards/module.ts","../../../libraries/components/cards/index.ts","../../../libraries/components/cards/kato-lee-components-cards.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  standalone:true,\r\n  selector: 'tak-simple-card',\r\n  template: `\r\n    @if (hasTopLine) {\r\n      <div\r\n        class=\"tak-simple-card--topline {{ topLineClass }}\"\r\n        [style.background]=\"topLineColor\"\r\n      ></div>\r\n    }\r\n    <div class=\"tak-simple-card\" [class.no-card-topline]=\"!hasTopLine\">\r\n      <ng-content/>\r\n    </div>\r\n  `,\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakSimpleCardComponent {\r\n  @Input() hasTopLine: boolean = true;\r\n  @Input() topLineClass: string = '';\r\n  @Input() topLineColor: string = '';\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { TakSimpleCardComponent } from './component';\r\n\r\nconst components = [TakSimpleCardComponent];\r\n\r\n/** @deprecated Use standalone */\r\n@NgModule({\r\n  imports: components,\r\n  exports: components,\r\n})\r\nexport class TakCardsModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/cards\r\n */\r\n\r\nexport * from './module';\r\nexport * from './component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAmBa,sBAAsB,CAAA;AAjBnC,IAAA,WAAA,GAAA;QAkBW,IAAU,CAAA,UAAA,GAAY,IAAI,CAAC;QAC3B,IAAY,CAAA,YAAA,GAAW,EAAE,CAAC;QAC1B,IAAY,CAAA,YAAA,GAAW,EAAE,CAAC;AACpC,KAAA;8GAJY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAdvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAIU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAjBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAC,IAAI;AACf,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;AAUT,EAAA,CAAA;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;8BAEU,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;;;ACnBR,MAAM,UAAU,GAAG,CAAC,sBAAsB,CAAC,CAAC;AAE5C;MAKa,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAd,cAAc,EAAA,OAAA,EAAA,CAPP,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAAtB,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAO7B,cAAc,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,UAAU;AACnB,oBAAA,OAAO,EAAE,UAAU;AACpB,iBAAA,CAAA;;;ACTD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"kato-lee-components-cards.mjs","sources":["../../../libraries/components/cards/component.ts","../../../libraries/components/cards/module.ts","../../../libraries/components/cards/index.ts","../../../libraries/components/cards/kato-lee-components-cards.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  standalone:true,\r\n  selector: 'tak-simple-card',\r\n  template: `\r\n    @if (hasTopLine) {\r\n      <div\r\n        class=\"tak-simple-card--topline {{ topLineClass }}\"\r\n        [style.background]=\"topLineColor\"\r\n      ></div>\r\n    }\r\n    <div class=\"tak-simple-card\" [class.no-card-topline]=\"!hasTopLine\">\r\n      <ng-content/>\r\n    </div>\r\n  `,\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakSimpleCardComponent {\r\n  @Input() hasTopLine: boolean = true;\r\n  @Input() topLineClass: string = '';\r\n  @Input() topLineColor: string = '';\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { TakSimpleCardComponent } from './component';\r\n\r\nconst components = [TakSimpleCardComponent];\r\n\r\n/** @deprecated Use standalone */\r\n@NgModule({\r\n  imports: components,\r\n  exports: components,\r\n})\r\nexport class TakCardsModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/cards\r\n */\r\n\r\nexport * from './module';\r\nexport * from './component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAmBa,sBAAsB,CAAA;AAjBnC,IAAA,WAAA,GAAA;QAkBW,IAAA,CAAA,UAAU,GAAY,IAAI;QAC1B,IAAA,CAAA,YAAY,GAAW,EAAE;QACzB,IAAA,CAAA,YAAY,GAAW,EAAE;AACnC,IAAA;+GAJY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAdvB,CAAA;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAIU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAjBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAC,IAAI;AACf,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;AAUT,EAAA,CAAA;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;sBAEE;;sBACA;;sBACA;;;ACnBH,MAAM,UAAU,GAAG,CAAC,sBAAsB,CAAC;AAE3C;MAKa,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAd,cAAc,EAAA,OAAA,EAAA,CAPP,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAAtB,sBAAsB,CAAA,EAAA,CAAA,CAAA;gHAO7B,cAAc,EAAA,CAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,UAAU;AACnB,oBAAA,OAAO,EAAE,UAAU;AACpB,iBAAA;;;ACTD;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/kato-lee-components-dialogs.mjs

@@ -1,29 +1,29 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i3 from '@kato-lee/material/button';
-import { MatButtonModule } from '@kato-lee/material/button';
-import * as i2 from '@kato-lee/material/icon';
-import { MatIconModule } from '@kato-lee/material/icon';
-import * as i4 from '@kato-lee/material/divider';
-import { MatDividerModule } from '@kato-lee/material/divider';
-import * as i1 from '@kato-lee/material/dialog';
-import { MatDialogModule } from '@kato-lee/material/dialog';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i1 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
 
 class TakDismissDialogButtonComponent {
     constructor(dialogRef) {
         this.dialogRef = dialogRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakDismissDialogButtonComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: TakDismissDialogButtonComponent, isStandalone: true, selector: "tak-dismiss-dialog-button", host: { attributes: { "directive": "tak-dialog-title" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakDismissDialogButtonComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TakDismissDialogButtonComponent, isStandalone: true, selector: "tak-dismiss-dialog-button", host: { attributes: { "directive": "tak-dialog-title" } }, ngImport: i0, template: `
     <div class="tak-modal__top-container--custom">
       <h1 class="tak-modal__top-container--custom--title"><ng-content /></h1>
       <button mat-icon-button (click)="dialogRef.close()"><mat-icon>close</mat-icon></button>
     </div>
     <mat-divider />
     <input style="display: none !important;" cdkFocusInitial />
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakDismissDialogButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakDismissDialogButtonComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -47,11 +47,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
 
 const components = [TakDismissDialogButtonComponent];
 class TakDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: TakDialogModule, imports: [TakDismissDialogButtonComponent], exports: [TakDismissDialogButtonComponent, MatDialogModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakDialogModule, imports: [components, MatDialogModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TakDialogModule, imports: [TakDismissDialogButtonComponent], exports: [TakDismissDialogButtonComponent, MatDialogModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakDialogModule, imports: [components, MatDialogModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],

package/fesm2022/kato-lee-components-dialogs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-dialogs.mjs","sources":["../../../libraries/components/dialogs/dismiss-dialog-button.component.ts","../../../libraries/components/dialogs/module.ts","../../../libraries/components/dialogs/index.ts","../../../libraries/components/dialogs/kato-lee-components-dialogs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';\r\nimport { MatDialogRef } from '@kato-lee/material/dialog';\r\nimport { MatButtonModule } from '@kato-lee/material/button';\r\nimport { MatIconModule } from '@kato-lee/material/icon';\r\nimport { MatDividerModule } from '@kato-lee/material/divider';\r\nimport { MatDialogModule } from '@kato-lee/material/dialog';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [MatIconModule, MatButtonModule, MatDividerModule, MatDialogModule],\r\n  selector: 'tak-dismiss-dialog-button',\r\n  host: {\r\n    directive: 'tak-dialog-title',\r\n  },\r\n  template: `\r\n    <div class=\"tak-modal__top-container--custom\">\r\n      <h1 class=\"tak-modal__top-container--custom--title\"><ng-content /></h1>\r\n      <button mat-icon-button (click)=\"dialogRef.close()\"><mat-icon>close</mat-icon></button>\r\n    </div>\r\n    <mat-divider />\r\n    <input style=\"display: none !important;\" cdkFocusInitial />\r\n  `,\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakDismissDialogButtonComponent {\r\n  constructor(public dialogRef: MatDialogRef<TakDismissDialogButtonComponent>) {}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { TakDismissDialogButtonComponent } from './dismiss-dialog-button.component';\r\nimport { MatDialogModule } from '@kato-lee/material/dialog';\r\n\r\nconst components = [TakDismissDialogButtonComponent];\r\n\r\n@NgModule({\r\n  imports: [...components],\r\n  exports: [...components, MatDialogModule],\r\n})\r\nexport class TakDialogModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/dialogs\r\n */\r\n\r\nexport * from './module';\r\nexport * from './dismiss-dialog-button.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kato-lee-components-dialogs.mjs","sources":["../../../libraries/components/dialogs/dismiss-dialog-button.component.ts","../../../libraries/components/dialogs/module.ts","../../../libraries/components/dialogs/index.ts","../../../libraries/components/dialogs/kato-lee-components-dialogs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatDividerModule } from '@angular/material/divider';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [MatIconModule, MatButtonModule, MatDividerModule, MatDialogModule],\r\n  selector: 'tak-dismiss-dialog-button',\r\n  host: {\r\n    directive: 'tak-dialog-title',\r\n  },\r\n  template: `\r\n    <div class=\"tak-modal__top-container--custom\">\r\n      <h1 class=\"tak-modal__top-container--custom--title\"><ng-content /></h1>\r\n      <button mat-icon-button (click)=\"dialogRef.close()\"><mat-icon>close</mat-icon></button>\r\n    </div>\r\n    <mat-divider />\r\n    <input style=\"display: none !important;\" cdkFocusInitial />\r\n  `,\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakDismissDialogButtonComponent {\r\n  constructor(public dialogRef: MatDialogRef<TakDismissDialogButtonComponent>) {}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { TakDismissDialogButtonComponent } from './dismiss-dialog-button.component';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\n\r\nconst components = [TakDismissDialogButtonComponent];\r\n\r\n@NgModule({\r\n  imports: [...components],\r\n  exports: [...components, MatDialogModule],\r\n})\r\nexport class TakDialogModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/dialogs\r\n */\r\n\r\nexport * from './module';\r\nexport * from './dismiss-dialog-button.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}