@kato-lee/components 1.0.8 → 1.1.0

package/assets/_grids.scss

@@ -288,30 +288,30 @@
 
 @media only screen and (min-width: $SM_RESOLUTION) {
   @include customizedGrids(col-sm);
-  @include bootstrapGrids(col-t-sm);
+  @include bootstrapGrids(col-bt-sm);
   @include display(d-sm);
 }
 
 @media only screen and (min-width: $MD_RESOLUTION) {
   @include customizedGrids(col-md);
-  @include bootstrapGrids(col-t-md);
+  @include bootstrapGrids(col-bt-md);
   @include display(d-md);
 }
 
 @media only screen and (min-width: $LG_RESOLUTION) {
   @include customizedGrids(col-lg);
-  @include bootstrapGrids(col-t-lg);
+  @include bootstrapGrids(col-bt-lg);
   @include display(d-lg);
 }
 
 @media only screen and (min-width: $XL_RESOLUTION) {
   @include customizedGrids(col-xl);
-  @include bootstrapGrids(col-t-xl);
+  @include bootstrapGrids(col-bt-xl);
   @include display(d-xl);
 }
 
 @media only screen and (min-width: $XXL_RESOLUTION) {
   @include customizedGrids(col-xxl);
-  @include bootstrapGrids(col-t-xxl);
+  @include bootstrapGrids(col-bt-xxl);
   @include display(d-xxl);
 }

package/assets/fonts/fonts.scss

@@ -0,0 +1,11 @@
+body {
+  font-family: Roboto, 'Helvetica Neue', sans-serif !important;
+}
+
+.default-title-font {
+  font-family: Roboto, 'Helvetica Neue', sans-serif !important;
+}
+
+.default-body-font {
+  font-family: Roboto, 'Helvetica Neue', sans-serif !important;
+}

package/assets/themes/_default.scss

@@ -27,7 +27,6 @@ html {
     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/box-form/{box-form.component.d.ts → component.d.ts}

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, ElementRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class TakBoxFormComponent {
@@ -30,5 +30,5 @@ export declare class TakBoxFormComponent {
     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>;
+    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]", "*"], true, never>;
 }

package/box-form/index.d.ts

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

package/box-form/module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./component";
+/** @deprecated Use standalone */
+export declare class TakBoxFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakBoxFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakBoxFormModule, never, [typeof i1.TakBoxFormComponent], [typeof i1.TakBoxFormComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakBoxFormModule>;
+}

package/capsule/{capsule.component.d.ts → component.d.ts}

@@ -10,5 +10,5 @@ export declare class TakCapsuleComponent {
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakCapsuleComponent, "tak-capsule", never, { "predefinedGrid": { "alias": "predefinedGrid"; "required": false; }; "grids": { "alias": "grids"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/capsule/index.d.ts

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

package/capsule/{capsule.module.d.ts → module.d.ts}

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

package/cards/{simple-card.component.d.ts → component.d.ts}

@@ -4,5 +4,5 @@ export declare class TakSimpleCardComponent {
     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>;
+    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, ["*"], true, never>;
 }

package/cards/index.d.ts

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

package/cards/{cards.module.d.ts → module.d.ts}

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

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

@@ -4,5 +4,5 @@ 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakDismissDialogButtonComponent, "tak-dismiss-dialog-button", never, {}, {}, never, ["*"], true, never>;
 }

package/dialogs/index.d.ts

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

package/dialogs/module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dismiss-dialog-button.component";
+import * as i2 from "@kato-lee/material/dialog";
+/** @deprecated Use standalone */
+export declare class TakDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakDialogModule, never, [typeof i1.TakDismissDialogButtonComponent], [typeof i1.TakDismissDialogButtonComponent, typeof i2.MatDialogModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakDialogModule>;
+}

package/esm2022/box-form/component.mjs

@@ -0,0 +1,112 @@
+import { ViewEncapsulation, EventEmitter, Component, ViewChild, Output, Input, } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatProgressBarModule } from '@kato-lee/material/progress-bar';
+import { MatDividerModule } from '@kato-lee/material/divider';
+import { MatButtonModule } from '@kato-lee/material/button';
+import { MatCardModule } from '@kato-lee/material/card';
+import { MatIconModule } from '@kato-lee/material/icon';
+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, 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: [{ 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']
+            }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvYm94LWZvcm0vY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvYm94LWZvcm0vY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLGlCQUFpQixFQUNqQixZQUFZLEVBRVosU0FBUyxFQUNULFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7Ozs7QUFpQnhELE1BQU0sT0FBTyxtQkFBbUI7SUE2QjlCLFlBQ1UsS0FBOEIsRUFDOUIsR0FBc0I7UUFEdEIsVUFBSyxHQUFMLEtBQUssQ0FBeUI7UUFDOUIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUE1QnRCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzlCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTdCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTdCLGNBQVMsR0FBYyxJQUFJLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN6QyxhQUFRLEdBQUcsRUFBRSxDQUFDO1FB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QixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgRWxlbWVudFJlZixcclxuICBDb21wb25lbnQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIE91dHB1dCxcclxuICBJbnB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NCYXJNb2R1bGUgfSBmcm9tICdAa2F0by1sZWUvbWF0ZXJpYWwvcHJvZ3Jlc3MtYmFyJztcclxuaW1wb3J0IHsgTWF0RGl2aWRlck1vZHVsZSB9IGZyb20gJ0BrYXRvLWxlZS9tYXRlcmlhbC9kaXZpZGVyJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGthdG8tbGVlL21hdGVyaWFsL2J1dHRvbic7XHJcbmltcG9ydCB7IE1hdENhcmRNb2R1bGUgfSBmcm9tICdAa2F0by1sZWUvbWF0ZXJpYWwvY2FyZCc7XHJcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAa2F0by1sZWUvbWF0ZXJpYWwvaWNvbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIE1hdENhcmRNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcclxuICAgIE1hdERpdmlkZXJNb2R1bGUsXHJcbiAgICBNYXRQcm9ncmVzc0Jhck1vZHVsZSxcclxuICBdLFxyXG4gIHNlbGVjdG9yOiAndGFrLWJveC1mb3JtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRha0JveEZvcm1Db21wb25lbnQge1xyXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnQnKSBjb250ZW50ITogRWxlbWVudFJlZjtcclxuXHJcbiAgQE91dHB1dCgpIG5nU3VibWl0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBuZ1Jlc2V0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBAT3V0cHV0KCkgb25CYWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBASW5wdXQoKSBmb3JtR3JvdXA6IEZvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoe30pO1xyXG4gIEBJbnB1dCgpIHRha1RpdGxlID0gJyc7XHJcbiAgQElucHV0KCkgdGFrU3VidGl0bGUgPSAnJztcclxuXHJcbiAgQElucHV0KCkgc2hvd0FjdGlvbkJ1dHRvbnMgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGhhc1Jlc2V0QnV0dG9uID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGFzQnJlYWRjcnVtYnMgPSBmYWxzZTtcclxuICBASW5wdXQoKSBoYXNCYWNrQnV0dG9uID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGFzQnJhbmRpbmcgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGlzTG9hZGluZyA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSBleGVkZW50SW5QeCA9IDI2NTtcclxuXHJcbiAgQElucHV0KCkgc3VibWl0QnV0dG9uID0gJyc7XHJcbiAgQElucHV0KCkgcmVzZXRCdXR0b24gPSAnJztcclxuXHJcbiAgcHJpdmF0ZSBfc3VibWl0QnV0dG9uID0gJyc7XHJcbiAgcHJpdmF0ZSBfcmVzZXRCdXR0b24gPSAnJztcclxuXHJcbiAgcHJpdmF0ZSBfZm9ybUdyb3VwU3VicyE6IFN1YnNjcmlwdGlvbjtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIF9ocmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcclxuICAgIHByaXZhdGUgX2NkOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICkge1xyXG4gICAgX2hyZWYubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKCd0YWstYm94LWZvcm0nKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuX2Zvcm1Hcm91cFN1YnMgPSB0aGlzLmZvcm1Hcm91cC5zdGF0dXNDaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgIHRoaXMuX2NkLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgfSk7XHJcblxyXG4gICAgaWYgKCF0aGlzLnNob3dBY3Rpb25CdXR0b25zKSB0aGlzLmV4ZWRlbnRJblB4IC09IDU4O1xyXG5cclxuICAgIHRoaXMuX3N1Ym1pdEJ1dHRvbiA9IHRoaXMuc3VibWl0QnV0dG9uID8gdGhpcy5zdWJtaXRCdXR0b24gOiAnRU5WSUFSJztcclxuICAgIHRoaXMuX3Jlc2V0QnV0dG9uID0gdGhpcy5yZXNldEJ1dHRvbiA/IHRoaXMucmVzZXRCdXR0b24gOiAnUkVJTklDSUFSJztcclxuXHJcbiAgICBpZiAodGhpcy5oYXNCcmVhZGNydW1icykgdGhpcy5leGVkZW50SW5QeCA9IHRoaXMuZXhlZGVudEluUHggKyA0NTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjbGlja09uUmVzZXQoKSB7XHJcbiAgICBpZiAodGhpcy5mb3JtR3JvdXApIHRoaXMuZm9ybUdyb3VwLnJlc2V0KCk7XHJcbiAgICB0aGlzLm5nUmVzZXQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuX2Zvcm1Hcm91cFN1YnMpIHRoaXMuX2Zvcm1Hcm91cFN1YnMudW5zdWJzY3JpYmUoKTtcclxuICB9XHJcblxyXG4gIGdldCBvclN1Ym1pdEJ1dHRvbigpIHtcclxuICAgIHJldHVybiB0aGlzLl9zdWJtaXRCdXR0b247XHJcbiAgfVxyXG5cclxuICBnZXQgb3JSZXNldEJ1dHRvbigpIHtcclxuICAgIHJldHVybiB0aGlzLl9yZXNldEJ1dHRvbjtcclxuICB9XHJcbn1cclxuIiwiPG1hdC1jYXJkIFtjbGFzcy5hY3Rpb25zLWhpZGRlbl09XCIhc2hvd0FjdGlvbkJ1dHRvbnNcIj5cclxuICA8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1Hcm91cFwiICNuZ0Zvcm09XCJuZ0Zvcm1cIj5cclxuICAgIEBpZiAoaGFzQmFja0J1dHRvbiB8fCB0YWtUaXRsZSB8fCB0YWtTdWJ0aXRsZSkge1xyXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJ0YWstYm94LWZvcm1fX2JyYW5kaW5nXCI+XHJcbiAgICAgIEBpZiAoaGFzQmFja0J1dHRvbikge1xyXG4gICAgICA8ZGl2IHN0eWxlPVwibWFyZ2luLXJpZ2h0OiA1cHg7IGZsb2F0OiBsZWZ0XCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJvbkJhY2suZW1pdCgpXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24+YXJyb3dfYmFjazwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwidGFrLWJveC1mb3JtX19icmFuZGluZ19fdGl0bGVcIj57eyB0YWtUaXRsZSB9fTwvc3Bhbj5cclxuICAgICAgQGlmICh0YWtTdWJ0aXRsZSkge1xyXG4gICAgICA8c3BhbiBjbGFzcz1cInRhay1ib3gtZm9ybV9fYnJhbmRpbmdfX3N1YnRpdGxlXCI+e3sgdGFrU3VidGl0bGUgfX08L3NwYW4+XHJcbiAgICAgIH1cclxuICAgIDwvc2VjdGlvbj5cclxuICAgIH0gQGlmIChoYXNCYWNrQnV0dG9uIHx8IHRha1RpdGxlIHx8IHRha1N1YnRpdGxlKSB7XHJcbiAgICA8bWF0LWRpdmlkZXI+PC9tYXQtZGl2aWRlcj5cclxuICAgIH1cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0YWstY3VzdG9tLWJyYW5kaW5nXVwiPjwvbmctY29udGVudD5cclxuICAgIEBpZiAoIXRha1RpdGxlICYmICF0YWtTdWJ0aXRsZSAmJiAhaGFzQmFja0J1dHRvbiAmJiBoYXNCcmFuZGluZykge1xyXG4gICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XHJcbiAgICB9XHJcbiAgICA8ZGl2IGNsYXNzPVwidGFrLWJveC1mb3JtX19zY3JvbGxcIiBhdHRyLnN0eWxlPVwibWF4LWhlaWdodDogY2FsYygxMDB2aCAtIHt7IGV4ZWRlbnRJblB4IH19cHgpXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0YWstYm94LWZvcm1fX2NvbnRlbnRcIiAjY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAvPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPG1hdC1kaXZpZGVyIFtzdHlsZS5tYXJnaW4tYm90dG9tLnB4XT1cIiFpc0xvYWRpbmcgPyA0IDogMFwiPjwvbWF0LWRpdmlkZXI+XHJcbiAgICBAaWYgKGlzTG9hZGluZykge1xyXG4gICAgPG1hdC1wcm9ncmVzcy1iYXIgbW9kZT1cImluZGV0ZXJtaW5hdGVcIj48L21hdC1wcm9ncmVzcy1iYXI+XHJcbiAgICB9XHJcbiAgPC9mb3JtPlxyXG4gIEBpZiAoc2hvd0FjdGlvbkJ1dHRvbnMpIHtcclxuICA8bWF0LWNhcmQtYWN0aW9ucz5cclxuICAgIDxidXR0b25cclxuICAgICAgbWF0LWJ1dHRvblxyXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgY29sb3I9XCJhY2NlbnRcIlxyXG4gICAgICBjbGFzcz1cImFjdGlvbi1idXR0b25cIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiZm9ybUdyb3VwLmludmFsaWQgfHwgaXNMb2FkaW5nXCJcclxuICAgICAgKGNsaWNrKT1cImZvcm1Hcm91cCA/IG5nU3VibWl0LmVtaXQoZm9ybUdyb3VwLnZhbHVlKSA6IG5nU3VibWl0LmVtaXQoKVwiXHJcbiAgICA+XHJcbiAgICAgIHt7IG9yU3VibWl0QnV0dG9uIH19XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIEBpZiAoaGFzUmVzZXRCdXR0b24pIHtcclxuICAgIDxidXR0b24gbWF0LWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY29sb3I9XCJ3YXJuXCIgY2xhc3M9XCJhY3Rpb24tYnV0dG9uXCIgKGNsaWNrKT1cImNsaWNrT25SZXNldCgpXCI+XHJcbiAgICAgIHt7IG9yUmVzZXRCdXR0b24gfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgfVxyXG4gIDwvbWF0LWNhcmQtYWN0aW9ucz5cclxuICB9XHJcbjwvbWF0LWNhcmQ+XHJcbiJdfQ==

package/esm2022/box-form/index.mjs

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

package/esm2022/box-form/module.mjs

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { TakBoxFormComponent } from './component';
+import * as i0 from "@angular/core";
+/** @deprecated Use standalone */
+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, 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: [{
+                    imports: [TakBoxFormComponent],
+                    exports: [TakBoxFormComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvYm94LWZvcm0vbW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sYUFBYSxDQUFDOztBQUVsRCxpQ0FBaUM7QUFLakMsTUFBTSxPQUFPLGdCQUFnQjs4R0FBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsWUFIakIsbUJBQW1CLGFBQ25CLG1CQUFtQjsrR0FFbEIsZ0JBQWdCLFlBSGpCLG1CQUFtQjs7MkZBR2xCLGdCQUFnQjtrQkFKNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDOUIsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGFrQm94Rm9ybUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50JztcclxuXHJcbi8qKiBAZGVwcmVjYXRlZCBVc2Ugc3RhbmRhbG9uZSAqL1xyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtUYWtCb3hGb3JtQ29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbVGFrQm94Rm9ybUNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWtCb3hGb3JtTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2022/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, 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: [{ 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvY2Fwc3VsZS9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9jYXBzdWxlL2NvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVVwRSxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBVVUsa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDbkIsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFnQnBCLDRCQUF1QixHQUFHLENBQUMsS0FBZ0IsRUFBRSxjQUFrQyxFQUFFLEVBQUU7WUFDekYsSUFBSSxPQUFPLEdBQUcsRUFBRSxFQUNkLFNBQVMsR0FBRyxFQUFFLEVBQ2QsT0FBTyxHQUFHLENBQUMsRUFDWCxlQUFlLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUV4QixJQUFJLGNBQWMsRUFBRTtnQkFDbEIsSUFBSSxjQUFjLEtBQUssT0FBTztvQkFBRSxlQUFlLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQ3BFLElBQUksY0FBYyxLQUFLLFFBQVE7b0JBQUUsZUFBZSxHQUFHLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUNyRSxJQUFJLGNBQWMsS0FBSyxLQUFLO29CQUFFLGVBQWUsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDeEU7O2dCQUFNLGVBQWUsR0FBRyxLQUFLLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBRXhELGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUM7b0JBQUUsQ0FBQyxFQUFFLENBQUM7Z0JBRWYsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUU7b0JBQ3JCLElBQUksT0FBTyxLQUFLLENBQUMsRUFBRTt3QkFDakIsT0FBTyxHQUFHLFNBQVMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7d0JBQ2xDLFNBQVMsR0FBRyxTQUFTLENBQUMsRUFBRSxDQUFDO3FCQUMxQjtvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sYUFBYSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDaEQsU0FBUyxHQUFHLEdBQUcsU0FBUyxhQUFhLENBQUMsRUFBRSxDQUFDO3FCQUMxQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sYUFBYSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDaEQsU0FBUyxHQUFHLEdBQUcsU0FBUyxhQUFhLENBQUMsRUFBRSxDQUFDO3FCQUMxQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sYUFBYSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDaEQsU0FBUyxHQUFHLEdBQUcsU0FBUyxhQUFhLENBQUMsRUFBRSxDQUFDO3FCQUMxQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sYUFBYSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDaEQsU0FBUyxHQUFHLEdBQUcsU0FBUyxhQUFhLENBQUMsRUFBRSxDQUFDO3FCQUMxQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sY0FBYyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDakQsU0FBUyxHQUFHLEdBQUcsU0FBUyxjQUFjLENBQUMsRUFBRSxDQUFDO3FCQUMzQztpQkFDRjtnQkFDRCxPQUFPLEVBQUUsQ0FBQztZQUNaLENBQUMsQ0FBQyxDQUFDO1lBRUgsT0FBTztnQkFDTCxPQUFPO2dCQUNQLFNBQVM7YUFDVixDQUFDO1FBQ0osQ0FBQyxDQUFDO0tBQ0g7SUEvRFEsUUFBUTtRQUNiLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNyRixJQUFJLENBQUMsYUFBYSxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFDNUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUMsU0FBUyxDQUFDO0lBQ2pELENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDOzhHQW5CVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixxSUNWaEMsOFBBU0E7OzJGRENhLG1CQUFtQjtrQkFOL0IsU0FBUztpQ0FDSSxJQUFJLFlBQ04sYUFBYSxpQkFFUixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5leHBvcnQgdHlwZSBUYWtQcmVkZWZpbmVkR3JpZCA9ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnIHwgdW5kZWZpbmVkO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBzZWxlY3RvcjogJ3Rhay1jYXBzdWxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29tcG9uZW50Lmh0bWwnLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWtDYXBzdWxlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBwcmVkZWZpbmVkR3JpZDogVGFrUHJlZGVmaW5lZEdyaWQ7XHJcbiAgQElucHV0KCkgZ3JpZHMhOiBudW1iZXJbXTtcclxuXHJcbiAgcHJpdmF0ZSBfZ3JpZHNPblNpZGVzID0gJyc7XHJcbiAgcHJpdmF0ZSBfZ3JpZFByaW5jaXBhbCA9ICcnO1xyXG5cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBncmlkc0dlbmVyYXRlZCA9IHRoaXMuX2dlbmVyYXRlR3JpZHNGcm9tQXJyYXkodGhpcy5ncmlkcywgdGhpcy5wcmVkZWZpbmVkR3JpZCk7XHJcbiAgICB0aGlzLl9ncmlkc09uU2lkZXMgPSBncmlkc0dlbmVyYXRlZC5vblNpZGVzO1xyXG4gICAgdGhpcy5fZ3JpZFByaW5jaXBhbCA9IGdyaWRzR2VuZXJhdGVkLnByaW5jaXBhbDtcclxuICB9XHJcblxyXG4gIGdldCBncmlkc09uU2lkZXMoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fZ3JpZHNPblNpZGVzO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGdyaWRQcmluY2lwYWwoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fZ3JpZFByaW5jaXBhbDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX2dlbmVyYXRlR3JpZHNGcm9tQXJyYXkgPSAoZ3JpZHM/OiBudW1iZXJbXSwgcHJlZGVmaW5lZEdyaWQ/OiBUYWtQcmVkZWZpbmVkR3JpZCkgPT4ge1xyXG4gICAgbGV0IG9uU2lkZXMgPSAnJyxcclxuICAgICAgcHJpbmNpcGFsID0gJycsXHJcbiAgICAgIGNvdW50ZXIgPSAwLFxyXG4gICAgICBjdXN0b21pemVkR3JpZHMgPSBbMF07XHJcblxyXG4gICAgaWYgKHByZWRlZmluZWRHcmlkKSB7XHJcbiAgICAgIGlmIChwcmVkZWZpbmVkR3JpZCA9PT0gJ3NtYWxsJykgY3VzdG9taXplZEdyaWRzID0gWzEyLCAxMCwgOCwgNiwgNF07XHJcbiAgICAgIGlmIChwcmVkZWZpbmVkR3JpZCA9PT0gJ21lZGl1bScpIGN1c3RvbWl6ZWRHcmlkcyA9IFsxMiwgMTAsIDgsIDYsIDRdO1xyXG4gICAgICBpZiAocHJlZGVmaW5lZEdyaWQgPT09ICdiaWcnKSBjdXN0b21pemVkR3JpZHMgPSBbMTIsIDEyLCAxMCwgMTAsIDgsIDZdO1xyXG4gICAgfSBlbHNlIGN1c3RvbWl6ZWRHcmlkcyA9IGdyaWRzIHx8IFsxMiwgMTIsIDEwLCA4LCA2LCA0XTtcclxuXHJcbiAgICBjdXN0b21pemVkR3JpZHMubWFwKHIgPT4ge1xyXG4gICAgICBpZiAociAlIDIpIHIrKztcclxuXHJcbiAgICAgIGlmIChyID49IDEgJiYgciA8PSAxMikge1xyXG4gICAgICAgIGlmIChjb3VudGVyID09PSAwKSB7XHJcbiAgICAgICAgICBvblNpZGVzID0gYGNvbC10LSR7KDEyIC0gcikgLyAyfWA7XHJcbiAgICAgICAgICBwcmluY2lwYWwgPSBgY29sLXQtJHtyfWA7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChjb3VudGVyID09PSAxKSB7XHJcbiAgICAgICAgICBvblNpZGVzID0gYCR7b25TaWRlc30gY29sLXQtc20tJHsoMTIgLSByKSAvIDJ9YDtcclxuICAgICAgICAgIHByaW5jaXBhbCA9IGAke3ByaW5jaXBhbH0gY29sLXQtc20tJHtyfWA7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChjb3VudGVyID09PSAyKSB7XHJcbiAgICAgICAgICBvblNpZGVzID0gYCR7b25TaWRlc30gY29sLXQtbWQtJHsoMTIgLSByKSAvIDJ9YDtcclxuICAgICAgICAgIHByaW5jaXBhbCA9IGAke3ByaW5jaXBhbH0gY29sLXQtbWQtJHtyfWA7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChjb3VudGVyID09PSAzKSB7XHJcbiAgICAgICAgICBvblNpZGVzID0gYCR7b25TaWRlc30gY29sLXQtbGctJHsoMTIgLSByKSAvIDJ9YDtcclxuICAgICAgICAgIHByaW5jaXBhbCA9IGAke3ByaW5jaXBhbH0gY29sLXQtbGctJHtyfWA7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChjb3VudGVyID09PSA0KSB7XHJcbiAgICAgICAgICBvblNpZGVzID0gYCR7b25TaWRlc30gY29sLXQteGwtJHsoMTIgLSByKSAvIDJ9YDtcclxuICAgICAgICAgIHByaW5jaXBhbCA9IGAke3ByaW5jaXBhbH0gY29sLXQteGwtJHtyfWA7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChjb3VudGVyID09PSA1KSB7XHJcbiAgICAgICAgICBvblNpZGVzID0gYCR7b25TaWRlc30gY29sLXQteHhsLSR7KDEyIC0gcikgLyAyfWA7XHJcbiAgICAgICAgICBwcmluY2lwYWwgPSBgJHtwcmluY2lwYWx9IGNvbC10LXh4bC0ke3J9YDtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgY291bnRlcisrO1xyXG4gICAgfSk7XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgb25TaWRlcyxcclxuICAgICAgcHJpbmNpcGFsLFxyXG4gICAgfTtcclxuICB9O1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwicm93IG5vLXBhZGRpbmdcIj5cclxuICAgIDxkaXYgW2NsYXNzXT1cImdyaWRzT25TaWRlc1wiPjwvZGl2PlxyXG4gICAgPGRpdiBbY2xhc3NdPVwiZ3JpZFByaW5jaXBhbFwiPlxyXG4gICAgICA8bmctY29udGVudCAvPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IFtjbGFzc109XCJncmlkc09uU2lkZXNcIj48L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/capsule/index.mjs

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

package/esm2022/capsule/module.mjs

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { TakCapsuleComponent } from './component';
+import * as i0 from "@angular/core";
+/** @deprecated Use standalone */
+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, 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: [{
+                    imports: [TakCapsuleComponent],
+                    exports: [TakCapsuleComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvY2Fwc3VsZS9tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBRWxELGlDQUFpQztBQUtqQyxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixZQUhqQixtQkFBbUIsYUFDbkIsbUJBQW1COytHQUVsQixnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBSjVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRha0NhcHN1bGVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudCc7XHJcblxyXG4vKiogQGRlcHJlY2F0ZWQgVXNlIHN0YW5kYWxvbmUgKi9cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbVGFrQ2Fwc3VsZUNvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW1Rha0NhcHN1bGVDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFrQ2Fwc3VsZU1vZHVsZSB7fVxyXG4iXX0=

package/esm2022/cards/component.mjs

@@ -0,0 +1,48 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TakSimpleCardComponent {
+    constructor() {
+        this.hasTopLine = true;
+        this.topLineClass = '';
+        this.topLineColor = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakSimpleCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: TakSimpleCardComponent, isStandalone: true, selector: "tak-simple-card", inputs: { hasTopLine: "hasTopLine", topLineClass: "topLineClass", topLineColor: "topLineColor" }, ngImport: i0, template: `
+    @if (hasTopLine) {
+      <div
+        class="tak-simple-card--topline {{ topLineClass }}"
+        [style.background]="topLineColor"
+      ></div>
+    }
+    <div class="tak-simple-card" [class.no-card-topline]="!hasTopLine">
+      <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) {
+      <div
+        class="tak-simple-card--topline {{ topLineClass }}"
+        [style.background]="topLineColor"
+      ></div>
+    }
+    <div class="tak-simple-card" [class.no-card-topline]="!hasTopLine">
+      <ng-content/>
+    </div>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { hasTopLine: [{
+                type: Input
+            }], topLineClass: [{
+                type: Input
+            }], topLineColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvY2FyZHMvY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQW1CN0YsTUFBTSxPQUFPLHNCQUFzQjtJQWpCbkM7UUFrQlcsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMzQixpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQixpQkFBWSxHQUFXLEVBQUUsQ0FBQztLQUNwQzs4R0FKWSxzQkFBc0I7a0dBQXRCLHNCQUFzQiw2S0FkdkI7Ozs7Ozs7Ozs7R0FVVDs7MkZBSVUsc0JBQXNCO2tCQWpCbEMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUMsSUFBSTtvQkFDZixRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQUVVLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzdGFuZGFsb25lOnRydWUsXHJcbiAgc2VsZWN0b3I6ICd0YWstc2ltcGxlLWNhcmQnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICBAaWYgKGhhc1RvcExpbmUpIHtcclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwidGFrLXNpbXBsZS1jYXJkLS10b3BsaW5lIHt7IHRvcExpbmVDbGFzcyB9fVwiXHJcbiAgICAgICAgW3N0eWxlLmJhY2tncm91bmRdPVwidG9wTGluZUNvbG9yXCJcclxuICAgICAgPjwvZGl2PlxyXG4gICAgfVxyXG4gICAgPGRpdiBjbGFzcz1cInRhay1zaW1wbGUtY2FyZFwiIFtjbGFzcy5uby1jYXJkLXRvcGxpbmVdPVwiIWhhc1RvcExpbmVcIj5cclxuICAgICAgPG5nLWNvbnRlbnQvPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFrU2ltcGxlQ2FyZENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaGFzVG9wTGluZTogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgdG9wTGluZUNsYXNzOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB0b3BMaW5lQ29sb3I6IHN0cmluZyA9ICcnO1xyXG59XHJcbiJdfQ==

package/esm2022/cards/index.mjs

@@ -1,6 +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=
+export * from './module';
+export * from './component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9jYXJkcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIEBrYXRvLWxlZS9jb21wb25lbnRzL2NhcmRzXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudCc7XHJcbiJdfQ==

package/esm2022/cards/module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { TakSimpleCardComponent } from './component';
+import * as i0 from "@angular/core";
+const components = [TakSimpleCardComponent];
+/** @deprecated Use standalone */
+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, 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: [{
+                    imports: components,
+                    exports: components,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvY2FyZHMvbW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sYUFBYSxDQUFDOztBQUVyRCxNQUFNLFVBQVUsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7QUFFNUMsaUNBQWlDO0FBS2pDLE1BQU0sT0FBTyxjQUFjOzhHQUFkLGNBQWM7K0dBQWQsY0FBYyxZQVBQLHNCQUFzQixhQUF0QixzQkFBc0I7K0dBTzdCLGNBQWM7OzJGQUFkLGNBQWM7a0JBSjFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLFVBQVU7b0JBQ25CLE9BQU8sRUFBRSxVQUFVO2lCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRha1NpbXBsZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudCc7XHJcblxyXG5jb25zdCBjb21wb25lbnRzID0gW1Rha1NpbXBsZUNhcmRDb21wb25lbnRdO1xyXG5cclxuLyoqIEBkZXByZWNhdGVkIFVzZSBzdGFuZGFsb25lICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogY29tcG9uZW50cyxcclxuICBleHBvcnRzOiBjb21wb25lbnRzLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFrQ2FyZHNNb2R1bGUge31cclxuIl19