@kato-lee/components 1.1.4 → 2.0.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, Inject, NgModule, Injectable } from '@angular/core';
+import { Inject, ViewEncapsulation, Component, NgModule, Injectable } from '@angular/core';
 import * as i1 from '@kato-lee/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@kato-lee/material/dialog';
 import * as i2 from '@kato-lee/material/button';
@@ -54,12 +54,12 @@ class TakModalComponent {
     get hasTopCloseButton() {
         return this._hasTopCloseButton;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakModalComponent, deps: [{ token: i0.ElementRef }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: TakModalComponent, isStandalone: true, selector: "tak-modal", ngImport: i0, template: "@if (hasTopCloseButton) {\r\n  <div mat-dialog-title>\r\n    @if (data.title !== '') {\r\n      <span class=\"tak-modal__title\">{{ data.title }}</span>\r\n    }\r\n    <div>\r\n      <button mat-icon-button (click)=\"onCloseFromButton()\"><mat-icon>close</mat-icon></button>\r\n    </div>\r\n  </div>\r\n}\r\n@if (hasTopCloseButton) {\r\n  <mat-divider />\r\n}\r\n<div mat-dialog-content>\r\n  <div class=\"tak-modal__content\">\r\n    <p>{{ data.content }}</p>\r\n  </div>\r\n</div>\r\n<mat-divider />\r\n<mat-dialog-actions align=\"end\">\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onConfirm()\">\r\n      {{ confirmButton }}\r\n    </button>\r\n  }\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"warn\" (click)=\"onClose()\" cdkFocusInitial>\r\n      {{ deniedButton }}\r\n    </button>\r\n  }\r\n  @if (isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onClose()\" style=\"float: right\" cdkFocusInitial>\r\n      {{ okButton }}\r\n    </button>\r\n  }\r\n</mat-dialog-actions>\r\n", styles: [".tak-modal .mat-dialog-title,.tak-modal .mat-dialog__content{padding:0}.tak-modal [mat-button]{font-weight:bolder}.tak-modal [mat-dialog-title]{display:flex;align-items:center;justify-content:space-between}.tak-modal__title{padding:10px;font-size:20px;font-weight:bolder}.tak-modal__content{padding:0 24px;font-size:14px;color:var(--mdc-dialog-subhead-color)}.tak-modal__buttons{display:flex}.tak-modal__buttons button{font-weight:bolder;text-transform:uppercase}.tak-modal__buttons.tak-modal-one{justify-content:end}.tak-modal__buttons.tak-modal-two{justify-content:space-between}.tak-modal .tak-dialog-content{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.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: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakModalComponent, deps: [{ token: i0.ElementRef }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TakModalComponent, isStandalone: true, selector: "tak-modal", ngImport: i0, template: "@if (hasTopCloseButton) {\r\n  <div mat-dialog-title>\r\n    <p style=\"padding: 0 !important\">\r\n      @if (data.title) {\r\n        <h1 class=\"tak-modal__title\">{{ data.title }}</h1>\r\n      }\r\n    </p>\r\n    <button mat-icon-button (click)=\"onCloseFromButton()\"><mat-icon>close</mat-icon></button>\r\n  </div>\r\n}\r\n@if (hasTopCloseButton) {\r\n  <mat-divider />\r\n}\r\n<div mat-dialog-content>\r\n  <div class=\"tak-modal__content\" attr.style=\"text-align: {{ data.options!.textAlign! }};\">\r\n    <p>{{ data.content }}</p>\r\n  </div>\r\n</div>\r\n<mat-divider />\r\n<mat-dialog-actions>\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"warn\" (click)=\"onClose()\">\r\n      {{ deniedButton }}\r\n    </button>\r\n  }\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onConfirm()\" cdkFocusInitial>\r\n      {{ confirmButton }}\r\n    </button>\r\n  }\r\n  @if (isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onClose()\" style=\"float: right\" cdkFocusInitial>\r\n      {{ okButton }}\r\n    </button>\r\n  }\r\n</mat-dialog-actions>\r\n", styles: [".mat-mdc-dialog-container-with-actions .mat-mdc-dialog-content{padding:0!important}.tak-modal [mat-button]{font-weight:bolder}.tak-modal [mat-dialog-title]{display:flex;align-items:center;justify-content:space-between}.tak-modal__title{font-size:18px;font-weight:500;margin:0}.tak-modal__content{padding:0 24px;font-size:14px;color:var(--mdc-dialog-subhead-color)}.tak-modal__buttons{display:flex}.tak-modal__buttons button{font-weight:bolder;text-transform:uppercase}.tak-modal__buttons.tak-modal-one{justify-content:end}.tak-modal__buttons.tak-modal-two{justify-content:space-between}.tak-modal .tak-dialog-content{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.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: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakModalComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [MatButtonModule, MatDialogModule, MatDividerModule, MatIconModule], selector: 'tak-modal', encapsulation: ViewEncapsulation.None, template: "@if (hasTopCloseButton) {\r\n  <div mat-dialog-title>\r\n    @if (data.title !== '') {\r\n      <span class=\"tak-modal__title\">{{ data.title }}</span>\r\n    }\r\n    <div>\r\n      <button mat-icon-button (click)=\"onCloseFromButton()\"><mat-icon>close</mat-icon></button>\r\n    </div>\r\n  </div>\r\n}\r\n@if (hasTopCloseButton) {\r\n  <mat-divider />\r\n}\r\n<div mat-dialog-content>\r\n  <div class=\"tak-modal__content\">\r\n    <p>{{ data.content }}</p>\r\n  </div>\r\n</div>\r\n<mat-divider />\r\n<mat-dialog-actions align=\"end\">\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onConfirm()\">\r\n      {{ confirmButton }}\r\n    </button>\r\n  }\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"warn\" (click)=\"onClose()\" cdkFocusInitial>\r\n      {{ deniedButton }}\r\n    </button>\r\n  }\r\n  @if (isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onClose()\" style=\"float: right\" cdkFocusInitial>\r\n      {{ okButton }}\r\n    </button>\r\n  }\r\n</mat-dialog-actions>\r\n", styles: [".tak-modal .mat-dialog-title,.tak-modal .mat-dialog__content{padding:0}.tak-modal [mat-button]{font-weight:bolder}.tak-modal [mat-dialog-title]{display:flex;align-items:center;justify-content:space-between}.tak-modal__title{padding:10px;font-size:20px;font-weight:bolder}.tak-modal__content{padding:0 24px;font-size:14px;color:var(--mdc-dialog-subhead-color)}.tak-modal__buttons{display:flex}.tak-modal__buttons button{font-weight:bolder;text-transform:uppercase}.tak-modal__buttons.tak-modal-one{justify-content:end}.tak-modal__buttons.tak-modal-two{justify-content:space-between}.tak-modal .tak-dialog-content{padding:0}\n"] }]
+            args: [{ standalone: true, imports: [MatButtonModule, MatDialogModule, MatDividerModule, MatIconModule], selector: 'tak-modal', encapsulation: ViewEncapsulation.None, template: "@if (hasTopCloseButton) {\r\n  <div mat-dialog-title>\r\n    <p style=\"padding: 0 !important\">\r\n      @if (data.title) {\r\n        <h1 class=\"tak-modal__title\">{{ data.title }}</h1>\r\n      }\r\n    </p>\r\n    <button mat-icon-button (click)=\"onCloseFromButton()\"><mat-icon>close</mat-icon></button>\r\n  </div>\r\n}\r\n@if (hasTopCloseButton) {\r\n  <mat-divider />\r\n}\r\n<div mat-dialog-content>\r\n  <div class=\"tak-modal__content\" attr.style=\"text-align: {{ data.options!.textAlign! }};\">\r\n    <p>{{ data.content }}</p>\r\n  </div>\r\n</div>\r\n<mat-divider />\r\n<mat-dialog-actions>\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"warn\" (click)=\"onClose()\">\r\n      {{ deniedButton }}\r\n    </button>\r\n  }\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onConfirm()\" cdkFocusInitial>\r\n      {{ confirmButton }}\r\n    </button>\r\n  }\r\n  @if (isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onClose()\" style=\"float: right\" cdkFocusInitial>\r\n      {{ okButton }}\r\n    </button>\r\n  }\r\n</mat-dialog-actions>\r\n", styles: [".mat-mdc-dialog-container-with-actions .mat-mdc-dialog-content{padding:0!important}.tak-modal [mat-button]{font-weight:bolder}.tak-modal [mat-dialog-title]{display:flex;align-items:center;justify-content:space-between}.tak-modal__title{font-size:18px;font-weight:500;margin:0}.tak-modal__content{padding:0 24px;font-size:14px;color:var(--mdc-dialog-subhead-color)}.tak-modal__buttons{display:flex}.tak-modal__buttons button{font-weight:bolder;text-transform:uppercase}.tak-modal__buttons.tak-modal-one{justify-content:end}.tak-modal__buttons.tak-modal-two{justify-content:space-between}.tak-modal .tak-dialog-content{padding:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -67,11 +67,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
 
 /** @deprecated Use standalone */
 class TakModalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: TakModalModule, imports: [TakModalComponent], exports: [TakModalComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakModalModule, imports: [TakModalComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TakModalModule, imports: [TakModalComponent], exports: [TakModalComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakModalModule, imports: [TakModalComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakModalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [TakModalComponent],
@@ -90,6 +90,10 @@ class TakModal {
         return this._generateDialog(content, title, 'confirm', options);
     }
     _generateDialog(content, title, type, options) {
+        if (!options)
+            options = {};
+        if (!options.textAlign)
+            options.textAlign = 'justify';
         const dialog = this.dialog.open(TakModalComponent, {
             data: {
                 content,
@@ -100,10 +104,10 @@ class TakModal {
         });
         return dialog.afterClosed();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakModal, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakModal, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakModal, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakModal, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakModal, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.MatDialog }] });

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

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-modal.mjs","sources":["../../../libraries/components/modal/component.ts","../../../libraries/components/modal/component.html","../../../libraries/components/modal/module.ts","../../../libraries/components/modal/service.ts","../../../libraries/components/modal/index.ts","../../../libraries/components/modal/kato-lee-components-modal.ts"],"sourcesContent":["import { Component, ElementRef, Inject, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@kato-lee/material/dialog';\r\nimport { TakModalConfig, TakModalType } from './config';\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\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [MatButtonModule, MatDialogModule, MatDividerModule, MatIconModule],\r\n  selector: 'tak-modal',\r\n  templateUrl: './component.html',\r\n  styleUrls: ['./component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class TakModalComponent implements OnInit {\r\n  private _isAlert = false;\r\n\r\n  private _confirmButton = '';\r\n  private _deniedButton = '';\r\n  private _okButton = '';\r\n  private _hasTopCloseButton = true;\r\n\r\n  constructor(\r\n    href: ElementRef<HTMLElement>,\r\n    private _dialogRef: MatDialogRef<TakModalComponent>,\r\n    @Inject(MAT_DIALOG_DATA)\r\n    public data: { content: string; title: string; options?: TakModalConfig; type: TakModalType }\r\n  ) {\r\n    href.nativeElement.classList.add('tak-modal');\r\n  }\r\n\r\n  public ngOnInit(): void {\r\n    if (this.data.type === 'alert') this._isAlert = true;\r\n    else this._isAlert = false;\r\n\r\n    this._confirmButton = this.data.options?.confirmButton || 'SI';\r\n    this._deniedButton = this.data.options?.deniedButton || 'NO';\r\n    this._okButton = this.data.options?.okButton || 'OK';\r\n    this._hasTopCloseButton = this.data.options?.hasTopCloseButton || true;\r\n  }\r\n\r\n  public onConfirm(): void {\r\n    this._dialogRef.close(true);\r\n  }\r\n\r\n  public onClose(): void {\r\n    this._dialogRef.close(false);\r\n  }\r\n\r\n  public onCloseFromButton(): void {\r\n    this._dialogRef.close(undefined);\r\n  }\r\n\r\n  get isAlert(): boolean {\r\n    return this._isAlert;\r\n  }\r\n\r\n  get confirmButton(): string {\r\n    return this._confirmButton;\r\n  }\r\n\r\n  get deniedButton(): string {\r\n    return this._deniedButton;\r\n  }\r\n\r\n  get okButton(): string {\r\n    return this._okButton;\r\n  }\r\n\r\n  get hasTopCloseButton(): boolean {\r\n    return this._hasTopCloseButton;\r\n  }\r\n}\r\n","@if (hasTopCloseButton) {\r\n  <div mat-dialog-title>\r\n    @if (data.title !== '') {\r\n      <span class=\"tak-modal__title\">{{ data.title }}</span>\r\n    }\r\n    <div>\r\n      <button mat-icon-button (click)=\"onCloseFromButton()\"><mat-icon>close</mat-icon></button>\r\n    </div>\r\n  </div>\r\n}\r\n@if (hasTopCloseButton) {\r\n  <mat-divider />\r\n}\r\n<div mat-dialog-content>\r\n  <div class=\"tak-modal__content\">\r\n    <p>{{ data.content }}</p>\r\n  </div>\r\n</div>\r\n<mat-divider />\r\n<mat-dialog-actions align=\"end\">\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onConfirm()\">\r\n      {{ confirmButton }}\r\n    </button>\r\n  }\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"warn\" (click)=\"onClose()\" cdkFocusInitial>\r\n      {{ deniedButton }}\r\n    </button>\r\n  }\r\n  @if (isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onClose()\" style=\"float: right\" cdkFocusInitial>\r\n      {{ okButton }}\r\n    </button>\r\n  }\r\n</mat-dialog-actions>\r\n","import { NgModule } from '@angular/core';\r\nimport { TakModalComponent } from './component';\r\n\r\n/** @deprecated Use standalone */\r\n@NgModule({\r\n  imports: [TakModalComponent],\r\n  exports: [TakModalComponent],\r\n})\r\nexport class TakModalModule {}\r\n","import { Injectable } from '@angular/core';\r\nimport { MatDialog } from '@kato-lee/material/dialog';\r\nimport { TakModalComponent } from './component';\r\nimport { TakModalConfig, TakModalType } from './config';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class TakModal {\r\n  constructor(private dialog: MatDialog) {}\r\n\r\n  public alert(content: string, title: string = '', options?: TakModalConfig): Observable<boolean> {\r\n    return this._generateDialog(content, title, 'alert', options);\r\n  }\r\n\r\n  public confirm(\r\n    content: string,\r\n    title: string = '',\r\n    options?: TakModalConfig\r\n  ): Observable<boolean> {\r\n    return this._generateDialog(content, title, 'confirm', options);\r\n  }\r\n\r\n  private _generateDialog(\r\n    content: string,\r\n    title: string,\r\n    type: TakModalType,\r\n    options?: TakModalConfig\r\n  ) {\r\n    const dialog = this.dialog.open(TakModalComponent, {\r\n      data: {\r\n        content,\r\n        title,\r\n        options,\r\n        type,\r\n      },\r\n    });\r\n    return dialog.afterClosed();\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of @kato-lee/components/modal\r\n */\r\n\r\nexport * from './config';\r\nexport * from './component';\r\nexport * from './module';\r\nexport * from './service';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAea,iBAAiB,CAAA;AAQ5B,IAAA,WAAA,CACE,IAA6B,EACrB,UAA2C,EAE5C,IAAsF,EAAA;QAFrF,IAAU,CAAA,UAAA,GAAV,UAAU,CAAiC;QAE5C,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAkF;QAXvF,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAEjB,IAAc,CAAA,cAAA,GAAG,EAAE,CAAC;QACpB,IAAa,CAAA,aAAA,GAAG,EAAE,CAAC;QACnB,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;QACf,IAAkB,CAAA,kBAAA,GAAG,IAAI,CAAC;QAQhC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC/C;IAEM,QAAQ,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO;AAAE,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;;AAChD,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AAE3B,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,aAAa,IAAI,IAAI,CAAC;AAC/D,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,IAAI,IAAI,CAAC;AAC7D,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,IAAI,IAAI,CAAC;AACrD,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,IAAI,IAAI,CAAC;KACxE;IAEM,SAAS,GAAA;AACd,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;KAC7B;IAEM,OAAO,GAAA;AACZ,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9B;IAEM,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;KAClC;AAED,IAAA,IAAI,OAAO,GAAA;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;AAED,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;AAED,IAAA,IAAI,YAAY,GAAA;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;KAC3B;AAED,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;KACvB;AAED,IAAA,IAAI,iBAAiB,GAAA;QACnB,OAAO,IAAI,CAAC,kBAAkB,CAAC;KAChC;AAzDU,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,wEAWlB,eAAe,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAXd,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf9B,mhCAoCA,ED3BY,MAAA,EAAA,CAAA,knBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,0VAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAMhE,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,CAAC,EAClE,QAAA,EAAA,WAAW,EAGN,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,mhCAAA,EAAA,MAAA,EAAA,CAAA,knBAAA,CAAA,EAAA,CAAA;;0BAalC,MAAM;2BAAC,eAAe,CAAA;;;AEvB3B;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,CAHf,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACjB,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAHf,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGhB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA,CAAA;;;MCAY,QAAQ,CAAA;AACnB,IAAA,WAAA,CAAoB,MAAiB,EAAA;QAAjB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAW;KAAI;AAElC,IAAA,KAAK,CAAC,OAAe,EAAE,KAAgB,GAAA,EAAE,EAAE,OAAwB,EAAA;AACxE,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;KAC/D;AAEM,IAAA,OAAO,CACZ,OAAe,EACf,KAAgB,GAAA,EAAE,EAClB,OAAwB,EAAA;AAExB,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;KACjE;AAEO,IAAA,eAAe,CACrB,OAAe,EACf,KAAa,EACb,IAAkB,EAClB,OAAwB,EAAA;QAExB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE;AACjD,YAAA,IAAI,EAAE;gBACJ,OAAO;gBACP,KAAK;gBACL,OAAO;gBACP,IAAI;AACL,aAAA;AACF,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,MAAM,CAAC,WAAW,EAAE,CAAC;KAC7B;8GA9BU,QAAQ,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAR,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,QAAQ,cADK,MAAM,EAAA,CAAA,CAAA,EAAA;;2FACnB,QAAQ,EAAA,UAAA,EAAA,CAAA;kBADpB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;;ACNlC;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"kato-lee-components-modal.mjs","sources":["../../../libraries/components/modal/component.ts","../../../libraries/components/modal/component.html","../../../libraries/components/modal/module.ts","../../../libraries/components/modal/service.ts","../../../libraries/components/modal/index.ts","../../../libraries/components/modal/kato-lee-components-modal.ts"],"sourcesContent":["import { Component, ElementRef, Inject, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@kato-lee/material/dialog';\r\nimport { TakModalConfig, TakModalType } from './config';\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\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [MatButtonModule, MatDialogModule, MatDividerModule, MatIconModule],\r\n  selector: 'tak-modal',\r\n  templateUrl: './component.html',\r\n  styleUrls: ['./component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class TakModalComponent implements OnInit {\r\n  private _isAlert = false;\r\n\r\n  private _confirmButton = '';\r\n  private _deniedButton = '';\r\n  private _okButton = '';\r\n  private _hasTopCloseButton = true;\r\n\r\n  constructor(\r\n    href: ElementRef,\r\n    private _dialogRef: MatDialogRef<TakModalComponent>,\r\n    @Inject(MAT_DIALOG_DATA)\r\n    public data: { content: string; title: string; options?: TakModalConfig; type: TakModalType }\r\n  ) {\r\n    href.nativeElement.classList.add('tak-modal');\r\n  }\r\n\r\n  public ngOnInit(): void {\r\n    if (this.data.type === 'alert') this._isAlert = true;\r\n    else this._isAlert = false;\r\n\r\n    this._confirmButton = this.data.options?.confirmButton || 'SI';\r\n    this._deniedButton = this.data.options?.deniedButton || 'NO';\r\n    this._okButton = this.data.options?.okButton || 'OK';\r\n    this._hasTopCloseButton = this.data.options?.hasTopCloseButton || true;\r\n  }\r\n\r\n  public onConfirm(): void {\r\n    this._dialogRef.close(true);\r\n  }\r\n\r\n  public onClose(): void {\r\n    this._dialogRef.close(false);\r\n  }\r\n\r\n  public onCloseFromButton(): void {\r\n    this._dialogRef.close(undefined);\r\n  }\r\n\r\n  get isAlert(): boolean {\r\n    return this._isAlert;\r\n  }\r\n\r\n  get confirmButton(): string {\r\n    return this._confirmButton;\r\n  }\r\n\r\n  get deniedButton(): string {\r\n    return this._deniedButton;\r\n  }\r\n\r\n  get okButton(): string {\r\n    return this._okButton;\r\n  }\r\n\r\n  get hasTopCloseButton(): boolean {\r\n    return this._hasTopCloseButton;\r\n  }\r\n}\r\n","@if (hasTopCloseButton) {\r\n  <div mat-dialog-title>\r\n    <p style=\"padding: 0 !important\">\r\n      @if (data.title) {\r\n        <h1 class=\"tak-modal__title\">{{ data.title }}</h1>\r\n      }\r\n    </p>\r\n    <button mat-icon-button (click)=\"onCloseFromButton()\"><mat-icon>close</mat-icon></button>\r\n  </div>\r\n}\r\n@if (hasTopCloseButton) {\r\n  <mat-divider />\r\n}\r\n<div mat-dialog-content>\r\n  <div class=\"tak-modal__content\" attr.style=\"text-align: {{ data.options!.textAlign! }};\">\r\n    <p>{{ data.content }}</p>\r\n  </div>\r\n</div>\r\n<mat-divider />\r\n<mat-dialog-actions>\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"warn\" (click)=\"onClose()\">\r\n      {{ deniedButton }}\r\n    </button>\r\n  }\r\n  @if (!isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onConfirm()\" cdkFocusInitial>\r\n      {{ confirmButton }}\r\n    </button>\r\n  }\r\n  @if (isAlert) {\r\n    <button mat-button color=\"accent\" (click)=\"onClose()\" style=\"float: right\" cdkFocusInitial>\r\n      {{ okButton }}\r\n    </button>\r\n  }\r\n</mat-dialog-actions>\r\n","import { NgModule } from '@angular/core';\r\nimport { TakModalComponent } from './component';\r\n\r\n/** @deprecated Use standalone */\r\n@NgModule({\r\n  imports: [TakModalComponent],\r\n  exports: [TakModalComponent],\r\n})\r\nexport class TakModalModule {}\r\n","import { Injectable } from '@angular/core';\r\nimport { MatDialog } from '@kato-lee/material/dialog';\r\nimport { TakModalComponent } from './component';\r\nimport { TakModalConfig, TakModalType } from './config';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class TakModal {\r\n  constructor(private dialog: MatDialog) {}\r\n\r\n  public alert(content: string, title: string = '', options?: TakModalConfig): Observable<boolean> {\r\n    return this._generateDialog(content, title, 'alert', options);\r\n  }\r\n\r\n  public confirm(\r\n    content: string,\r\n    title: string = '',\r\n    options?: TakModalConfig,\r\n  ): Observable<boolean> {\r\n    return this._generateDialog(content, title, 'confirm', options);\r\n  }\r\n\r\n  private _generateDialog(\r\n    content: string,\r\n    title: string,\r\n    type: TakModalType,\r\n    options?: TakModalConfig,\r\n  ) {\r\n    if (!options) options = {};\r\n    if (!options.textAlign) options.textAlign = 'justify';\r\n    const dialog = this.dialog.open(TakModalComponent, {\r\n      data: {\r\n        content,\r\n        title,\r\n        options,\r\n        type,\r\n      },\r\n    });\r\n    return dialog.afterClosed();\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of @kato-lee/components/modal\r\n */\r\n\r\nexport * from './config';\r\nexport * from './component';\r\nexport * from './module';\r\nexport * from './service';\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-pretty-box.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input } from '@angular/core';
+import { Input, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 
 class TakPrettyBoxComponent {
     constructor(_cd) {
@@ -68,10 +68,10 @@ class TakPrettyBoxComponent {
     get hasFooter() {
         return this._hasFooter;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakPrettyBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: TakPrettyBoxComponent, isStandalone: true, selector: "tak-pretty-box", inputs: { calcHeight: "calcHeight", headerHeightPx: "headerHeightPx", footerHeightPx: "footerHeightPx", encapsulated: "encapsulated" }, viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }, { propertyName: "scroll", first: true, predicate: ["scroll"], descendants: true }], ngImport: i0, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n  <div [class]=\"encapsulated ? 'row' : ''\">\r\n    <div\r\n      [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n      [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n    >\r\n      <div class=\"tak-pretty-box--container\">\r\n        <div\r\n          #header\r\n          [hidden]=\"!hasHeader\"\r\n          class=\"tak-pretty-box--header\"\r\n          [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n          <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n        </div>\r\n\r\n        <div\r\n          #footer\r\n          [hidden]=\"!hasFooter\"\r\n          class=\"tak-pretty-box--footer\"\r\n          [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakPrettyBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TakPrettyBoxComponent, isStandalone: true, selector: "tak-pretty-box", inputs: { calcHeight: "calcHeight", headerHeightPx: "headerHeightPx", footerHeightPx: "footerHeightPx", encapsulated: "encapsulated" }, viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }, { propertyName: "scroll", first: true, predicate: ["scroll"], descendants: true }], ngImport: i0, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n  <div [class]=\"encapsulated ? 'row' : ''\">\r\n    <div\r\n      [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n      [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n    >\r\n      <div class=\"tak-pretty-box--container\">\r\n        <div\r\n          #header\r\n          [hidden]=\"!hasHeader\"\r\n          class=\"tak-pretty-box--header\"\r\n          [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n          <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n        </div>\r\n\r\n        <div\r\n          #footer\r\n          [hidden]=\"!hasFooter\"\r\n          class=\"tak-pretty-box--footer\"\r\n          [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakPrettyBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakPrettyBoxComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'tak-pretty-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n  <div [class]=\"encapsulated ? 'row' : ''\">\r\n    <div\r\n      [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n      [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n    >\r\n      <div class=\"tak-pretty-box--container\">\r\n        <div\r\n          #header\r\n          [hidden]=\"!hasHeader\"\r\n          class=\"tak-pretty-box--header\"\r\n          [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n          <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n        </div>\r\n\r\n        <div\r\n          #footer\r\n          [hidden]=\"!hasFooter\"\r\n          class=\"tak-pretty-box--footer\"\r\n          [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { header: [{

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

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-pretty-box.mjs","sources":["../../../libraries/components/pretty-box/component.ts","../../../libraries/components/pretty-box/component.html","../../../libraries/components/pretty-box/index.ts","../../../libraries/components/pretty-box/kato-lee-components-pretty-box.ts"],"sourcesContent":["import {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  Input,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'tak-pretty-box',\r\n  templateUrl: './component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakPrettyBoxComponent implements AfterViewInit {\r\n  @ViewChild('header') header!: ElementRef;\r\n  @ViewChild('footer') footer!: ElementRef;\r\n  @ViewChild('scroll') scroll!: ElementRef;\r\n\r\n  @Input() calcHeight: string | number = 94;\r\n  @Input() headerHeightPx: number = 0;\r\n  @Input() footerHeightPx: number = 0;\r\n  @Input() encapsulated = true;\r\n\r\n  private _hasHeader = false;\r\n  private _hasFooter = false;\r\n  private _substractFromHeight = 0;\r\n\r\n  constructor(private _cd: ChangeDetectorRef) {}\r\n\r\n  public ngAfterViewInit(): void {\r\n    setTimeout(() => {\r\n      this._config();\r\n    }, 100);\r\n    setTimeout(() => {\r\n      this._config();\r\n    }, 2000);\r\n  }\r\n\r\n  public scrollTop(): void {\r\n    if (this.scroll) this.scroll.nativeElement.scrollTo({ top: 0 });\r\n  }\r\n\r\n  private _config(): void {\r\n    const header = this.header.nativeElement.querySelector('[tak-pretty-box-header]');\r\n    const footer = this.footer.nativeElement.querySelector('[tak-pretty-box-footer]');\r\n\r\n    this._hasHeader = header ? true : false;\r\n    this._hasFooter = footer ? true : false;\r\n\r\n    if (typeof this.calcHeight === 'number') {\r\n      const refreshInterval = setInterval(() => {\r\n        if (this._substractFromHeight === 0) {\r\n          const headerHeight = this._hasHeader\r\n            ? !this.headerHeightPx\r\n              ? this.header.nativeElement.offsetHeight\r\n              : this.headerHeightPx\r\n            : 0;\r\n\r\n          const footerHeight = this._hasFooter\r\n            ? !this.footerHeightPx\r\n              ? this.footer.nativeElement.offsetHeight\r\n              : this.footerHeightPx\r\n            : 0;\r\n\r\n          this._substractFromHeight = +this.calcHeight + headerHeight + footerHeight;\r\n        } else {\r\n          clearInterval(refreshInterval);\r\n          this._cd.markForCheck();\r\n        }\r\n      }, 10);\r\n    }\r\n\r\n    if (!this._hasHeader) this.scroll.nativeElement.classList.add('tak-pretty-box-border-top');\r\n    if (!this._hasFooter) this.scroll.nativeElement.classList.add('tak-pretty-box-border-bottom');\r\n\r\n    this._cd.markForCheck();\r\n  }\r\n\r\n  get minHeightFt(): string {\r\n    if (typeof this.calcHeight === 'number') return `calc(100vh - ${this._substractFromHeight}px)`;\r\n    else return this.calcHeight;\r\n  }\r\n\r\n  get hasHeader(): boolean {\r\n    return this._hasHeader;\r\n  }\r\n\r\n  get hasFooter(): boolean {\r\n    return this._hasFooter;\r\n  }\r\n}\r\n","<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n  <div [class]=\"encapsulated ? 'row' : ''\">\r\n    <div\r\n      [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n      [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n    >\r\n      <div class=\"tak-pretty-box--container\">\r\n        <div\r\n          #header\r\n          [hidden]=\"!hasHeader\"\r\n          class=\"tak-pretty-box--header\"\r\n          [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n          <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n        </div>\r\n\r\n        <div\r\n          #footer\r\n          [hidden]=\"!hasFooter\"\r\n          class=\"tak-pretty-box--footer\"\r\n          [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","/*\r\n * Public API Surface of @kato-lee/components/pretty-box\r\n */\r\nexport * from './component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAkBa,qBAAqB,CAAA;AAchC,IAAA,WAAA,CAAoB,GAAsB,EAAA;QAAtB,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;QATjC,IAAU,CAAA,UAAA,GAAoB,EAAE,CAAC;QACjC,IAAc,CAAA,cAAA,GAAW,CAAC,CAAC;QAC3B,IAAc,CAAA,cAAA,GAAW,CAAC,CAAC;QAC3B,IAAY,CAAA,YAAA,GAAG,IAAI,CAAC;QAErB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAoB,CAAA,oBAAA,GAAG,CAAC,CAAC;KAEa;IAEvC,eAAe,GAAA;QACpB,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB,EAAE,GAAG,CAAC,CAAC;QACR,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB,EAAE,IAAI,CAAC,CAAC;KACV;IAEM,SAAS,GAAA;QACd,IAAI,IAAI,CAAC,MAAM;AAAE,YAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;KACjE;IAEO,OAAO,GAAA;AACb,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;AAClF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;AAElF,QAAA,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;AACxC,QAAA,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;AAExC,QAAA,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;AACvC,YAAA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAK;AACvC,gBAAA,IAAI,IAAI,CAAC,oBAAoB,KAAK,CAAC,EAAE;AACnC,oBAAA,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU;AAClC,0BAAE,CAAC,IAAI,CAAC,cAAc;AACpB,8BAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY;8BACtC,IAAI,CAAC,cAAc;0BACrB,CAAC,CAAC;AAEN,oBAAA,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU;AAClC,0BAAE,CAAC,IAAI,CAAC,cAAc;AACpB,8BAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY;8BACtC,IAAI,CAAC,cAAc;0BACrB,CAAC,CAAC;oBAEN,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,YAAY,CAAC;AAC5E,iBAAA;AAAM,qBAAA;oBACL,aAAa,CAAC,eAAe,CAAC,CAAC;AAC/B,oBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;AACzB,iBAAA;aACF,EAAE,EAAE,CAAC,CAAC;AACR,SAAA;QAED,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;QAC3F,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;AAE9F,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;AAED,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ;AAAE,YAAA,OAAO,CAAgB,aAAA,EAAA,IAAI,CAAC,oBAAoB,KAAK,CAAC;;YAC1F,OAAO,IAAI,CAAC,UAAU,CAAC;KAC7B;AAED,IAAA,IAAI,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;KACxB;AAED,IAAA,IAAI,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;KACxB;8GA5EU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,0dClBlC,kqCAgCA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDda,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,gBAAgB,EAEX,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kqCAAA,EAAA,CAAA;sFAG1B,MAAM,EAAA,CAAA;sBAA1B,SAAS;uBAAC,QAAQ,CAAA;gBACE,MAAM,EAAA,CAAA;sBAA1B,SAAS;uBAAC,QAAQ,CAAA;gBACE,MAAM,EAAA,CAAA;sBAA1B,SAAS;uBAAC,QAAQ,CAAA;gBAEV,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;;;AE1BR;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"kato-lee-components-pretty-box.mjs","sources":["../../../libraries/components/pretty-box/component.ts","../../../libraries/components/pretty-box/component.html","../../../libraries/components/pretty-box/index.ts","../../../libraries/components/pretty-box/kato-lee-components-pretty-box.ts"],"sourcesContent":["import {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  Input,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'tak-pretty-box',\r\n  templateUrl: './component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakPrettyBoxComponent implements AfterViewInit {\r\n  @ViewChild('header') header!: ElementRef;\r\n  @ViewChild('footer') footer!: ElementRef;\r\n  @ViewChild('scroll') scroll!: ElementRef;\r\n\r\n  @Input() calcHeight: string | number = 94;\r\n  @Input() headerHeightPx: number = 0;\r\n  @Input() footerHeightPx: number = 0;\r\n  @Input() encapsulated = true;\r\n\r\n  private _hasHeader = false;\r\n  private _hasFooter = false;\r\n  private _substractFromHeight = 0;\r\n\r\n  constructor(private _cd: ChangeDetectorRef) {}\r\n\r\n  public ngAfterViewInit(): void {\r\n    setTimeout(() => {\r\n      this._config();\r\n    }, 100);\r\n    setTimeout(() => {\r\n      this._config();\r\n    }, 2000);\r\n  }\r\n\r\n  public scrollTop(): void {\r\n    if (this.scroll) this.scroll.nativeElement.scrollTo({ top: 0 });\r\n  }\r\n\r\n  private _config(): void {\r\n    const header = this.header.nativeElement.querySelector('[tak-pretty-box-header]');\r\n    const footer = this.footer.nativeElement.querySelector('[tak-pretty-box-footer]');\r\n\r\n    this._hasHeader = header ? true : false;\r\n    this._hasFooter = footer ? true : false;\r\n\r\n    if (typeof this.calcHeight === 'number') {\r\n      const refreshInterval = setInterval(() => {\r\n        if (this._substractFromHeight === 0) {\r\n          const headerHeight = this._hasHeader\r\n            ? !this.headerHeightPx\r\n              ? this.header.nativeElement.offsetHeight\r\n              : this.headerHeightPx\r\n            : 0;\r\n\r\n          const footerHeight = this._hasFooter\r\n            ? !this.footerHeightPx\r\n              ? this.footer.nativeElement.offsetHeight\r\n              : this.footerHeightPx\r\n            : 0;\r\n\r\n          this._substractFromHeight = +this.calcHeight + headerHeight + footerHeight;\r\n        } else {\r\n          clearInterval(refreshInterval);\r\n          this._cd.markForCheck();\r\n        }\r\n      }, 10);\r\n    }\r\n\r\n    if (!this._hasHeader) this.scroll.nativeElement.classList.add('tak-pretty-box-border-top');\r\n    if (!this._hasFooter) this.scroll.nativeElement.classList.add('tak-pretty-box-border-bottom');\r\n\r\n    this._cd.markForCheck();\r\n  }\r\n\r\n  get minHeightFt(): string {\r\n    if (typeof this.calcHeight === 'number') return `calc(100vh - ${this._substractFromHeight}px)`;\r\n    else return this.calcHeight;\r\n  }\r\n\r\n  get hasHeader(): boolean {\r\n    return this._hasHeader;\r\n  }\r\n\r\n  get hasFooter(): boolean {\r\n    return this._hasFooter;\r\n  }\r\n}\r\n","<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n  <div [class]=\"encapsulated ? 'row' : ''\">\r\n    <div\r\n      [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n      [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n    >\r\n      <div class=\"tak-pretty-box--container\">\r\n        <div\r\n          #header\r\n          [hidden]=\"!hasHeader\"\r\n          class=\"tak-pretty-box--header\"\r\n          [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n          <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n        </div>\r\n\r\n        <div\r\n          #footer\r\n          [hidden]=\"!hasFooter\"\r\n          class=\"tak-pretty-box--footer\"\r\n          [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n        >\r\n          <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","/*\r\n * Public API Surface of @kato-lee/components/pretty-box\r\n */\r\nexport * from './component';\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-tables.mjs

@@ -1,6 +1,6 @@
 import { MatPaginatorIntl, MatPaginatorModule } from '@kato-lee/material/paginator';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@kato-lee/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@kato-lee/material/progress-spinner';
 import { MatSortModule } from '@kato-lee/material/sort';
@@ -41,24 +41,44 @@ class TakTableNoRecordsComponent {
     get secondImage() {
         return this._secondImage;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakTableNoRecordsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: TakTableNoRecordsComponent, isStandalone: true, selector: "tak-table-no-records", inputs: { dataSource: "dataSource", isLoading: "isLoading" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakTableNoRecordsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TakTableNoRecordsComponent, isStandalone: true, selector: "tak-table-no-records", inputs: { dataSource: "dataSource", isLoading: "isLoading" }, ngImport: i0, template: `
     @if (isLoading) {
       <div class="tak-progress-circle__container">
         <mat-progress-spinner mode="indeterminate" />
       </div>
     } @else {
       <div class="tak-progress-circle__container">
-        @if (secondImage) {
-          No hay resultados que contengan esta palabra clave
-        } @else {
-          No se encontraron resultados
-        }
+        <div class="empty-state">
+          <svg
+            class="empty-icon"
+            width="48"
+            height="48"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-hidden="true"
+          >
+            <circle cx="11" cy="11" r="8" />
+            <line x1="21" y1="21" x2="16.65" y2="16.65" />
+          </svg>
+          <p class="empty-title">Sin resultados</p>
+          <p class="empty-description">
+            @if (secondImage) {
+              No hay resultados que contengan esta palabra clave
+            } @else {
+              No se encontraron resultados
+            }
+          </p>
+        </div>
       </div>
     }
-  `, isInline: true, styles: [".tak-progress-circle__container{min-height:calc(100vh - 315px);display:flex;align-items:center;justify-content:center}@media only screen and (min-width: 640px){.tak-progress-circle__container{min-height:calc(100vh - 230px)}}.tak-progress-circle__container{min-height:calc(100vh - 230px);display:flex;align-items:center;justify-content:center}.tak-progress-circle__container-image{min-height:calc(100vh - 230px)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: ["@media only screen and (min-width: 640px){.tak-progress-circle__container{min-height:calc(100vh - 300px)}}.tak-progress-circle__container{min-height:calc(100vh - 300px);display:flex;align-items:center;justify-content:center}.tak-progress-circle__container-image{min-height:calc(100vh - 300px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.empty-icon{margin-bottom:16px;opacity:.4}.empty-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.empty-description{font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakTableNoRecordsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakTableNoRecordsComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [MatProgressSpinnerModule], selector: 'tak-table-no-records', template: `
     @if (isLoading) {
@@ -67,14 +87,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
       </div>
     } @else {
       <div class="tak-progress-circle__container">
-        @if (secondImage) {
-          No hay resultados que contengan esta palabra clave
-        } @else {
-          No se encontraron resultados
-        }
+        <div class="empty-state">
+          <svg
+            class="empty-icon"
+            width="48"
+            height="48"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-hidden="true"
+          >
+            <circle cx="11" cy="11" r="8" />
+            <line x1="21" y1="21" x2="16.65" y2="16.65" />
+          </svg>
+          <p class="empty-title">Sin resultados</p>
+          <p class="empty-description">
+            @if (secondImage) {
+              No hay resultados que contengan esta palabra clave
+            } @else {
+              No se encontraron resultados
+            }
+          </p>
+        </div>
       </div>
     }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".tak-progress-circle__container{min-height:calc(100vh - 315px);display:flex;align-items:center;justify-content:center}@media only screen and (min-width: 640px){.tak-progress-circle__container{min-height:calc(100vh - 230px)}}.tak-progress-circle__container{min-height:calc(100vh - 230px);display:flex;align-items:center;justify-content:center}.tak-progress-circle__container-image{min-height:calc(100vh - 230px)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@media only screen and (min-width: 640px){.tak-progress-circle__container{min-height:calc(100vh - 300px)}}.tak-progress-circle__container{min-height:calc(100vh - 300px);display:flex;align-items:center;justify-content:center}.tak-progress-circle__container-image{min-height:calc(100vh - 300px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.empty-icon{margin-bottom:16px;opacity:.4}.empty-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.empty-description{font-size:14px}\n"] }]
         }], propDecorators: { dataSource: [{
                 type: Input
             }], isLoading: [{
@@ -83,11 +123,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
 
 const modules = [MatTableModule, MatSortModule, MatPaginatorModule, TakTableNoRecordsComponent];
 class TakTablesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakTablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: TakTablesModule, imports: [MatTableModule, MatSortModule, MatPaginatorModule, TakTableNoRecordsComponent], exports: [MatTableModule, MatSortModule, MatPaginatorModule, TakTableNoRecordsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakTablesModule, providers: [{ provide: MatPaginatorIntl, useValue: getSpanishMatPaginatorIntl() }], imports: [modules, MatTableModule, MatSortModule, MatPaginatorModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakTablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TakTablesModule, imports: [MatTableModule, MatSortModule, MatPaginatorModule, TakTableNoRecordsComponent], exports: [MatTableModule, MatSortModule, MatPaginatorModule, TakTableNoRecordsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakTablesModule, providers: [{ provide: MatPaginatorIntl, useValue: getSpanishMatPaginatorIntl() }], imports: [modules, MatTableModule, MatSortModule, MatPaginatorModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakTablesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakTablesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,

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

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-tables.mjs","sources":["../../../libraries/components/tables/mat-paginator.translation.ts","../../../libraries/components/tables/no-records.component.ts","../../../libraries/components/tables/module.ts","../../../libraries/components/tables/index.ts","../../../libraries/components/tables/kato-lee-components-tables.ts"],"sourcesContent":["import { MatPaginatorIntl } from '@kato-lee/material/paginator';\r\n\r\nconst typeEntity = 'item(s)';\r\n\r\nconst SpanishRangeLabel = (page: number, pageSize: number, length: number) => {\r\n  if (length == 0 || pageSize == 0) {\r\n    return `0 de ${length} ${typeEntity}`;\r\n  }\r\n  length = Math.max(length, 0);\r\n  const startIndex = page * pageSize;\r\n  const endIndex =\r\n    startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;\r\n  return `${startIndex + 1} - ${endIndex} de ${length} ${typeEntity}`;\r\n};\r\n\r\nexport function getSpanishMatPaginatorIntl() {\r\n  const paginatorIntl = new MatPaginatorIntl();\r\n\r\n  paginatorIntl.itemsPerPageLabel = 'Items por página:';\r\n  paginatorIntl.firstPageLabel = 'Primer página';\r\n  paginatorIntl.nextPageLabel = 'Siguiente';\r\n  paginatorIntl.previousPageLabel = 'Anterior';\r\n  paginatorIntl.lastPageLabel = 'Ultima página';\r\n  paginatorIntl.getRangeLabel = SpanishRangeLabel;\r\n\r\n  return paginatorIntl;\r\n}\r\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\r\nimport { MatProgressSpinnerModule } from '@kato-lee/material/progress-spinner';\r\nimport { MatTableDataSource } from '@kato-lee/material/table';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [MatProgressSpinnerModule],\r\n  selector: 'tak-table-no-records',\r\n  template: `\r\n    @if (isLoading) {\r\n      <div class=\"tak-progress-circle__container\">\r\n        <mat-progress-spinner mode=\"indeterminate\" />\r\n      </div>\r\n    } @else {\r\n      <div class=\"tak-progress-circle__container\">\r\n        @if (secondImage) {\r\n          No hay resultados que contengan esta palabra clave\r\n        } @else {\r\n          No se encontraron resultados\r\n        }\r\n      </div>\r\n    }\r\n  `,\r\n  styles: `\r\n    .tak-progress-circle__container {\r\n      min-height: calc(100vh - 315px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    @media only screen and (min-width: 640px) {\r\n      .tak-progress-circle__container {\r\n        min-height: calc(100vh - 230px);\r\n      }\r\n    }\r\n    .tak-progress-circle__container {\r\n      min-height: calc(100vh - 230px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .tak-progress-circle__container-image {\r\n      min-height: calc(100vh - 230px);\r\n    }\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakTableNoRecordsComponent implements OnInit {\r\n  @Input() dataSource!: MatTableDataSource<any>;\r\n\r\n  @Input() isLoading = false;\r\n\r\n  private _secondImage = true;\r\n\r\n  public ngOnInit(): void {\r\n    if (this.dataSource) {\r\n      if (this.dataSource.data.length && !this.dataSource.filteredData.length)\r\n        this._secondImage = false;\r\n    }\r\n  }\r\n\r\n  get secondImage(): boolean {\r\n    return this._secondImage;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { MatPaginatorIntl, MatPaginatorModule } from '@kato-lee/material/paginator';\r\nimport { MatSortModule } from '@kato-lee/material/sort';\r\nimport { MatTableModule } from '@kato-lee/material/table';\r\nimport { getSpanishMatPaginatorIntl } from './mat-paginator.translation';\r\nimport { TakTableNoRecordsComponent } from './no-records.component';\r\n\r\nconst modules = [MatTableModule, MatSortModule, MatPaginatorModule, TakTableNoRecordsComponent];\r\n\r\n@NgModule({\r\n  imports: modules,\r\n  exports: modules,\r\n  providers: [{ provide: MatPaginatorIntl, useValue: getSpanishMatPaginatorIntl() }],\r\n})\r\nexport class TakTablesModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/tables\r\n */\r\nexport * from './mat-paginator.translation';\r\nexport * from './no-records.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-tables.mjs","sources":["../../../libraries/components/tables/mat-paginator.translation.ts","../../../libraries/components/tables/no-records.component.ts","../../../libraries/components/tables/module.ts","../../../libraries/components/tables/index.ts","../../../libraries/components/tables/kato-lee-components-tables.ts"],"sourcesContent":["import { MatPaginatorIntl } from '@kato-lee/material/paginator';\r\n\r\nconst typeEntity = 'item(s)';\r\n\r\nconst SpanishRangeLabel = (page: number, pageSize: number, length: number) => {\r\n  if (length == 0 || pageSize == 0) {\r\n    return `0 de ${length} ${typeEntity}`;\r\n  }\r\n  length = Math.max(length, 0);\r\n  const startIndex = page * pageSize;\r\n  const endIndex =\r\n    startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;\r\n  return `${startIndex + 1} - ${endIndex} de ${length} ${typeEntity}`;\r\n};\r\n\r\nexport function getSpanishMatPaginatorIntl() {\r\n  const paginatorIntl = new MatPaginatorIntl();\r\n\r\n  paginatorIntl.itemsPerPageLabel = 'Items por página:';\r\n  paginatorIntl.firstPageLabel = 'Primer página';\r\n  paginatorIntl.nextPageLabel = 'Siguiente';\r\n  paginatorIntl.previousPageLabel = 'Anterior';\r\n  paginatorIntl.lastPageLabel = 'Ultima página';\r\n  paginatorIntl.getRangeLabel = SpanishRangeLabel;\r\n\r\n  return paginatorIntl;\r\n}\r\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\r\nimport { MatProgressSpinnerModule } from '@kato-lee/material/progress-spinner';\r\nimport { MatTableDataSource } from '@kato-lee/material/table';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [MatProgressSpinnerModule],\r\n  selector: 'tak-table-no-records',\r\n  template: `\r\n    @if (isLoading) {\r\n      <div class=\"tak-progress-circle__container\">\r\n        <mat-progress-spinner mode=\"indeterminate\" />\r\n      </div>\r\n    } @else {\r\n      <div class=\"tak-progress-circle__container\">\r\n        <div class=\"empty-state\">\r\n          <svg\r\n            class=\"empty-icon\"\r\n            width=\"48\"\r\n            height=\"48\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.5\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\r\n            <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" />\r\n          </svg>\r\n          <p class=\"empty-title\">Sin resultados</p>\r\n          <p class=\"empty-description\">\r\n            @if (secondImage) {\r\n              No hay resultados que contengan esta palabra clave\r\n            } @else {\r\n              No se encontraron resultados\r\n            }\r\n          </p>\r\n        </div>\r\n      </div>\r\n    }\r\n  `,\r\n  styles: `\r\n    .tak-progress-circle__container {\r\n      min-height: calc(100vh - 300px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    @media only screen and (min-width: 640px) {\r\n      .tak-progress-circle__container {\r\n        min-height: calc(100vh - 300px);\r\n      }\r\n    }\r\n    .tak-progress-circle__container {\r\n      min-height: calc(100vh - 300px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .tak-progress-circle__container-image {\r\n      min-height: calc(100vh - 300px);\r\n    }\r\n    .empty-state {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 48px 24px;\r\n      text-align: center;\r\n      color: var(--text-secondary);\r\n    }\r\n\r\n    .empty-icon {\r\n      margin-bottom: 16px;\r\n      opacity: 0.4;\r\n    }\r\n\r\n    .empty-title {\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      color: var(--text-primary);\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .empty-description {\r\n      font-size: 14px;\r\n    }\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakTableNoRecordsComponent implements OnInit {\r\n  @Input() dataSource!: MatTableDataSource<any>;\r\n\r\n  @Input() isLoading = false;\r\n\r\n  private _secondImage = true;\r\n\r\n  public ngOnInit(): void {\r\n    if (this.dataSource) {\r\n      if (this.dataSource.data.length && !this.dataSource.filteredData.length)\r\n        this._secondImage = false;\r\n    }\r\n  }\r\n\r\n  get secondImage(): boolean {\r\n    return this._secondImage;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { MatPaginatorIntl, MatPaginatorModule } from '@kato-lee/material/paginator';\r\nimport { MatSortModule } from '@kato-lee/material/sort';\r\nimport { MatTableModule } from '@kato-lee/material/table';\r\nimport { getSpanishMatPaginatorIntl } from './mat-paginator.translation';\r\nimport { TakTableNoRecordsComponent } from './no-records.component';\r\n\r\nconst modules = [MatTableModule, MatSortModule, MatPaginatorModule, TakTableNoRecordsComponent];\r\n\r\n@NgModule({\r\n  imports: modules,\r\n  exports: modules,\r\n  providers: [{ provide: MatPaginatorIntl, useValue: getSpanishMatPaginatorIntl() }],\r\n})\r\nexport class TakTablesModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/tables\r\n */\r\nexport * from './mat-paginator.translation';\r\nexport * from './no-records.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-toast.mjs

@@ -33,10 +33,10 @@ class TakToast {
             verticalPosition: payload.verticalPosition || 'bottom',
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakToast, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakToast, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakToast, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakToast, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakToast, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TakToast, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.MatSnackBar }] });

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

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-toast.mjs","sources":["../../../libraries/components/toast/service.ts","../../../libraries/components/toast/index.ts","../../../libraries/components/toast/kato-lee-components-toast.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport {\r\n  MatSnackBar,\r\n  MatSnackBarHorizontalPosition,\r\n  MatSnackBarVerticalPosition,\r\n} from '@kato-lee/material/snack-bar';\r\n\r\nexport type TakToastType = 'notification' | 'danger' | 'success';\r\n\r\nexport interface TakToastConfig {\r\n  hasDissmissButton?: boolean;\r\n  dissmissButtonMessage?: string;\r\n  horizontalPosition?: MatSnackBarHorizontalPosition;\r\n  verticalPosition?: MatSnackBarVerticalPosition;\r\n  duration?: number;\r\n}\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class TakToast {\r\n  constructor(private _snackBar: MatSnackBar) {}\r\n\r\n  public notification(message: string, payload: TakToastConfig = {}): void {\r\n    this._generateTakToast(message, 'notification', this._managePayload(payload));\r\n  }\r\n\r\n  public success(message: string, payload: TakToastConfig = {}): void {\r\n    this._generateTakToast(message, 'success', this._managePayload(payload));\r\n  }\r\n  public danger(message: string, payload: TakToastConfig = {}): void {\r\n    this._generateTakToast(message, 'danger', this._managePayload(payload));\r\n  }\r\n\r\n  private _generateTakToast(message: string, type: TakToastType, payload: TakToastConfig) {\r\n    const {\r\n      duration,\r\n      verticalPosition,\r\n      horizontalPosition,\r\n      hasDissmissButton,\r\n      dissmissButtonMessage,\r\n    } = payload;\r\n\r\n    this._snackBar.open(message, `${hasDissmissButton ? dissmissButtonMessage : ''}`, {\r\n      duration,\r\n      verticalPosition,\r\n      horizontalPosition,\r\n      panelClass: `tak-snackbar-${type}`,\r\n    });\r\n  }\r\n\r\n  private _managePayload(payload: TakToastConfig): TakToastConfig {\r\n    return {\r\n      hasDissmissButton: payload.hasDissmissButton || true,\r\n      duration: payload.duration || 5000,\r\n      dissmissButtonMessage: payload.dissmissButtonMessage || 'Cerrar',\r\n      horizontalPosition: payload.horizontalPosition || 'center',\r\n      verticalPosition: payload.verticalPosition || 'bottom',\r\n    };\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of @kato-lee/components/toast\r\n */\r\nexport * from './service';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAkBa,QAAQ,CAAA;AACnB,IAAA,WAAA,CAAoB,SAAsB,EAAA;QAAtB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAa;KAAI;AAEvC,IAAA,YAAY,CAAC,OAAe,EAAE,OAAA,GAA0B,EAAE,EAAA;AAC/D,QAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/E;AAEM,IAAA,OAAO,CAAC,OAAe,EAAE,OAAA,GAA0B,EAAE,EAAA;AAC1D,QAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;KAC1E;AACM,IAAA,MAAM,CAAC,OAAe,EAAE,OAAA,GAA0B,EAAE,EAAA;AACzD,QAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;KACzE;AAEO,IAAA,iBAAiB,CAAC,OAAe,EAAE,IAAkB,EAAE,OAAuB,EAAA;AACpF,QAAA,MAAM,EACJ,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,GACtB,GAAG,OAAO,CAAC;AAEZ,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAG,EAAA,iBAAiB,GAAG,qBAAqB,GAAG,EAAE,EAAE,EAAE;YAChF,QAAQ;YACR,gBAAgB;YAChB,kBAAkB;YAClB,UAAU,EAAE,CAAgB,aAAA,EAAA,IAAI,CAAE,CAAA;AACnC,SAAA,CAAC,CAAC;KACJ;AAEO,IAAA,cAAc,CAAC,OAAuB,EAAA;QAC5C,OAAO;AACL,YAAA,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,IAAI,IAAI;AACpD,YAAA,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAI;AAClC,YAAA,qBAAqB,EAAE,OAAO,CAAC,qBAAqB,IAAI,QAAQ;AAChE,YAAA,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,IAAI,QAAQ;AAC1D,YAAA,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,IAAI,QAAQ;SACvD,CAAC;KACH;8GAvCU,QAAQ,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAR,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,QAAQ,cADK,MAAM,EAAA,CAAA,CAAA,EAAA;;2FACnB,QAAQ,EAAA,UAAA,EAAA,CAAA;kBADpB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;;ACjBlC;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"kato-lee-components-toast.mjs","sources":["../../../libraries/components/toast/service.ts","../../../libraries/components/toast/index.ts","../../../libraries/components/toast/kato-lee-components-toast.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport {\r\n  MatSnackBar,\r\n  MatSnackBarHorizontalPosition,\r\n  MatSnackBarVerticalPosition,\r\n} from '@kato-lee/material/snack-bar';\r\n\r\nexport type TakToastType = 'notification' | 'danger' | 'success';\r\n\r\nexport interface TakToastConfig {\r\n  hasDissmissButton?: boolean;\r\n  dissmissButtonMessage?: string;\r\n  horizontalPosition?: MatSnackBarHorizontalPosition;\r\n  verticalPosition?: MatSnackBarVerticalPosition;\r\n  duration?: number;\r\n}\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class TakToast {\r\n  constructor(private _snackBar: MatSnackBar) {}\r\n\r\n  public notification(message: string, payload: TakToastConfig = {}): void {\r\n    this._generateTakToast(message, 'notification', this._managePayload(payload));\r\n  }\r\n\r\n  public success(message: string, payload: TakToastConfig = {}): void {\r\n    this._generateTakToast(message, 'success', this._managePayload(payload));\r\n  }\r\n  public danger(message: string, payload: TakToastConfig = {}): void {\r\n    this._generateTakToast(message, 'danger', this._managePayload(payload));\r\n  }\r\n\r\n  private _generateTakToast(message: string, type: TakToastType, payload: TakToastConfig) {\r\n    const {\r\n      duration,\r\n      verticalPosition,\r\n      horizontalPosition,\r\n      hasDissmissButton,\r\n      dissmissButtonMessage,\r\n    } = payload;\r\n\r\n    this._snackBar.open(message, `${hasDissmissButton ? dissmissButtonMessage : ''}`, {\r\n      duration,\r\n      verticalPosition,\r\n      horizontalPosition,\r\n      panelClass: `tak-snackbar-${type}`,\r\n    });\r\n  }\r\n\r\n  private _managePayload(payload: TakToastConfig): TakToastConfig {\r\n    return {\r\n      hasDissmissButton: payload.hasDissmissButton || true,\r\n      duration: payload.duration || 5000,\r\n      dissmissButtonMessage: payload.dissmissButtonMessage || 'Cerrar',\r\n      horizontalPosition: payload.horizontalPosition || 'center',\r\n      verticalPosition: payload.verticalPosition || 'bottom',\r\n    };\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of @kato-lee/components/toast\r\n */\r\nexport * from './service';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAkBa,QAAQ,CAAA;AACnB,IAAA,WAAA,CAAoB,SAAsB,EAAA;QAAtB,IAAA,CAAA,SAAS,GAAT,SAAS;IAAgB;AAEtC,IAAA,YAAY,CAAC,OAAe,EAAE,OAAA,GAA0B,EAAE,EAAA;AAC/D,QAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/E;AAEO,IAAA,OAAO,CAAC,OAAe,EAAE,OAAA,GAA0B,EAAE,EAAA;AAC1D,QAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1E;AACO,IAAA,MAAM,CAAC,OAAe,EAAE,OAAA,GAA0B,EAAE,EAAA;AACzD,QAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACzE;AAEQ,IAAA,iBAAiB,CAAC,OAAe,EAAE,IAAkB,EAAE,OAAuB,EAAA;AACpF,QAAA,MAAM,EACJ,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,GACtB,GAAG,OAAO;AAEX,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAA,EAAG,iBAAiB,GAAG,qBAAqB,GAAG,EAAE,EAAE,EAAE;YAChF,QAAQ;YACR,gBAAgB;YAChB,kBAAkB;YAClB,UAAU,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAA,CAAE;AACnC,SAAA,CAAC;IACJ;AAEQ,IAAA,cAAc,CAAC,OAAuB,EAAA;QAC5C,OAAO;AACL,YAAA,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,IAAI,IAAI;AACpD,YAAA,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAI;AAClC,YAAA,qBAAqB,EAAE,OAAO,CAAC,qBAAqB,IAAI,QAAQ;AAChE,YAAA,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,IAAI,QAAQ;AAC1D,YAAA,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,IAAI,QAAQ;SACvD;IACH;+GAvCW,QAAQ,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,QAAQ,cADK,MAAM,EAAA,CAAA,CAAA;;4FACnB,QAAQ,EAAA,UAAA,EAAA,CAAA;kBADpB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACjBlC;;AAEG;;ACFH;;AAEG;;;;"}