@kato-lee/components 1.0.3

package/assets/themes/_dark.scss

@@ -0,0 +1,15 @@
+html.dark-theme {
+  --tak-table-selectable-hover-color: rgba(255, 255, 255, 0.12);
+  --tak-table-header-background-color: rgb(13, 17, 23);
+  --tak-table-container-box-shadow: none;
+  --tak-table-container-border-color: rgba(255, 255, 255, 0.12);
+  .mat-header-cell,
+  .mat-footer-cell {
+    background-color: rgb(13, 17, 23);
+  }
+  --tak-paginator-container-background-color: rgb(13, 17, 23);
+  --tak-pretty-box-border-color: rgba(255, 255, 255, 0.12);
+  --tak-card-border-color: rgba(255, 255, 255, 0.12);
+  --tak-card-box-shadow: none;
+  --tak-card-background-color: rgb(13, 17, 23);
+}

package/assets/themes/_default.scss

@@ -0,0 +1,30 @@
+html {
+  --tak-snackbar-success-color: rgb(0, 0, 0);
+  --tak-snackbar-success-action-color: rgb(255, 0, 0);
+  --tak-snackbar-success-background-color: rgb(24, 182, 116);
+  --tak-snackbar-danger-color: rgb(255, 255, 255);
+  --tak-snackbar-danger-action-color: rgb(24, 182, 116);
+  --tak-snackbar-danger-background-color: rgb(255, 0, 0);
+  --tak-form-field-error-color: rgb(255, 0, 0);
+  --tak-form-field-hint-color: rgb(128, 128, 128);
+  --tak-box-form-title-color: rgb(10, 161, 174);
+  --tak-box-form-subtitle-color: rgb(120, 203, 211);
+  --tak-table-header-color: rgb(255, 255, 255);
+  --tak-table-header-background-color: rgb(25, 27, 60);
+  --tak-table-row-subcontent-color: rgb(128, 128, 128);
+  --tak-table-selectable-hover-color: rgba(0, 0, 0, 0.12);
+  --tak-table-container-box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
+    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+  --tak-table-container-border-color: none;
+  --tak-paginator-container-background-color: rgb(255, 255, 255);
+  --tak-paginator-range-label-color: rgb(128, 128, 128);
+  --tak-pretty-box-border-color: rgba(0, 0, 0, 0.12);
+  --tak-card-border-color: rgba(0, 0, 0, 0.12);
+  --tak-card-box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
+    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+  --tak-card-background-color: rgb(255, 255, 255);
+  --tak-card-default-top-color: rgb(10, 161, 174);
+  /* KATO-LEE MATERIAL */
+  --mat-select-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+}

package/assets/themes/main.scss

@@ -0,0 +1,2 @@
+@import 'default';
+@import 'dark';

package/assets/variables.scss

@@ -0,0 +1,7 @@
+$SM_RESOLUTION: 361px;
+$MD_RESOLUTION: 641px;
+$LG_RESOLUTION: 721px;
+$XL_RESOLUTION: 961px;
+$XXL_RESOLUTION: 1201px;
+
+$MOBILE_RESOLUTION: 900px;

package/box-form/box-form.component.d.ts

@@ -0,0 +1,34 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class TakBoxFormComponent {
+    private _href;
+    private _cd;
+    content: ElementRef;
+    ngSubmit: EventEmitter<any>;
+    ngReset: EventEmitter<any>;
+    onBack: EventEmitter<any>;
+    formGroup: FormGroup;
+    takTitle: string;
+    takSubtitle: string;
+    showActionButtons: boolean;
+    hasResetButton: boolean;
+    hasBreadcrumbs: boolean;
+    hasBackButton: boolean;
+    hasBranding: boolean;
+    isLoading: boolean;
+    exedentInPx: number;
+    submitButton: string;
+    resetButton: string;
+    private _submitButton;
+    private _resetButton;
+    private _formGroupSubs;
+    constructor(_href: ElementRef<HTMLElement>, _cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    clickOnReset(): void;
+    ngOnDestroy(): void;
+    get orSubmitButton(): string;
+    get orResetButton(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakBoxFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakBoxFormComponent, "tak-box-form", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "takTitle": { "alias": "takTitle"; "required": false; }; "takSubtitle": { "alias": "takSubtitle"; "required": false; }; "showActionButtons": { "alias": "showActionButtons"; "required": false; }; "hasResetButton": { "alias": "hasResetButton"; "required": false; }; "hasBreadcrumbs": { "alias": "hasBreadcrumbs"; "required": false; }; "hasBackButton": { "alias": "hasBackButton"; "required": false; }; "hasBranding": { "alias": "hasBranding"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "exedentInPx": { "alias": "exedentInPx"; "required": false; }; "submitButton": { "alias": "submitButton"; "required": false; }; "resetButton": { "alias": "resetButton"; "required": false; }; }, { "ngSubmit": "ngSubmit"; "ngReset": "ngReset"; "onBack": "onBack"; }, never, ["[tak-custom-branding]", "*"], false, never>;
+}

package/box-form/box-form.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./box-form.component";
+import * as i2 from "@kato-lee/material/card";
+import * as i3 from "@angular/forms";
+import * as i4 from "@kato-lee/material/icon";
+import * as i5 from "@kato-lee/material/button";
+import * as i6 from "@kato-lee/material/divider";
+import * as i7 from "@kato-lee/material/progress-bar";
+export declare class TakBoxFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakBoxFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakBoxFormModule, [typeof i1.TakBoxFormComponent], [typeof i2.MatCardModule, typeof i3.ReactiveFormsModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatDividerModule, typeof i7.MatProgressBarModule], [typeof i1.TakBoxFormComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakBoxFormModule>;
+}

package/box-form/common.d.ts

@@ -0,0 +1,5 @@
+export interface TakBoxFormConfig {
+    submitButton: string;
+    resetButton: string;
+    hasBreadcrumbs?: boolean;
+}

package/box-form/index.d.ts

@@ -0,0 +1,3 @@
+export * from './box-form.component';
+export * from './box-form.module';
+export * from './common';

package/box-form/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-box-form.mjs"
+}

package/capsule/capsule.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export type TakPredefinedGrid = 'small' | 'medium' | 'big' | undefined;
+export declare class TakCapsuleComponent {
+    predefinedGrid: TakPredefinedGrid;
+    grids: number[];
+    private _gridsOnSides;
+    private _gridPrincipal;
+    ngOnInit(): void;
+    get gridsOnSides(): string;
+    get gridPrincipal(): string;
+    private _generateGridsFromArray;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakCapsuleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakCapsuleComponent, "tak-capsule", never, { "predefinedGrid": { "alias": "predefinedGrid"; "required": false; }; "grids": { "alias": "grids"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/capsule/capsule.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./capsule.component";
+export declare class TakCapsuleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakCapsuleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakCapsuleModule, [typeof i1.TakCapsuleComponent], never, [typeof i1.TakCapsuleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakCapsuleModule>;
+}

package/capsule/index.d.ts

@@ -0,0 +1,2 @@
+export * from './capsule.component';
+export * from './capsule.module';

package/capsule/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-capsule.mjs"
+}

package/cards/cards.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./simple-card.component";
+export declare class TakCardsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakCardsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakCardsModule, [typeof i1.TakSimpleCardComponent], never, [typeof i1.TakSimpleCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakCardsModule>;
+}

package/cards/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cards.module';
+export * from './simple-card.component';

package/cards/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-cards.mjs"
+}

package/cards/simple-card.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class TakSimpleCardComponent {
+    hasTopLine: boolean;
+    topLineClass: string;
+    topLineColor: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakSimpleCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakSimpleCardComponent, "tak-simple-card", never, { "hasTopLine": { "alias": "hasTopLine"; "required": false; }; "topLineClass": { "alias": "topLineClass"; "required": false; }; "topLineColor": { "alias": "topLineColor"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/dialogs/dialogs.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dismiss-dialog-button.component";
+import * as i2 from "@kato-lee/material/icon";
+import * as i3 from "@kato-lee/material/button";
+import * as i4 from "@kato-lee/material/divider";
+import * as i5 from "@kato-lee/material/dialog";
+export declare class TakDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakDialogModule, [typeof i1.TakDismissDialogButtonComponent], [typeof i2.MatIconModule, typeof i3.MatButtonModule, typeof i4.MatDividerModule, typeof i5.MatDialogModule], [typeof i1.TakDismissDialogButtonComponent, typeof i5.MatDialogModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakDialogModule>;
+}

package/dialogs/dismiss-dialog-button.component.d.ts

@@ -0,0 +1,8 @@
+import { MatDialogRef } from '@kato-lee/material/dialog';
+import * as i0 from "@angular/core";
+export declare class TakDismissDialogButtonComponent {
+    dialogRef: MatDialogRef<TakDismissDialogButtonComponent>;
+    constructor(dialogRef: MatDialogRef<TakDismissDialogButtonComponent>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakDismissDialogButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakDismissDialogButtonComponent, "tak-dismiss-dialog-button", never, {}, {}, never, ["*"], false, never>;
+}

package/dialogs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dialogs.module';
+export * from './dismiss-dialog-button.component';

package/dialogs/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-dialogs.mjs"
+}

package/esm2022/box-form/box-form.component.mjs

@@ -0,0 +1,99 @@
+import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@kato-lee/material/card";
+import * as i2 from "@angular/forms";
+import * as i3 from "@kato-lee/material/icon";
+import * as i4 from "@kato-lee/material/button";
+import * as i5 from "@kato-lee/material/divider";
+import * as i6 from "@kato-lee/material/progress-bar";
+export class TakBoxFormComponent {
+    constructor(_href, _cd) {
+        this._href = _href;
+        this._cd = _cd;
+        this.ngSubmit = new EventEmitter();
+        this.ngReset = new EventEmitter();
+        this.onBack = new EventEmitter();
+        this.formGroup = new FormGroup({});
+        this.takTitle = '';
+        this.takSubtitle = '';
+        this.showActionButtons = true;
+        this.hasResetButton = false;
+        this.hasBreadcrumbs = false;
+        this.hasBackButton = false;
+        this.hasBranding = true;
+        this.isLoading = false;
+        this.exedentInPx = 265;
+        this.submitButton = '';
+        this.resetButton = '';
+        this._submitButton = '';
+        this._resetButton = '';
+        _href.nativeElement.classList.add('tak-box-form');
+    }
+    ngOnInit() {
+        this._formGroupSubs = this.formGroup.statusChanges.subscribe(() => {
+            this._cd.markForCheck();
+        });
+        if (!this.showActionButtons)
+            this.exedentInPx -= 58;
+        this._submitButton = this.submitButton ? this.submitButton : 'ENVIAR';
+        this._resetButton = this.resetButton ? this.resetButton : 'REINICIAR';
+        if (this.hasBreadcrumbs)
+            this.exedentInPx = this.exedentInPx + 45;
+    }
+    clickOnReset() {
+        if (this.formGroup)
+            this.formGroup.reset();
+        this.ngReset.emit();
+    }
+    ngOnDestroy() {
+        if (this._formGroupSubs)
+            this._formGroupSubs.unsubscribe();
+    }
+    get orSubmitButton() {
+        return this._submitButton;
+    }
+    get orResetButton() {
+        return this._resetButton;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakBoxFormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: TakBoxFormComponent, 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 }); }
+}
+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"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { content: [{
+                type: ViewChild,
+                args: ['content']
+            }], ngSubmit: [{
+                type: Output
+            }], ngReset: [{
+                type: Output
+            }], onBack: [{
+                type: Output
+            }], formGroup: [{
+                type: Input
+            }], takTitle: [{
+                type: Input
+            }], takSubtitle: [{
+                type: Input
+            }], showActionButtons: [{
+                type: Input
+            }], hasResetButton: [{
+                type: Input
+            }], hasBreadcrumbs: [{
+                type: Input
+            }], hasBackButton: [{
+                type: Input
+            }], hasBranding: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], exedentInPx: [{
+                type: Input
+            }], submitButton: [{
+                type: Input
+            }], resetButton: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvYm94LWZvcm0vYm94LWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvYm94LWZvcm0vYm94LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFTM0MsTUFBTSxPQUFPLG1CQUFtQjtJQTZCOUIsWUFDVSxLQUE4QixFQUM5QixHQUFzQjtRQUR0QixVQUFLLEdBQUwsS0FBSyxDQUF5QjtRQUM5QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQTVCdEIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDOUIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFN0IsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFN0IsY0FBUyxHQUFjLElBQUksU0FBUyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDZCxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixzQkFBaUIsR0FBRyxJQUFJLENBQUM7UUFDekIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFDdEIsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFDbkIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVsQixnQkFBVyxHQUFHLEdBQUcsQ0FBQztRQUVsQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVsQixrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQUNuQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQVF4QixLQUFLLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDaEUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCO1lBQUUsSUFBSSxDQUFDLFdBQVcsSUFBSSxFQUFFLENBQUM7UUFFcEQsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7UUFDdEUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUM7UUFFdEUsSUFBSSxJQUFJLENBQUMsY0FBYztZQUFFLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDcEUsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxJQUFJLENBQUMsU0FBUztZQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDM0MsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLElBQUksQ0FBQyxjQUFjO1lBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUM3RCxDQUFDO0lBRUQsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7OEdBaEVVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDZrQkNuQmhDLDZvRUE0REE7OzJGRHpDYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsY0FBYyxpQkFHVCxpQkFBaUIsQ0FBQyxJQUFJOytHQUdmLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUztnQkFFVixRQUFRO3NCQUFqQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBRUcsTUFBTTtzQkFBZixNQUFNO2dCQUVFLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0YWstYm94LWZvcm0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9ib3gtZm9ybS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYm94LWZvcm0uY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFrQm94Rm9ybUNvbXBvbmVudCB7XHJcbiAgQFZpZXdDaGlsZCgnY29udGVudCcpIGNvbnRlbnQhOiBFbGVtZW50UmVmO1xyXG5cclxuICBAT3V0cHV0KCkgbmdTdWJtaXQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG5nUmVzZXQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIEBJbnB1dCgpIGZvcm1Hcm91cDogRm9ybUdyb3VwID0gbmV3IEZvcm1Hcm91cCh7fSk7XHJcbiAgQElucHV0KCkgdGFrVGl0bGUgPSAnJztcclxuICBASW5wdXQoKSB0YWtTdWJ0aXRsZSA9ICcnO1xyXG5cclxuICBASW5wdXQoKSBzaG93QWN0aW9uQnV0dG9ucyA9IHRydWU7XHJcbiAgQElucHV0KCkgaGFzUmVzZXRCdXR0b24gPSBmYWxzZTtcclxuICBASW5wdXQoKSBoYXNCcmVhZGNydW1icyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhhc0JhY2tCdXR0b24gPSBmYWxzZTtcclxuICBASW5wdXQoKSBoYXNCcmFuZGluZyA9IHRydWU7XHJcbiAgQElucHV0KCkgaXNMb2FkaW5nID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGV4ZWRlbnRJblB4ID0gMjY1O1xyXG5cclxuICBASW5wdXQoKSBzdWJtaXRCdXR0b24gPSAnJztcclxuICBASW5wdXQoKSByZXNldEJ1dHRvbiA9ICcnO1xyXG5cclxuICBwcml2YXRlIF9zdWJtaXRCdXR0b24gPSAnJztcclxuICBwcml2YXRlIF9yZXNldEJ1dHRvbiA9ICcnO1xyXG5cclxuICBwcml2YXRlIF9mb3JtR3JvdXBTdWJzITogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgX2hyZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxyXG4gICAgcHJpdmF0ZSBfY2Q6IENoYW5nZURldGVjdG9yUmVmXHJcbiAgKSB7XHJcbiAgICBfaHJlZi5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3Rhay1ib3gtZm9ybScpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fZm9ybUdyb3VwU3VicyA9IHRoaXMuZm9ybUdyb3VwLnN0YXR1c0NoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5fY2QubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9KTtcclxuXHJcbiAgICBpZiAoIXRoaXMuc2hvd0FjdGlvbkJ1dHRvbnMpIHRoaXMuZXhlZGVudEluUHggLT0gNTg7XHJcblxyXG4gICAgdGhpcy5fc3VibWl0QnV0dG9uID0gdGhpcy5zdWJtaXRCdXR0b24gPyB0aGlzLnN1Ym1pdEJ1dHRvbiA6ICdFTlZJQVInO1xyXG4gICAgdGhpcy5fcmVzZXRCdXR0b24gPSB0aGlzLnJlc2V0QnV0dG9uID8gdGhpcy5yZXNldEJ1dHRvbiA6ICdSRUlOSUNJQVInO1xyXG5cclxuICAgIGlmICh0aGlzLmhhc0JyZWFkY3J1bWJzKSB0aGlzLmV4ZWRlbnRJblB4ID0gdGhpcy5leGVkZW50SW5QeCArIDQ1O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNsaWNrT25SZXNldCgpIHtcclxuICAgIGlmICh0aGlzLmZvcm1Hcm91cCkgdGhpcy5mb3JtR3JvdXAucmVzZXQoKTtcclxuICAgIHRoaXMubmdSZXNldC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5fZm9ybUdyb3VwU3VicykgdGhpcy5fZm9ybUdyb3VwU3Vicy51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IG9yU3VibWl0QnV0dG9uKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3N1Ym1pdEJ1dHRvbjtcclxuICB9XHJcblxyXG4gIGdldCBvclJlc2V0QnV0dG9uKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3Jlc2V0QnV0dG9uO1xyXG4gIH1cclxufVxyXG4iLCI8bWF0LWNhcmQgW2NsYXNzLmFjdGlvbnMtaGlkZGVuXT1cIiFzaG93QWN0aW9uQnV0dG9uc1wiPlxyXG4gIDxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCIgI25nRm9ybT1cIm5nRm9ybVwiPlxyXG4gICAgQGlmIChoYXNCYWNrQnV0dG9uIHx8IHRha1RpdGxlIHx8IHRha1N1YnRpdGxlKSB7XHJcbiAgICAgIDxzZWN0aW9uIGNsYXNzPVwidGFrLWJveC1mb3JtX19icmFuZGluZ1wiPlxyXG4gICAgICAgIEBpZiAoaGFzQmFja0J1dHRvbikge1xyXG4gICAgICAgICAgPGRpdiBzdHlsZT1cIm1hcmdpbi1yaWdodDogNXB4OyBmbG9hdDogbGVmdFwiPlxyXG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQmFjay5lbWl0KClcIj5cclxuICAgICAgICAgICAgICA8bWF0LWljb24+YXJyb3dfYmFjazwvbWF0LWljb24+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwidGFrLWJveC1mb3JtX19icmFuZGluZ19fdGl0bGVcIj57eyB0YWtUaXRsZSB9fTwvc3Bhbj5cclxuICAgICAgICBAaWYgKHRha1N1YnRpdGxlKSB7XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInRhay1ib3gtZm9ybV9fYnJhbmRpbmdfX3N1YnRpdGxlXCI+e3sgdGFrU3VidGl0bGUgfX08L3NwYW4+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L3NlY3Rpb24+XHJcbiAgICB9XHJcbiAgICBAaWYgKGhhc0JhY2tCdXR0b24gfHwgdGFrVGl0bGUgfHwgdGFrU3VidGl0bGUpIHtcclxuICAgICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XHJcbiAgICB9XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGFrLWN1c3RvbS1icmFuZGluZ11cIj48L25nLWNvbnRlbnQ+XHJcbiAgICBAaWYgKCF0YWtUaXRsZSAmJiAhdGFrU3VidGl0bGUgJiYgIWhhc0JhY2tCdXR0b24gJiYgaGFzQnJhbmRpbmcpIHtcclxuICAgICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XHJcbiAgICB9XHJcbiAgICA8ZGl2IGNsYXNzPVwidGFrLWJveC1mb3JtX19zY3JvbGxcIiBhdHRyLnN0eWxlPVwibWF4LWhlaWdodDogY2FsYygxMDB2aCAtIHt7IGV4ZWRlbnRJblB4IH19cHgpXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0YWstYm94LWZvcm1fX2NvbnRlbnRcIiAjY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8bWF0LWRpdmlkZXIgW3N0eWxlLm1hcmdpbi1ib3R0b20ucHhdPVwiIWlzTG9hZGluZyA/IDQgOiAwXCI+PC9tYXQtZGl2aWRlcj5cclxuICAgIEBpZiAoaXNMb2FkaW5nKSB7XHJcbiAgICAgIDxtYXQtcHJvZ3Jlc3MtYmFyIG1vZGU9XCJpbmRldGVybWluYXRlXCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxyXG4gICAgfVxyXG4gIDwvZm9ybT5cclxuICBAaWYgKHNob3dBY3Rpb25CdXR0b25zKSB7XHJcbiAgICA8bWF0LWNhcmQtYWN0aW9ucz5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIG1hdC1idXR0b25cclxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICBjb2xvcj1cImFjY2VudFwiXHJcbiAgICAgICAgY2xhc3M9XCJhY3Rpb24tYnV0dG9uXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZm9ybUdyb3VwLmludmFsaWQgfHwgaXNMb2FkaW5nXCJcclxuICAgICAgICAoY2xpY2spPVwiZm9ybUdyb3VwID8gbmdTdWJtaXQuZW1pdChmb3JtR3JvdXAudmFsdWUpIDogbmdTdWJtaXQuZW1pdCgpXCJcclxuICAgICAgPlxyXG4gICAgICAgIHt7IG9yU3VibWl0QnV0dG9uIH19XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgICBAaWYgKGhhc1Jlc2V0QnV0dG9uKSB7XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgbWF0LWJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBjb2xvcj1cIndhcm5cIlxyXG4gICAgICAgICAgY2xhc3M9XCJhY3Rpb24tYnV0dG9uXCJcclxuICAgICAgICAgIChjbGljayk9XCJjbGlja09uUmVzZXQoKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAge3sgb3JSZXNldEJ1dHRvbiB9fVxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICB9XHJcbiAgICA8L21hdC1jYXJkLWFjdGlvbnM+XHJcbiAgfVxyXG48L21hdC1jYXJkPlxyXG4iXX0=

package/esm2022/box-form/box-form.module.mjs

@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { TakBoxFormComponent } from './box-form.component';
+import { MatCardModule } from '@kato-lee/material/card';
+import { MatIconModule } from '@kato-lee/material/icon';
+import { MatProgressBarModule } from '@kato-lee/material/progress-bar';
+import { MatButtonModule } from '@kato-lee/material/button';
+import { MatDividerModule } from '@kato-lee/material/divider';
+import * as i0 from "@angular/core";
+export 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] }); }
+}
+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,
+                    ],
+                    exports: [TakBoxFormComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWZvcm0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvYm94LWZvcm0vYm94LWZvcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBYzlELE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLGlCQVhaLG1CQUFtQixhQUVoQyxhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLGFBQWE7WUFDYixlQUFlO1lBQ2YsZ0JBQWdCO1lBQ2hCLG9CQUFvQixhQUVaLG1CQUFtQjsrR0FFbEIsZ0JBQWdCLFlBVHpCLGFBQWE7WUFDYixtQkFBbUI7WUFDbkIsYUFBYTtZQUNiLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsb0JBQW9COzsyRkFJWCxnQkFBZ0I7a0JBWjVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ25DLE9BQU8sRUFBRTt3QkFDUCxhQUFhO3dCQUNiLG1CQUFtQjt3QkFDbkIsYUFBYTt3QkFDYixlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBUYWtCb3hGb3JtQ29tcG9uZW50IH0gZnJvbSAnLi9ib3gtZm9ybS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNYXRDYXJkTW9kdWxlIH0gZnJvbSAnQGthdG8tbGVlL21hdGVyaWFsL2NhcmQnO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGthdG8tbGVlL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBNYXRQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJ0BrYXRvLWxlZS9tYXRlcmlhbC9wcm9ncmVzcy1iYXInO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAa2F0by1sZWUvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgTWF0RGl2aWRlck1vZHVsZSB9IGZyb20gJ0BrYXRvLWxlZS9tYXRlcmlhbC9kaXZpZGVyJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbVGFrQm94Rm9ybUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgTWF0Q2FyZE1vZHVsZSxcclxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRJY29uTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxyXG4gICAgTWF0RGl2aWRlck1vZHVsZSxcclxuICAgIE1hdFByb2dyZXNzQmFyTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1Rha0JveEZvcm1Db21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFrQm94Rm9ybU1vZHVsZSB7fVxyXG4iXX0=

package/esm2022/box-form/common.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvYm94LWZvcm0vY29tbW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFRha0JveEZvcm1Db25maWcge1xyXG4gIHN1Ym1pdEJ1dHRvbjogc3RyaW5nO1xyXG4gIHJlc2V0QnV0dG9uOiBzdHJpbmc7XHJcbiAgaGFzQnJlYWRjcnVtYnM/OiBib29sZWFuO1xyXG59XHJcbiJdfQ==

package/esm2022/box-form/index.mjs

@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of @kato-lee/components/box-form
+ */
+export * from './box-form.component';
+export * from './box-form.module';
+export * from './common';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9ib3gtZm9ybS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLFVBQVUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBAa2F0by1sZWUvY29tcG9uZW50cy9ib3gtZm9ybVxyXG4gKi9cclxuZXhwb3J0ICogZnJvbSAnLi9ib3gtZm9ybS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2JveC1mb3JtLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY29tbW9uJztcclxuIl19

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2F0by1sZWUtY29tcG9uZW50cy1ib3gtZm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb21wb25lbnRzL2JveC1mb3JtL2thdG8tbGVlLWNvbXBvbmVudHMtYm94LWZvcm0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2022/capsule/capsule.component.mjs

@@ -0,0 +1,78 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TakCapsuleComponent {
+    constructor() {
+        this._gridsOnSides = '';
+        this._gridPrincipal = '';
+        this._generateGridsFromArray = (grids, predefinedGrid) => {
+            let onSides = '', principal = '', counter = 0, customizedGrids = [0];
+            if (predefinedGrid) {
+                if (predefinedGrid === 'small')
+                    customizedGrids = [12, 10, 8, 6, 4];
+                if (predefinedGrid === 'medium')
+                    customizedGrids = [12, 10, 8, 6, 4];
+                if (predefinedGrid === 'big')
+                    customizedGrids = [12, 12, 10, 10, 8, 6];
+            }
+            else
+                customizedGrids = grids || [12, 12, 10, 8, 6, 4];
+            customizedGrids.map(r => {
+                if (r % 2)
+                    r++;
+                if (r >= 1 && r <= 12) {
+                    if (counter === 0) {
+                        onSides = `col-t-${(12 - r) / 2}`;
+                        principal = `col-t-${r}`;
+                    }
+                    if (counter === 1) {
+                        onSides = `${onSides} col-t-sm-${(12 - r) / 2}`;
+                        principal = `${principal} col-t-sm-${r}`;
+                    }
+                    if (counter === 2) {
+                        onSides = `${onSides} col-t-md-${(12 - r) / 2}`;
+                        principal = `${principal} col-t-md-${r}`;
+                    }
+                    if (counter === 3) {
+                        onSides = `${onSides} col-t-lg-${(12 - r) / 2}`;
+                        principal = `${principal} col-t-lg-${r}`;
+                    }
+                    if (counter === 4) {
+                        onSides = `${onSides} col-t-xl-${(12 - r) / 2}`;
+                        principal = `${principal} col-t-xl-${r}`;
+                    }
+                    if (counter === 5) {
+                        onSides = `${onSides} col-t-xxl-${(12 - r) / 2}`;
+                        principal = `${principal} col-t-xxl-${r}`;
+                    }
+                }
+                counter++;
+            });
+            return {
+                onSides,
+                principal,
+            };
+        };
+    }
+    ngOnInit() {
+        const gridsGenerated = this._generateGridsFromArray(this.grids, this.predefinedGrid);
+        this._gridsOnSides = gridsGenerated.onSides;
+        this._gridPrincipal = gridsGenerated.principal;
+    }
+    get gridsOnSides() {
+        return this._gridsOnSides;
+    }
+    get gridPrincipal() {
+        return this._gridPrincipal;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakCapsuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: TakCapsuleComponent, 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></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></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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fwc3VsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9jYXBzdWxlL2NhcHN1bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvY2Fwc3VsZS9jYXBzdWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVNwRSxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBU1Usa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDbkIsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFnQnBCLDRCQUF1QixHQUFHLENBQUMsS0FBZ0IsRUFBRSxjQUFrQyxFQUFFLEVBQUU7WUFDekYsSUFBSSxPQUFPLEdBQUcsRUFBRSxFQUNkLFNBQVMsR0FBRyxFQUFFLEVBQ2QsT0FBTyxHQUFHLENBQUMsRUFDWCxlQUFlLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUV4QixJQUFJLGNBQWMsRUFBRTtnQkFDbEIsSUFBSSxjQUFjLEtBQUssT0FBTztvQkFBRSxlQUFlLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQ3BFLElBQUksY0FBYyxLQUFLLFFBQVE7b0JBQUUsZUFBZSxHQUFHLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUNyRSxJQUFJLGNBQWMsS0FBSyxLQUFLO29CQUFFLGVBQWUsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDeEU7O2dCQUFNLGVBQWUsR0FBRyxLQUFLLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBRXhELGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUM7b0JBQUUsQ0FBQyxFQUFFLENBQUM7Z0JBRWYsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUU7b0JBQ3JCLElBQUksT0FBTyxLQUFLLENBQUMsRUFBRTt3QkFDakIsT0FBTyxHQUFHLFNBQVMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7d0JBQ2xDLFNBQVMsR0FBRyxTQUFTLENBQUMsRUFBRSxDQUFDO3FCQUMxQjtvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sYUFBYSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDaEQsU0FBUyxHQUFHLEdBQUcsU0FBUyxhQUFhLENBQUMsRUFBRSxDQUFDO3FCQUMxQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sYUFBYSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDaEQsU0FBUyxHQUFHLEdBQUcsU0FBUyxhQUFhLENBQUMsRUFBRSxDQUFDO3FCQUMxQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sYUFBYSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDaEQsU0FBUyxHQUFHLEdBQUcsU0FBUyxhQUFhLENBQUMsRUFBRSxDQUFDO3FCQUMxQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sYUFBYSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDaEQsU0FBUyxHQUFHLEdBQUcsU0FBUyxhQUFhLENBQUMsRUFBRSxDQUFDO3FCQUMxQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sY0FBYyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDakQsU0FBUyxHQUFHLEdBQUcsU0FBUyxjQUFjLENBQUMsRUFBRSxDQUFDO3FCQUMzQztpQkFDRjtnQkFDRCxPQUFPLEVBQUUsQ0FBQztZQUNaLENBQUMsQ0FBQyxDQUFDO1lBRUgsT0FBTztnQkFDTCxPQUFPO2dCQUNQLFNBQVM7YUFDVixDQUFDO1FBQ0osQ0FBQyxDQUFDO0tBQ0g7SUEvRFEsUUFBUTtRQUNiLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNyRixJQUFJLENBQUMsYUFBYSxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFDNUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUMsU0FBUyxDQUFDO0lBQ2pELENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDOzhHQW5CVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixpSENUaEMseVFBU0E7OzJGREFhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxhQUFhLGlCQUVSLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmV4cG9ydCB0eXBlIFRha1ByZWRlZmluZWRHcmlkID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCB1bmRlZmluZWQ7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3Rhay1jYXBzdWxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2Fwc3VsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRha0NhcHN1bGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHByZWRlZmluZWRHcmlkOiBUYWtQcmVkZWZpbmVkR3JpZDtcclxuICBASW5wdXQoKSBncmlkcyE6IG51bWJlcltdO1xyXG5cclxuICBwcml2YXRlIF9ncmlkc09uU2lkZXMgPSAnJztcclxuICBwcml2YXRlIF9ncmlkUHJpbmNpcGFsID0gJyc7XHJcblxyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGNvbnN0IGdyaWRzR2VuZXJhdGVkID0gdGhpcy5fZ2VuZXJhdGVHcmlkc0Zyb21BcnJheSh0aGlzLmdyaWRzLCB0aGlzLnByZWRlZmluZWRHcmlkKTtcclxuICAgIHRoaXMuX2dyaWRzT25TaWRlcyA9IGdyaWRzR2VuZXJhdGVkLm9uU2lkZXM7XHJcbiAgICB0aGlzLl9ncmlkUHJpbmNpcGFsID0gZ3JpZHNHZW5lcmF0ZWQucHJpbmNpcGFsO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGdyaWRzT25TaWRlcygpIHtcclxuICAgIHJldHVybiB0aGlzLl9ncmlkc09uU2lkZXM7XHJcbiAgfVxyXG5cclxuICBnZXQgZ3JpZFByaW5jaXBhbCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9ncmlkUHJpbmNpcGFsO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfZ2VuZXJhdGVHcmlkc0Zyb21BcnJheSA9IChncmlkcz86IG51bWJlcltdLCBwcmVkZWZpbmVkR3JpZD86IFRha1ByZWRlZmluZWRHcmlkKSA9PiB7XHJcbiAgICBsZXQgb25TaWRlcyA9ICcnLFxyXG4gICAgICBwcmluY2lwYWwgPSAnJyxcclxuICAgICAgY291bnRlciA9IDAsXHJcbiAgICAgIGN1c3RvbWl6ZWRHcmlkcyA9IFswXTtcclxuXHJcbiAgICBpZiAocHJlZGVmaW5lZEdyaWQpIHtcclxuICAgICAgaWYgKHByZWRlZmluZWRHcmlkID09PSAnc21hbGwnKSBjdXN0b21pemVkR3JpZHMgPSBbMTIsIDEwLCA4LCA2LCA0XTtcclxuICAgICAgaWYgKHByZWRlZmluZWRHcmlkID09PSAnbWVkaXVtJykgY3VzdG9taXplZEdyaWRzID0gWzEyLCAxMCwgOCwgNiwgNF07XHJcbiAgICAgIGlmIChwcmVkZWZpbmVkR3JpZCA9PT0gJ2JpZycpIGN1c3RvbWl6ZWRHcmlkcyA9IFsxMiwgMTIsIDEwLCAxMCwgOCwgNl07XHJcbiAgICB9IGVsc2UgY3VzdG9taXplZEdyaWRzID0gZ3JpZHMgfHwgWzEyLCAxMiwgMTAsIDgsIDYsIDRdO1xyXG5cclxuICAgIGN1c3RvbWl6ZWRHcmlkcy5tYXAociA9PiB7XHJcbiAgICAgIGlmIChyICUgMikgcisrO1xyXG5cclxuICAgICAgaWYgKHIgPj0gMSAmJiByIDw9IDEyKSB7XHJcbiAgICAgICAgaWYgKGNvdW50ZXIgPT09IDApIHtcclxuICAgICAgICAgIG9uU2lkZXMgPSBgY29sLXQtJHsoMTIgLSByKSAvIDJ9YDtcclxuICAgICAgICAgIHByaW5jaXBhbCA9IGBjb2wtdC0ke3J9YDtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGNvdW50ZXIgPT09IDEpIHtcclxuICAgICAgICAgIG9uU2lkZXMgPSBgJHtvblNpZGVzfSBjb2wtdC1zbS0keygxMiAtIHIpIC8gMn1gO1xyXG4gICAgICAgICAgcHJpbmNpcGFsID0gYCR7cHJpbmNpcGFsfSBjb2wtdC1zbS0ke3J9YDtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGNvdW50ZXIgPT09IDIpIHtcclxuICAgICAgICAgIG9uU2lkZXMgPSBgJHtvblNpZGVzfSBjb2wtdC1tZC0keygxMiAtIHIpIC8gMn1gO1xyXG4gICAgICAgICAgcHJpbmNpcGFsID0gYCR7cHJpbmNpcGFsfSBjb2wtdC1tZC0ke3J9YDtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGNvdW50ZXIgPT09IDMpIHtcclxuICAgICAgICAgIG9uU2lkZXMgPSBgJHtvblNpZGVzfSBjb2wtdC1sZy0keygxMiAtIHIpIC8gMn1gO1xyXG4gICAgICAgICAgcHJpbmNpcGFsID0gYCR7cHJpbmNpcGFsfSBjb2wtdC1sZy0ke3J9YDtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGNvdW50ZXIgPT09IDQpIHtcclxuICAgICAgICAgIG9uU2lkZXMgPSBgJHtvblNpZGVzfSBjb2wtdC14bC0keygxMiAtIHIpIC8gMn1gO1xyXG4gICAgICAgICAgcHJpbmNpcGFsID0gYCR7cHJpbmNpcGFsfSBjb2wtdC14bC0ke3J9YDtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGNvdW50ZXIgPT09IDUpIHtcclxuICAgICAgICAgIG9uU2lkZXMgPSBgJHtvblNpZGVzfSBjb2wtdC14eGwtJHsoMTIgLSByKSAvIDJ9YDtcclxuICAgICAgICAgIHByaW5jaXBhbCA9IGAke3ByaW5jaXBhbH0gY29sLXQteHhsLSR7cn1gO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICBjb3VudGVyKys7XHJcbiAgICB9KTtcclxuXHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBvblNpZGVzLFxyXG4gICAgICBwcmluY2lwYWwsXHJcbiAgICB9O1xyXG4gIH07XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJyb3cgbm8tcGFkZGluZ1wiPlxyXG4gICAgPGRpdiBbY2xhc3NdPVwiZ3JpZHNPblNpZGVzXCI+PC9kaXY+XHJcbiAgICA8ZGl2IFtjbGFzc109XCJncmlkUHJpbmNpcGFsXCI+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBbY2xhc3NdPVwiZ3JpZHNPblNpZGVzXCI+PC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/capsule/capsule.module.mjs

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { TakCapsuleComponent } from './capsule.component';
+import * as i0 from "@angular/core";
+export 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.ɵ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],
+                    exports: [TakCapsuleComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fwc3VsZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9jYXBzdWxlL2NhcHN1bGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBTTFELE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLGlCQUhaLG1CQUFtQixhQUN4QixtQkFBbUI7K0dBRWxCLGdCQUFnQjs7MkZBQWhCLGdCQUFnQjtrQkFKNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGFrQ2Fwc3VsZUNvbXBvbmVudCB9IGZyb20gJy4vY2Fwc3VsZS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtUYWtDYXBzdWxlQ29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbVGFrQ2Fwc3VsZUNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWtDYXBzdWxlTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2022/capsule/index.mjs

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of @kato-lee/components/capsule
+ */
+export * from './capsule.component';
+export * from './capsule.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9jYXBzdWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIEBrYXRvLWxlZS9jb21wb25lbnRzL2NhcHN1bGVcclxuICovXHJcbmV4cG9ydCAqIGZyb20gJy4vY2Fwc3VsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NhcHN1bGUubW9kdWxlJztcclxuIl19

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2F0by1sZWUtY29tcG9uZW50cy1jYXBzdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvY2Fwc3VsZS9rYXRvLWxlZS1jb21wb25lbnRzLWNhcHN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2022/cards/cards.module.mjs

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { TakSimpleCardComponent } from './simple-card.component';
+import * as i0 from "@angular/core";
+const components = [TakSimpleCardComponent];
+export 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.ɵ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,
+                    exports: components,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvY2FyZHMvY2FyZHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBRWpFLE1BQU0sVUFBVSxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQztBQU01QyxNQUFNLE9BQU8sY0FBYzs4R0FBZCxjQUFjOytHQUFkLGNBQWMsaUJBTlAsc0JBQXNCLGFBQXRCLHNCQUFzQjsrR0FNN0IsY0FBYzs7MkZBQWQsY0FBYztrQkFKMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsVUFBVTtvQkFDeEIsT0FBTyxFQUFFLFVBQVU7aUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGFrU2ltcGxlQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vc2ltcGxlLWNhcmQuY29tcG9uZW50JztcclxuXHJcbmNvbnN0IGNvbXBvbmVudHMgPSBbVGFrU2ltcGxlQ2FyZENvbXBvbmVudF07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogY29tcG9uZW50cyxcclxuICBleHBvcnRzOiBjb21wb25lbnRzLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFrQ2FyZHNNb2R1bGUge31cclxuIl19

package/esm2022/cards/index.mjs

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of @kato-lee/components/cards
+ */
+export * from './cards.module';
+export * from './simple-card.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9jYXJkcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBAa2F0by1sZWUvY29tcG9uZW50cy9jYXJkc1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vY2FyZHMubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9zaW1wbGUtY2FyZC5jb21wb25lbnQnO1xyXG4iXX0=

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2F0by1sZWUtY29tcG9uZW50cy1jYXJkcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb21wb25lbnRzL2NhcmRzL2thdG8tbGVlLWNvbXBvbmVudHMtY2FyZHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=