@kato-lee/components 1.0.7 → 1.1.0

package/esm2022/pretty-box/component.mjs

@@ -0,0 +1,94 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TakPrettyBoxComponent {
+    constructor(_cd) {
+        this._cd = _cd;
+        this.calcHeight = 94;
+        this.headerHeightPx = 0;
+        this.footerHeightPx = 0;
+        this.encapsulated = true;
+        this._hasHeader = false;
+        this._hasFooter = false;
+        this._substractFromHeight = 0;
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this._config();
+        }, 100);
+        setTimeout(() => {
+            this._config();
+        }, 2000);
+    }
+    scrollTop() {
+        if (this.scroll)
+            this.scroll.nativeElement.scrollTo({ top: 0 });
+    }
+    _config() {
+        const header = this.header.nativeElement.querySelector('[tak-pretty-box-header]');
+        const footer = this.footer.nativeElement.querySelector('[tak-pretty-box-footer]');
+        this._hasHeader = header ? true : false;
+        this._hasFooter = footer ? true : false;
+        if (typeof this.calcHeight === 'number') {
+            const refreshInterval = setInterval(() => {
+                if (this._substractFromHeight === 0) {
+                    const headerHeight = this._hasHeader
+                        ? !this.headerHeightPx
+                            ? this.header.nativeElement.offsetHeight
+                            : this.headerHeightPx
+                        : 0;
+                    const footerHeight = this._hasFooter
+                        ? !this.footerHeightPx
+                            ? this.footer.nativeElement.offsetHeight
+                            : this.footerHeightPx
+                        : 0;
+                    this._substractFromHeight = +this.calcHeight + headerHeight + footerHeight;
+                }
+                else {
+                    clearInterval(refreshInterval);
+                    this._cd.markForCheck();
+                }
+            }, 10);
+        }
+        if (!this._hasHeader)
+            this.scroll.nativeElement.classList.add('tak-pretty-box-border-top');
+        if (!this._hasFooter)
+            this.scroll.nativeElement.classList.add('tak-pretty-box-border-bottom');
+        this._cd.markForCheck();
+    }
+    get minHeightFt() {
+        if (typeof this.calcHeight === 'number')
+            return `calc(100vh - ${this._substractFromHeight}px)`;
+        else
+            return this.calcHeight;
+    }
+    get hasHeader() {
+        return this._hasHeader;
+    }
+    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-t-12 col-t-md-8 col-t-lg-6 col-t-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: [{
+            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-t-12 col-t-md-8 col-t-lg-6 col-t-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: [{
+                type: ViewChild,
+                args: ['header']
+            }], footer: [{
+                type: ViewChild,
+                args: ['footer']
+            }], scroll: [{
+                type: ViewChild,
+                args: ['scroll']
+            }], calcHeight: [{
+                type: Input
+            }], headerHeightPx: [{
+                type: Input
+            }], footerHeightPx: [{
+                type: Input
+            }], encapsulated: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvcHJldHR5LWJveC9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9wcmV0dHktYm94L2NvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOztBQVN2QixNQUFNLE9BQU8scUJBQXFCO0lBY2hDLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBVGpDLGVBQVUsR0FBb0IsRUFBRSxDQUFDO1FBQ2pDLG1CQUFjLEdBQVcsQ0FBQyxDQUFDO1FBQzNCLG1CQUFjLEdBQVcsQ0FBQyxDQUFDO1FBQzNCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRXJCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQix5QkFBb0IsR0FBRyxDQUFDLENBQUM7SUFFWSxDQUFDO0lBRXZDLGVBQWU7UUFDcEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNqQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDUixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2pCLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxJQUFJLENBQUMsTUFBTTtZQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFTyxPQUFPO1FBQ2IsTUFBTSxN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Q0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIElucHV0LFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgc2VsZWN0b3I6ICd0YWstcHJldHR5LWJveCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBvbmVudC5odG1sJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFrUHJldHR5Qm94Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgQFZpZXdDaGlsZCgnaGVhZGVyJykgaGVhZGVyITogRWxlbWVudFJlZjtcclxuICBAVmlld0NoaWxkKCdmb290ZXInKSBmb290ZXIhOiBFbGVtZW50UmVmO1xyXG4gIEBWaWV3Q2hpbGQoJ3Njcm9sbCcpIHNjcm9sbCE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBJbnB1dCgpIGNhbGNIZWlnaHQ6IHN0cmluZyB8IG51bWJlciA9IDk0O1xyXG4gIEBJbnB1dCgpIGhlYWRlckhlaWdodFB4OiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIGZvb3RlckhlaWdodFB4OiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIGVuY2Fwc3VsYXRlZCA9IHRydWU7XHJcblxyXG4gIHByaXZhdGUgX2hhc0hlYWRlciA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2hhc0Zvb3RlciA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX3N1YnN0cmFjdEZyb21IZWlnaHQgPSAwO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jZDogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcblxyXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5fY29uZmlnKCk7XHJcbiAgICB9LCAxMDApO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuX2NvbmZpZygpO1xyXG4gICAgfSwgMjAwMCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc2Nyb2xsVG9wKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuc2Nyb2xsKSB0aGlzLnNjcm9sbC5uYXRpdmVFbGVtZW50LnNjcm9sbFRvKHsgdG9wOiAwIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfY29uZmlnKCk6IHZvaWQge1xyXG4gICAgY29uc3QgaGVhZGVyID0gdGhpcy5oZWFkZXIubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdbdGFrLXByZXR0eS1ib3gtaGVhZGVyXScpO1xyXG4gICAgY29uc3QgZm9vdGVyID0gdGhpcy5mb290ZXIubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdbdGFrLXByZXR0eS1ib3gtZm9vdGVyXScpO1xyXG5cclxuICAgIHRoaXMuX2hhc0hlYWRlciA9IGhlYWRlciA/IHRydWUgOiBmYWxzZTtcclxuICAgIHRoaXMuX2hhc0Zvb3RlciA9IGZvb3RlciA/IHRydWUgOiBmYWxzZTtcclxuXHJcbiAgICBpZiAodHlwZW9mIHRoaXMuY2FsY0hlaWdodCA9PT0gJ251bWJlcicpIHtcclxuICAgICAgY29uc3QgcmVmcmVzaEludGVydmFsID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xyXG4gICAgICAgIGlmICh0aGlzLl9zdWJzdHJhY3RGcm9tSGVpZ2h0ID09PSAwKSB7XHJcbiAgICAgICAgICBjb25zdCBoZWFkZXJIZWlnaHQgPSB0aGlzLl9oYXNIZWFkZXJcclxuICAgICAgICAgICAgPyAhdGhpcy5oZWFkZXJIZWlnaHRQeFxyXG4gICAgICAgICAgICAgID8gdGhpcy5oZWFkZXIubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHRcclxuICAgICAgICAgICAgICA6IHRoaXMuaGVhZGVySGVpZ2h0UHhcclxuICAgICAgICAgICAgOiAwO1xyXG5cclxuICAgICAgICAgIGNvbnN0IGZvb3RlckhlaWdodCA9IHRoaXMuX2hhc0Zvb3RlclxyXG4gICAgICAgICAgICA/ICF0aGlzLmZvb3RlckhlaWdodFB4XHJcbiAgICAgICAgICAgICAgPyB0aGlzLmZvb3Rlci5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodFxyXG4gICAgICAgICAgICAgIDogdGhpcy5mb290ZXJIZWlnaHRQeFxyXG4gICAgICAgICAgICA6IDA7XHJcblxyXG4gICAgICAgICAgdGhpcy5fc3Vic3RyYWN0RnJvbUhlaWdodCA9ICt0aGlzLmNhbGNIZWlnaHQgKyBoZWFkZXJIZWlnaHQgKyBmb290ZXJIZWlnaHQ7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIGNsZWFySW50ZXJ2YWwocmVmcmVzaEludGVydmFsKTtcclxuICAgICAgICAgIHRoaXMuX2NkLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSwgMTApO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICghdGhpcy5faGFzSGVhZGVyKSB0aGlzLnNjcm9sbC5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3Rhay1wcmV0dHktYm94LWJvcmRlci10b3AnKTtcclxuICAgIGlmICghdGhpcy5faGFzRm9vdGVyKSB0aGlzLnNjcm9sbC5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3Rhay1wcmV0dHktYm94LWJvcmRlci1ib3R0b20nKTtcclxuXHJcbiAgICB0aGlzLl9jZC5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIGdldCBtaW5IZWlnaHRGdCgpOiBzdHJpbmcge1xyXG4gICAgaWYgKHR5cGVvZiB0aGlzLmNhbGNIZWlnaHQgPT09ICdudW1iZXInKSByZXR1cm4gYGNhbGMoMTAwdmggLSAke3RoaXMuX3N1YnN0cmFjdEZyb21IZWlnaHR9cHgpYDtcclxuICAgIGVsc2UgcmV0dXJuIHRoaXMuY2FsY0hlaWdodDtcclxuICB9XHJcblxyXG4gIGdldCBoYXNIZWFkZXIoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5faGFzSGVhZGVyO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGhhc0Zvb3RlcigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9oYXNGb290ZXI7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ7eyBlbmNhcHN1bGF0ZWQgPyAnY29udGFpbmVyJyA6ICcnIH19XCI+XHJcbiAgPGRpdiBbY2xhc3NdPVwiZW5jYXBzdWxhdGVkID8gJ3JvdycgOiAnJ1wiPlxyXG4gICAgPGRpdlxyXG4gICAgICBbY2xhc3NdPVwiZW5jYXBzdWxhdGVkID8gJ2NvbC10LTEyIGNvbC10LW1kLTggY29sLXQtbGctNiBjb2wtdC14eGwtNCcgOiAnJ1wiXHJcbiAgICAgIFtzdHlsZV09XCJlbmNhcHN1bGF0ZWQgPyAnbWFyZ2luOiBhdXRvJyA6ICcnXCJcclxuICAgID5cclxuICAgICAgPGRpdiBjbGFzcz1cInRhay1wcmV0dHktYm94LS1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAjaGVhZGVyXHJcbiAgICAgICAgICBbaGlkZGVuXT1cIiFoYXNIZWFkZXJcIlxyXG4gICAgICAgICAgY2xhc3M9XCJ0YWstcHJldHR5LWJveC0taGVhZGVyXCJcclxuICAgICAgICAgIFtzdHlsZV09XCJoZWFkZXJIZWlnaHRQeCA/ICdoZWlnaHQ6JyArIGhlYWRlckhlaWdodFB4ICsgJ3B4JyA6ICcnXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGFrLXByZXR0eS1ib3gtaGVhZGVyXVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhay1wcmV0dHktYm94LS1zY3JvbGxcIiAjc2Nyb2xsIFtzdHlsZV09XCInaGVpZ2h0OiAnICsgbWluSGVpZ2h0RnRcIj5cclxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0YWstcHJldHR5LWJveC1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgI2Zvb3RlclxyXG4gICAgICAgICAgW2hpZGRlbl09XCIhaGFzRm9vdGVyXCJcclxuICAgICAgICAgIGNsYXNzPVwidGFrLXByZXR0eS1ib3gtLWZvb3RlclwiXHJcbiAgICAgICAgICBbc3R5bGVdPVwiZm9vdGVySGVpZ2h0UHggPyAnaGVpZ2h0OicgKyBmb290ZXJIZWlnaHRQeCArICdweCcgOiAnJ1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Rhay1wcmV0dHktYm94LWZvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/pretty-box/index.mjs

@@ -1,5 +1,5 @@
 /*
  * Public API Surface of @kato-lee/components/pretty-box
  */
-export * from './pretty-box.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9wcmV0dHktYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBAa2F0by1sZWUvY29tcG9uZW50cy9wcmV0dHktYm94XHJcbiAqL1xyXG5leHBvcnQgKiBmcm9tICcuL3ByZXR0eS1ib3guY29tcG9uZW50JztcclxuIl19
+export * from './component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9wcmV0dHktYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsY0FBYyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgQGthdG8tbGVlL2NvbXBvbmVudHMvcHJldHR5LWJveFxyXG4gKi9cclxuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnQnO1xyXG4iXX0=

package/esm2022/tables/index.mjs

@@ -3,5 +3,5 @@
  */
 export * from './mat-paginator.translation';
 export * from './no-records.component';
-export * from './tables.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy90YWJsZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBAa2F0by1sZWUvY29tcG9uZW50cy90YWJsZXNcclxuICovXHJcbmV4cG9ydCAqIGZyb20gJy4vbWF0LXBhZ2luYXRvci50cmFuc2xhdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbm8tcmVjb3Jkcy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RhYmxlcy5tb2R1bGUnO1xyXG4iXX0=
+export * from './module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy90YWJsZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxVQUFVLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgQGthdG8tbGVlL2NvbXBvbmVudHMvdGFibGVzXHJcbiAqL1xyXG5leHBvcnQgKiBmcm9tICcuL21hdC1wYWdpbmF0b3IudHJhbnNsYXRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL25vLXJlY29yZHMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGUnO1xyXG4iXX0=

package/esm2022/tables/module.mjs

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { MatPaginatorIntl, MatPaginatorModule } from '@kato-lee/material/paginator';
+import { MatSortModule } from '@kato-lee/material/sort';
+import { MatTableModule } from '@kato-lee/material/table';
+import { getSpanishMatPaginatorIntl } from './mat-paginator.translation';
+import { TakTableNoRecordsComponent } from './no-records.component';
+import * as i0 from "@angular/core";
+const modules = [MatTableModule, MatSortModule, MatPaginatorModule, TakTableNoRecordsComponent];
+/** @deprecated Use standalone */
+export 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] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakTablesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: modules,
+                    providers: [{ provide: MatPaginatorIntl, useValue: getSpanishMatPaginatorIntl() }],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvdGFibGVzL21vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3BGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBRXBFLE1BQU0sT0FBTyxHQUFHLENBQUMsY0FBYyxFQUFFLGFBQWEsRUFBRSxrQkFBa0IsRUFBRSwwQkFBMEIsQ0FBQyxDQUFDO0FBRWhHLGlDQUFpQztBQU1qQyxNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsWUFSWCxjQUFjLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixFQUFFLDBCQUEwQixhQUE3RSxjQUFjLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixFQUFFLDBCQUEwQjsrR0FRakYsZUFBZSxhQUZmLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLDBCQUEwQixFQUFFLEVBQUUsQ0FBQyxZQUZ6RSxPQUFPLEVBSkQsY0FBYyxFQUFFLGFBQWEsRUFBRSxrQkFBa0I7OzJGQVFyRCxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxPQUFPO29CQUNoQixPQUFPLEVBQUUsT0FBTztvQkFDaEIsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLDBCQUEwQixFQUFFLEVBQUUsQ0FBQztpQkFDbkYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRQYWdpbmF0b3JJbnRsLCBNYXRQYWdpbmF0b3JNb2R1bGUgfSBmcm9tICdAa2F0by1sZWUvbWF0ZXJpYWwvcGFnaW5hdG9yJztcclxuaW1wb3J0IHsgTWF0U29ydE1vZHVsZSB9IGZyb20gJ0BrYXRvLWxlZS9tYXRlcmlhbC9zb3J0JztcclxuaW1wb3J0IHsgTWF0VGFibGVNb2R1bGUgfSBmcm9tICdAa2F0by1sZWUvbWF0ZXJpYWwvdGFibGUnO1xyXG5pbXBvcnQgeyBnZXRTcGFuaXNoTWF0UGFnaW5hdG9ySW50bCB9IGZyb20gJy4vbWF0LXBhZ2luYXRvci50cmFuc2xhdGlvbic7XHJcbmltcG9ydCB7IFRha1RhYmxlTm9SZWNvcmRzQ29tcG9uZW50IH0gZnJvbSAnLi9uby1yZWNvcmRzLmNvbXBvbmVudCc7XHJcblxyXG5jb25zdCBtb2R1bGVzID0gW01hdFRhYmxlTW9kdWxlLCBNYXRTb3J0TW9kdWxlLCBNYXRQYWdpbmF0b3JNb2R1bGUsIFRha1RhYmxlTm9SZWNvcmRzQ29tcG9uZW50XTtcclxuXHJcbi8qKiBAZGVwcmVjYXRlZCBVc2Ugc3RhbmRhbG9uZSAqL1xyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IG1vZHVsZXMsXHJcbiAgZXhwb3J0czogbW9kdWxlcyxcclxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IE1hdFBhZ2luYXRvckludGwsIHVzZVZhbHVlOiBnZXRTcGFuaXNoTWF0UGFnaW5hdG9ySW50bCgpIH1dLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFrVGFibGVzTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2022/toast/index.mjs

@@ -1,5 +1,5 @@
 /*
  * Public API Surface of @kato-lee/components/toast
  */
-export * from './toast.service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy90b2FzdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgQGthdG8tbGVlL2NvbXBvbmVudHMvdG9hc3RcclxuICovXHJcbmV4cG9ydCAqIGZyb20gJy4vdG9hc3Quc2VydmljZSc7XHJcbiJdfQ==
+export * from './service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy90b2FzdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsV0FBVyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIEBrYXRvLWxlZS9jb21wb25lbnRzL3RvYXN0XHJcbiAqL1xyXG5leHBvcnQgKiBmcm9tICcuL3NlcnZpY2UnO1xyXG4iXX0=

package/esm2022/toast/service.mjs

@@ -0,0 +1,42 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@kato-lee/material/snack-bar";
+export class TakToast {
+    constructor(_snackBar) {
+        this._snackBar = _snackBar;
+    }
+    notification(message, payload = {}) {
+        this._generateTakToast(message, 'notification', this._managePayload(payload));
+    }
+    success(message, payload = {}) {
+        this._generateTakToast(message, 'success', this._managePayload(payload));
+    }
+    danger(message, payload = {}) {
+        this._generateTakToast(message, 'danger', this._managePayload(payload));
+    }
+    _generateTakToast(message, type, payload) {
+        const { duration, verticalPosition, horizontalPosition, hasDissmissButton, dissmissButtonMessage, } = payload;
+        this._snackBar.open(message, `${hasDissmissButton ? dissmissButtonMessage : ''}`, {
+            duration,
+            verticalPosition,
+            horizontalPosition,
+            panelClass: `tak-snackbar-${type}`,
+        });
+    }
+    _managePayload(payload) {
+        return {
+            hasDissmissButton: payload.hasDissmissButton || true,
+            duration: payload.duration || 5000,
+            dissmissButtonMessage: payload.dissmissButtonMessage || 'Cerrar',
+            horizontalPosition: payload.horizontalPosition || 'center',
+            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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakToast, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.MatSnackBar }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb21wb25lbnRzL3RvYXN0L3NlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBa0IzQyxNQUFNLE9BQU8sUUFBUTtJQUNuQixZQUFvQixTQUFzQjtRQUF0QixjQUFTLEdBQVQsU0FBUyxDQUFhO0lBQUcsQ0FBQztJQUV2QyxZQUFZLENBQUMsT0FBZSxFQUFFLFVBQTBCLEVBQUU7UUFDL0QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxjQUFjLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ2hGLENBQUM7SUFFTSxPQUFPLENBQUMsT0FBZSxFQUFFLFVBQTBCLEVBQUU7UUFDMUQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQzNFLENBQUM7SUFDTSxNQUFNLENBQUMsT0FBZSxFQUFFLFVBQTBCLEVBQUU7UUFDekQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQzFFLENBQUM7SUFFTyxpQkFBaUIsQ0FBQyxPQUFlLEVBQUUsSUFBa0IsRUFBRSxPQUF1QjtRQUNwRixNQUFNLEVBQ0osUUFBUSxFQUNSLGdCQUFnQixFQUNoQixrQkFBa0IsRUFDbEIsaUJBQWlCLEVBQ2pCLHFCQUFxQixHQUN0QixHQUFHLE9BQU8sQ0FBQztRQUVaLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxHQUFHLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUU7WUFDaEYsUUFBUTtZQUNSLGdCQUFnQjtZQUNoQixrQkFBa0I7WUFDbEIsVUFBVSxFQUFFLGdCQUFnQixJQUFJLEVBQUU7U0FDbkMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLGNBQWMsQ0FBQyxPQUF1QjtRQUM1QyxPQUFPO1lBQ0wsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLGlCQUFpQixJQUFJLElBQUk7WUFDcEQsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRLElBQUksSUFBSTtZQUNsQyxxQkFBcUIsRUFBRSxPQUFPLENBQUMscUJBQXFCLElBQUksUUFBUTtZQUNoRSxrQkFBa0IsRUFBRSxPQUFPLENBQUMsa0JBQWtCLElBQUksUUFBUTtZQUMxRCxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLElBQUksUUFBUTtTQUN2RCxDQUFDO0lBQ0osQ0FBQzs4R0F2Q1UsUUFBUTtrSEFBUixRQUFRLGNBREssTUFBTTs7MkZBQ25CLFFBQVE7a0JBRHBCLFVBQVU7bUJBQUMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIE1hdFNuYWNrQmFyLFxyXG4gIE1hdFNuYWNrQmFySG9yaXpvbnRhbFBvc2l0aW9uLFxyXG4gIE1hdFNuYWNrQmFyVmVydGljYWxQb3NpdGlvbixcclxufSBmcm9tICdAa2F0by1sZWUvbWF0ZXJpYWwvc25hY2stYmFyJztcclxuXHJcbmV4cG9ydCB0eXBlIFRha1RvYXN0VHlwZSA9ICdub3RpZmljYXRpb24nIHwgJ2RhbmdlcicgfCAnc3VjY2Vzcyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFRha1RvYXN0Q29uZmlnIHtcclxuICBoYXNEaXNzbWlzc0J1dHRvbj86IGJvb2xlYW47XHJcbiAgZGlzc21pc3NCdXR0b25NZXNzYWdlPzogc3RyaW5nO1xyXG4gIGhvcml6b250YWxQb3NpdGlvbj86IE1hdFNuYWNrQmFySG9yaXpvbnRhbFBvc2l0aW9uO1xyXG4gIHZlcnRpY2FsUG9zaXRpb24/OiBNYXRTbmFja0JhclZlcnRpY2FsUG9zaXRpb247XHJcbiAgZHVyYXRpb24/OiBudW1iZXI7XHJcbn1cclxuXHJcbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXHJcbmV4cG9ydCBjbGFzcyBUYWtUb2FzdCB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfc25hY2tCYXI6IE1hdFNuYWNrQmFyKSB7fVxyXG5cclxuICBwdWJsaWMgbm90aWZpY2F0aW9uKG1lc3NhZ2U6IHN0cmluZywgcGF5bG9hZDogVGFrVG9hc3RDb25maWcgPSB7fSk6IHZvaWQge1xyXG4gICAgdGhpcy5fZ2VuZXJhdGVUYWtUb2FzdChtZXNzYWdlLCAnbm90aWZpY2F0aW9uJywgdGhpcy5fbWFuYWdlUGF5bG9hZChwYXlsb2FkKSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc3VjY2VzcyhtZXNzYWdlOiBzdHJpbmcsIHBheWxvYWQ6IFRha1RvYXN0Q29uZmlnID0ge30pOiB2b2lkIHtcclxuICAgIHRoaXMuX2dlbmVyYXRlVGFrVG9hc3QobWVzc2FnZSwgJ3N1Y2Nlc3MnLCB0aGlzLl9tYW5hZ2VQYXlsb2FkKHBheWxvYWQpKTtcclxuICB9XHJcbiAgcHVibGljIGRhbmdlcihtZXNzYWdlOiBzdHJpbmcsIHBheWxvYWQ6IFRha1RvYXN0Q29uZmlnID0ge30pOiB2b2lkIHtcclxuICAgIHRoaXMuX2dlbmVyYXRlVGFrVG9hc3QobWVzc2FnZSwgJ2RhbmdlcicsIHRoaXMuX21hbmFnZVBheWxvYWQocGF5bG9hZCkpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfZ2VuZXJhdGVUYWtUb2FzdChtZXNzYWdlOiBzdHJpbmcsIHR5cGU6IFRha1RvYXN0VHlwZSwgcGF5bG9hZDogVGFrVG9hc3RDb25maWcpIHtcclxuICAgIGNvbnN0IHtcclxuICAgICAgZHVyYXRpb24sXHJcbiAgICAgIHZlcnRpY2FsUG9zaXRpb24sXHJcbiAgICAgIGhvcml6b250YWxQb3NpdGlvbixcclxuICAgICAgaGFzRGlzc21pc3NCdXR0b24sXHJcbiAgICAgIGRpc3NtaXNzQnV0dG9uTWVzc2FnZSxcclxuICAgIH0gPSBwYXlsb2FkO1xyXG5cclxuICAgIHRoaXMuX3NuYWNrQmFyLm9wZW4obWVzc2FnZSwgYCR7aGFzRGlzc21pc3NCdXR0b24gPyBkaXNzbWlzc0J1dHRvbk1lc3NhZ2UgOiAnJ31gLCB7XHJcbiAgICAgIGR1cmF0aW9uLFxyXG4gICAgICB2ZXJ0aWNhbFBvc2l0aW9uLFxyXG4gICAgICBob3Jpem9udGFsUG9zaXRpb24sXHJcbiAgICAgIHBhbmVsQ2xhc3M6IGB0YWstc25hY2tiYXItJHt0eXBlfWAsXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX21hbmFnZVBheWxvYWQocGF5bG9hZDogVGFrVG9hc3RDb25maWcpOiBUYWtUb2FzdENvbmZpZyB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBoYXNEaXNzbWlzc0J1dHRvbjogcGF5bG9hZC5oYXNEaXNzbWlzc0J1dHRvbiB8fCB0cnVlLFxyXG4gICAgICBkdXJhdGlvbjogcGF5bG9hZC5kdXJhdGlvbiB8fCA1MDAwLFxyXG4gICAgICBkaXNzbWlzc0J1dHRvbk1lc3NhZ2U6IHBheWxvYWQuZGlzc21pc3NCdXR0b25NZXNzYWdlIHx8ICdDZXJyYXInLFxyXG4gICAgICBob3Jpem9udGFsUG9zaXRpb246IHBheWxvYWQuaG9yaXpvbnRhbFBvc2l0aW9uIHx8ICdjZW50ZXInLFxyXG4gICAgICB2ZXJ0aWNhbFBvc2l0aW9uOiBwYXlsb2FkLnZlcnRpY2FsUG9zaXRpb24gfHwgJ2JvdHRvbScsXHJcbiAgICB9O1xyXG4gIH1cclxufVxyXG4iXX0=

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

@@ -2,16 +2,16 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Component, ViewEncapsulation, ViewChild, Output, Input, 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 i4 from '@kato-lee/material/button';
-import { MatButtonModule } from '@kato-lee/material/button';
-import * as i5 from '@kato-lee/material/divider';
-import { MatDividerModule } from '@kato-lee/material/divider';
-import * as i6 from '@kato-lee/material/progress-bar';
-import { MatProgressBarModule } from '@kato-lee/material/progress-bar';
 
 class TakBoxFormComponent {
     constructor(_href, _cd) {
@@ -63,11 +63,18 @@ class TakBoxFormComponent {
         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, 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    }\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></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\r\n          mat-button\r\n          type=\"button\"\r\n          color=\"warn\"\r\n          class=\"action-button\"\r\n          (click)=\"clickOnReset()\"\r\n        >\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: "component", type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { 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: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormComponent, decorators: [{
             type: Component,
-            args: [{ 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    }\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></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\r\n          mat-button\r\n          type=\"button\"\r\n          color=\"warn\"\r\n          class=\"action-button\"\r\n          (click)=\"clickOnReset()\"\r\n        >\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"] }]
+            args: [{ standalone: true, imports: [
+                        MatCardModule,
+                        ReactiveFormsModule,
+                        MatIconModule,
+                        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"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { content: [{
                 type: ViewChild,
                 args: ['content']
@@ -103,33 +110,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 type: Input
             }] } });
 
+/** @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, declarations: [TakBoxFormComponent], imports: [MatCardModule,
-            ReactiveFormsModule,
-            MatIconModule,
-            MatButtonModule,
-            MatDividerModule,
-            MatProgressBarModule], exports: [TakBoxFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormModule, imports: [MatCardModule,
-            ReactiveFormsModule,
-            MatIconModule,
-            MatButtonModule,
-            MatDividerModule,
-            MatProgressBarModule] }); }
+    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] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [TakBoxFormComponent],
-                    imports: [
-                        MatCardModule,
-                        ReactiveFormsModule,
-                        MatIconModule,
-                        MatButtonModule,
-                        MatDividerModule,
-                        MatProgressBarModule,
-                    ],
+                    imports: [TakBoxFormComponent],
                     exports: [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/box-form.component.ts","../../../libraries/components/box-form/box-form.component.html","../../../libraries/components/box-form/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  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  Output,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'tak-box-form',\r\n  templateUrl: './box-form.component.html',\r\n  styleUrls: ['./box-form.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    }\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></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\r\n          mat-button\r\n          type=\"button\"\r\n          color=\"warn\"\r\n          class=\"action-button\"\r\n          (click)=\"clickOnReset()\"\r\n        >\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 { ReactiveFormsModule } from '@angular/forms';\r\nimport { TakBoxFormComponent } from './box-form.component';\r\nimport { MatCardModule } from '@kato-lee/material/card';\r\nimport { MatIconModule } from '@kato-lee/material/icon';\r\nimport { MatProgressBarModule } from '@kato-lee/material/progress-bar';\r\nimport { MatButtonModule } from '@kato-lee/material/button';\r\nimport { MatDividerModule } from '@kato-lee/material/divider';\r\n\r\n@NgModule({\r\n  declarations: [TakBoxFormComponent],\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  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 './box-form.component';\r\nexport * from './box-form.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 '@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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"}

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

@@ -66,26 +66,27 @@ class TakCapsuleComponent {
         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, 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.ɵ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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCapsuleComponent, decorators: [{
             type: Component,
-            args: [{ 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" }]
+            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: [{
                 type: Input
             }], grids: [{
                 type: Input
             }] } });
 
+/** @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, declarations: [TakCapsuleComponent], exports: [TakCapsuleComponent] }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCapsuleModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [TakCapsuleComponent],
+                    imports: [TakCapsuleComponent],
                     exports: [TakCapsuleComponent],
                 }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-capsule.mjs","sources":["../../../libraries/components/capsule/capsule.component.ts","../../../libraries/components/capsule/capsule.component.html","../../../libraries/components/capsule/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  selector: 'tak-capsule',\r\n  templateUrl: './capsule.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-t-${(12 - r) / 2}`;\r\n          principal = `col-t-${r}`;\r\n        }\r\n        if (counter === 1) {\r\n          onSides = `${onSides} col-t-sm-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-sm-${r}`;\r\n        }\r\n        if (counter === 2) {\r\n          onSides = `${onSides} col-t-md-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-md-${r}`;\r\n        }\r\n        if (counter === 3) {\r\n          onSides = `${onSides} col-t-lg-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-lg-${r}`;\r\n        }\r\n        if (counter === 4) {\r\n          onSides = `${onSides} col-t-xl-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-xl-${r}`;\r\n        }\r\n        if (counter === 5) {\r\n          onSides = `${onSides} col-t-xxl-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-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 './capsule.component';\r\n\r\n@NgModule({\r\n  declarations: [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 './capsule.component';\r\nexport * from './capsule.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-t-${(12 - r) / 2}`;\r\n          principal = `col-t-${r}`;\r\n        }\r\n        if (counter === 1) {\r\n          onSides = `${onSides} col-t-sm-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-sm-${r}`;\r\n        }\r\n        if (counter === 2) {\r\n          onSides = `${onSides} col-t-md-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-md-${r}`;\r\n        }\r\n        if (counter === 3) {\r\n          onSides = `${onSides} col-t-lg-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-lg-${r}`;\r\n        }\r\n        if (counter === 4) {\r\n          onSides = `${onSides} col-t-xl-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-xl-${r}`;\r\n        }\r\n        if (counter === 5) {\r\n          onSides = `${onSides} col-t-xxl-${(12 - r) / 2}`;\r\n          principal = `${principal} col-t-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

@@ -8,7 +8,7 @@ class TakSimpleCardComponent {
         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, selector: "tak-simple-card", inputs: { hasTopLine: "hasTopLine", topLineClass: "topLineClass", topLineColor: "topLineColor" }, ngImport: i0, template: `
+    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: `
     @if (hasTopLine) {
       <div
         class="tak-simple-card--topline {{ topLineClass }}"
@@ -16,13 +16,14 @@ class TakSimpleCardComponent {
       ></div>
     }
     <div class="tak-simple-card" [class.no-card-topline]="!hasTopLine">
-      <ng-content></ng-content>
+      <ng-content/>
     </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: [{
             type: Component,
             args: [{
+                    standalone: true,
                     selector: 'tak-simple-card',
                     template: `
     @if (hasTopLine) {
@@ -32,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
       ></div>
     }
     <div class="tak-simple-card" [class.no-card-topline]="!hasTopLine">
-      <ng-content></ng-content>
+      <ng-content/>
     </div>
   `,
                     encapsulation: ViewEncapsulation.None,
@@ -47,15 +48,16 @@ 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, declarations: [TakSimpleCardComponent], exports: [TakSimpleCardComponent] }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCardsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: components,
+                    imports: components,
                     exports: components,
                 }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"kato-lee-components-cards.mjs","sources":["../../../libraries/components/cards/simple-card.component.ts","../../../libraries/components/cards/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  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></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 './simple-card.component';\r\n\r\nconst components = [TakSimpleCardComponent];\r\n\r\n@NgModule({\r\n  declarations: 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 './cards.module';\r\nexport * from './simple-card.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAkBa,sBAAsB,CAAA;AAhBnC,IAAA,WAAA,GAAA;QAiBW,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,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;kBAhBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,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;;;AClBR,MAAM,UAAU,GAAG,CAAC,sBAAsB,CAAC,CAAC;MAM/B,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAd,cAAc,EAAA,YAAA,EAAA,CANP,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAAtB,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAM7B,cAAc,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,UAAU;AACxB,oBAAA,OAAO,EAAE,UAAU;AACpB,iBAAA,CAAA;;;ACRD;;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,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;;;;"}