@kato-lee/components 1.1.4 → 2.0.0

package/pretty-box/index.d.ts

@@ -1 +1,27 @@
-export * from './component';
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, ChangeDetectorRef } from '@angular/core';
+
+declare class TakPrettyBoxComponent implements AfterViewInit {
+    private _cd;
+    header: ElementRef;
+    footer: ElementRef;
+    scroll: ElementRef;
+    calcHeight: string | number;
+    headerHeightPx: number;
+    footerHeightPx: number;
+    encapsulated: boolean;
+    private _hasHeader;
+    private _hasFooter;
+    private _substractFromHeight;
+    constructor(_cd: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    scrollTop(): void;
+    private _config;
+    get minHeightFt(): string;
+    get hasHeader(): boolean;
+    get hasFooter(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakPrettyBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakPrettyBoxComponent, "tak-pretty-box", never, { "calcHeight": { "alias": "calcHeight"; "required": false; }; "headerHeightPx": { "alias": "headerHeightPx"; "required": false; }; "footerHeightPx": { "alias": "footerHeightPx"; "required": false; }; "encapsulated": { "alias": "encapsulated"; "required": false; }; }, {}, never, ["[tak-pretty-box-header]", "[tak-pretty-box-content]", "[tak-pretty-box-footer]"], true, never>;
+}
+
+export { TakPrettyBoxComponent };

package/pretty-box/package.json

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

package/tables/index.d.ts

@@ -1,3 +1,27 @@
-export * from './mat-paginator.translation';
-export * from './no-records.component';
-export * from './module';
+import * as i3 from '@kato-lee/material/paginator';
+import { MatPaginatorIntl } from '@kato-lee/material/paginator';
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as i1 from '@kato-lee/material/table';
+import { MatTableDataSource } from '@kato-lee/material/table';
+import * as i2 from '@kato-lee/material/sort';
+
+declare function getSpanishMatPaginatorIntl(): MatPaginatorIntl;
+
+declare class TakTableNoRecordsComponent implements OnInit {
+    dataSource: MatTableDataSource<any>;
+    isLoading: boolean;
+    private _secondImage;
+    ngOnInit(): void;
+    get secondImage(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakTableNoRecordsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakTableNoRecordsComponent, "tak-table-no-records", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class TakTablesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakTablesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakTablesModule, never, [typeof i1.MatTableModule, typeof i2.MatSortModule, typeof i3.MatPaginatorModule, typeof TakTableNoRecordsComponent], [typeof i1.MatTableModule, typeof i2.MatSortModule, typeof i3.MatPaginatorModule, typeof TakTableNoRecordsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakTablesModule>;
+}
+
+export { TakTableNoRecordsComponent, TakTablesModule, getSpanishMatPaginatorIntl };

package/tables/package.json

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

package/toast/index.d.ts

@@ -1 +1,25 @@
-export * from './service';
+import { MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition, MatSnackBar } from '@kato-lee/material/snack-bar';
+import * as i0 from '@angular/core';
+
+type TakToastType = 'notification' | 'danger' | 'success';
+interface TakToastConfig {
+    hasDissmissButton?: boolean;
+    dissmissButtonMessage?: string;
+    horizontalPosition?: MatSnackBarHorizontalPosition;
+    verticalPosition?: MatSnackBarVerticalPosition;
+    duration?: number;
+}
+declare class TakToast {
+    private _snackBar;
+    constructor(_snackBar: MatSnackBar);
+    notification(message: string, payload?: TakToastConfig): void;
+    success(message: string, payload?: TakToastConfig): void;
+    danger(message: string, payload?: TakToastConfig): void;
+    private _generateTakToast;
+    private _managePayload;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakToast, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TakToast>;
+}
+
+export { TakToast };
+export type { TakToastConfig, TakToastType };

package/toast/package.json

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

package/assets/components/_material.scss

@@ -1,15 +0,0 @@
-.mat-select-panel .mat-option {
-  font-size: 14px;
-  line-height: 17px;
-  min-height: 36px;
-}
-.mat-option {
-  .mat-pseudo-checkbox-minimal {
-    display: none !important;
-  }
-  .mat-list-item__primary-text {
-    white-space: nowrap !important;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-}

package/assets/main.scss

@@ -1,4 +0,0 @@
-@import 'grids';
-@import 'fields';
-@import 'fade-in';
-@import 'components/main';

package/assets/material/themes/dark.scss

@@ -1,52 +0,0 @@
-html.dark-theme,
-html[data-theme='dark'] {
-  --tak-border-color-default: #5f5f5f;
-  --tak-box-shadow-z4-default: none;
-  --tak-box-shadow-default: none;
-  --tak-dark-color-50: rgba(255, 255, 255, 0.6);
-  --tak-dark-color-100: rgba(255, 255, 255, 0.12);
-  --tak-dark-color-200: rgba(255, 255, 255, 0.26);
-  --tak-dark-color-250: rgba(255, 255, 255, 0.42);
-  --tak-dark-color-300: rgba(255, 255, 255, 0.54);
-  --tak-dark-color-500: rgba(255, 255, 255, 0.87);
-  --tak-dark-color-700: rgb(255, 255, 255);
-  --tak-dark-background-color-10: rgba(255, 255, 255, 0.04);
-  --tak-dark-background-color-50: rgba(255, 255, 255, 0.6);
-  --tak-dark-background-color-100: rgba(255, 255, 255, 0.12);
-  --tak-dark-background-color-200: rgba(255, 255, 255, 0.26);
-  --tak-dark-background-color-250: rgba(255, 255, 255, 0.42);
-  --tak-dark-background-color-300: rgba(255, 255, 255, 0.54);
-  --tak-dark-background-color-500: rgba(255, 255, 255, 0.87);
-  --tak-dark-background-color-700: rgb(255, 255, 255);
-  --tak-light-color-700: #000;
-  --tak-light-background-color-50: rgba(0, 0, 0, 0.6);
-  --tak-light-background-color-100: rgb(13, 17, 23);
-  --tak-scrollbar-thumb-background-color-500: #333947af;
-  --tak-overlay-backdrop-background-color: rgba(73, 73, 73, 0.32);
-  --tak-slide-toggle-bar-background-color: rgba(255, 255, 255, 0.38);
-  --tak-dialog-container-box-shadow: var(--tak-box-shadow-default);
-  --tak-dialog-container-background-color: #fff;
-  --tak-dialog-container-border-color: var(--tak-border-color-default);
-  --tak-snackbar-box-shadow: var(--tak-box-shadow-default);
-  --tak-snackbar-border-color: var(--tak-border-color-default);
-  --tak-select-panel-box-shadow: var(--tak-box-shadow-default);
-  --tak-select-panel-border-color: var(--tak-border-color-default);
-  --tak-drawer-container-background-color: rgb(37, 39, 53);
-  --tak-drawer-container-color: #fff;
-  --tak-drawer-box-shadow: none;
-  --tak-drawer-border: 1px solid var(--tak-dark-color-100);
-  --tak-divider-border-color: var(--tak-dark-color-100);
-  --tak-button-box-shadow: none;
-  --tak-button-border: 1px solid var(--tak-dark-color-100);
-  --tak-button-sheet-container-box-shadow: none;
-  --tak-button-sheet-container-border: 1px solid var(--tak-dark-color-100);
-  --tak-card-box-shadow: none;
-  --tak-card-border: 1px solid var(--tak-dark-color-100);
-  --tak-expansion-panel-box-shadow: none;
-  --tak-expansion-panel-border: 1px solid var(--tak-dark-color-100);
-  --tak-expansion-panel-hover-background-color: var(--tak-dark-color-100);
-  --tak-menu-box-shadow: none;
-  --tak-menu-border: 1px solid var(--tak-dark-color-100);
-  --tak-step-header-hover-background-color: var(--tak-dark-color-100);
-  --tak-toolbar-border: 1px solid var(--tak-dark-color-100);
-}

package/assets/material/themes/default.scss

@@ -1,105 +0,0 @@
-html {
-  --tak-box-shadow-default: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
-    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
-  --tak-box-shadow-z4-default: 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);
-  --tak-border-color-default: none;
-  --tak-primary-100: rgb(120, 203, 211);
-  --tak-primary-500: rgb(10, 161, 174);
-  --tak-primary-700: rgb(8, 119, 129);
-  --tak-primary-constrant-100: rgb(140, 238, 247);
-  --tak-primary-constrant-500: rgb(14, 187, 202);
-  --tak-primary-constrant-700: rgb(15, 163, 177);
-  --tak-primary-opacity-100: rgb(120, 203, 211, 0.3);
-  --tak-primary-opacity-500: rgb(10, 161, 174, 0.3);
-  --tak-primary-opacity-700: rgb(8, 119, 129, 0.3);
-  --tak-accent-100: rgb(30, 233, 148);
-  --tak-accent-500: rgb(24, 182, 116);
-  --tak-accent-700: rgb(29, 139, 110);
-  --tak-accent-opacity-100: rgb(30, 233, 148, 0.3);
-  --tak-accent-opacity-500: rgb(24, 182, 116, 0.3);
-  --tak-accent-opacity-700: rgb(29, 139, 110, 0.3);
-  --tak-accent-constrant-100: rgb(177, 243, 214);
-  --tak-accent-constrant-500: rgb(70, 221, 158);
-  --tak-accent-constrant-700: rgb(65, 185, 135);
-  --tak-warn-100: rgb(255, 55, 55);
-  --tak-warn-500: rgb(255, 0, 0);
-  --tak-warn-700: rgb(168, 0, 0);
-  --tak-warn-opacity-100: rgb(255, 55, 55, 0.3);
-  --tak-warn-opacity-500: rgb(255, 0, 0, 0.3);
-  --tak-warn-opacity-700: rgb(168, 0, 0, 0.3);
-  --tak-warn-constrant-100: rgb(254, 191, 191);
-  --tak-warn-constrant-500: rgb(255, 128, 128);
-  --tak-warn-constrant-700: rgb(191, 96, 96);
-  --tak-dark-color-50: rgba(0, 0, 0, 0.6);
-  --tak-dark-color-100: rgba(0, 0, 0, 0.12);
-  --tak-dark-color-200: rgba(0, 0, 0, 0.26);
-  --tak-dark-color-250: rgba(0, 0, 0, 0.42);
-  --tak-dark-color-300: rgba(0, 0, 0, 0.54);
-  --tak-dark-color-500: rgba(0, 0, 0, 0.87);
-  --tak-dark-color-700: rgb(0, 0, 0);
-  --tak-dark-background-color-10: rgba(0, 0, 0, 0.04);
-  --tak-dark-background-color-50: rgba(0, 0, 0, 0.6);
-  --tak-dark-background-color-100: rgba(0, 0, 0, 0.12);
-  --tak-dark-background-color-200: rgba(0, 0, 0, 0.26);
-  --tak-dark-background-color-250: rgba(0, 0, 0, 0.42);
-  --tak-dark-background-color-300: rgba(0, 0, 0, 0.54);
-  --tak-dark-background-color-500: rgba(0, 0, 0, 0.87);
-  --tak-dark-background-color-700: rgb(0, 0, 0);
-  --tak-light-color-700: #fff;
-  --tak-light-background-color-50: rgba(255, 255, 255, 0.6);
-  --tak-light-background-color-100: #fff;
-  --tak-light-background-color-150: #f0f0f0;
-  --tak-light-background-color-200: #eee;
-  --tak-light-background-color-300: #e0e0e0;
-  --tak-light-background-color-700: #bdbdbd;
-  --tak-scrollbar-thumb-hover-color-500: rgba(192, 192, 192, 0.862);
-  --tak-hover-scrollbar-thumb-color-500: rgba(192, 192, 192, 0.562);
-  --tak-scrollbar-thumb-background-color-500: #f1f4f6;
-  --tak-overlay-backdrop-background-color: rgba(0, 0, 0, 0.32);
-  --tak-slide-toggle-thumb-background-color: #fff;
-  --tak-slide-toggle-bar-background-color: rgba(0, 0, 0, 0.38);
-  --tak-dialog-container-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
-    0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px var(--tak-dark-background-color-100);
-  --tak-dialog-container-background-color: #fff;
-  --tak-dialog-container-border-color: transparent;
-  --tak-snackbar-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
-    0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px var(--tak-dark-background-color-100);
-  --tak-snackbar-border-color: transparent;
-  --tak-snackbar-color: #fff;
-  --tak-snackbar-action-color: var(--tak-accent-500);
-  --tak-snackbar-background-color: #323232;
-  --tak-snackbar-success-color: #000;
-  --tak-snackbar-success-action-color: var(--tak-warn-500);
-  --tak-snackbar-success-background-color: var(--tak-accent-500);
-  --tak-snackbar-danger-color: #fff;
-  --tak-snackbar-danger-action-color: var(--tak-accent-500);
-  --tak-snackbar-danger-background-color: var(--tak-warn-500);
-  --tak-select-panel-box-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 var(--tak-dark-background-color-100);
-  --tak-select-panel-border-color: transparent;
-  --tak-drawer-container-background-color: #fafafa;
-  --tak-drawer-container-color: rgba(0, 0, 0, 0.87);
-  --tak-drawer-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
-    0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px var(--tak-dark-background-color-100);
-  --tak-drawer-border: none;
-  --tak-divider-border-color: var(--tak-dark-background-color-100);
-  --tak-button-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
-    0px 1px 5px 0px var(--tak-dark-color-100);
-  --tak-button-border: none;
-  --tak-button-sheet-container-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
-    0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px var(--tak-dark-color-100);
-  --tak-button-sheet-container-border: none;
-  --tak-card-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
-    0px 1px 3px 0px var(--tak-dark-color-100);
-  --tak-card-border: none;
-  --tak-expansion-panel-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px var(--tak-dark-color-100);
-  --tak-expansion-panel-border: none;
-  --tak-expansion-panel-hover-background-color: var(--tak-dark-background-color-100);
-  --tak-menu-box-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 var(--tak-dark-color-100);
-  --tak-menu-border: none;
-  --tak-step-header-hover-background-color: var(--tak-dark-background-color-100);
-  --tak-tooltip-background-color: rgba(97, 97, 97, 0.9);
-}