@kato-lee/components 1.1.3 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/README.md +1 -1
  2. package/assets/_fields.scss +82 -21
  3. package/assets/_grids.scss +8 -0
  4. package/assets/assets.scss +4 -0
  5. package/assets/bundle.css +1 -0
  6. package/assets/{themes/_default.scss → colors.scss} +7 -6
  7. package/assets/components/_checkbox.scss +11 -0
  8. package/assets/components/_fields.scss +53 -13
  9. package/assets/components/_scroll-bar.scss +8 -0
  10. package/assets/components/_snack-bar.scss +21 -10
  11. package/assets/components/_tables.scss +75 -84
  12. package/assets/components/main.scss +9 -10
  13. package/assets/material/theme.scss +91 -0
  14. package/box-form/index.d.ts +51 -3
  15. package/box-form/package.json +3 -0
  16. package/capsule/index.d.ts +25 -2
  17. package/capsule/package.json +3 -0
  18. package/cards/index.d.ts +18 -2
  19. package/cards/package.json +3 -0
  20. package/dialogs/index.d.ts +18 -2
  21. package/dialogs/package.json +3 -0
  22. package/fesm2022/kato-lee-components-box-form.mjs +9 -9
  23. package/fesm2022/kato-lee-components-box-form.mjs.map +1 -1
  24. package/fesm2022/kato-lee-components-capsule.mjs +20 -20
  25. package/fesm2022/kato-lee-components-capsule.mjs.map +1 -1
  26. package/fesm2022/kato-lee-components-cards.mjs +8 -8
  27. package/fesm2022/kato-lee-components-cards.mjs.map +1 -1
  28. package/fesm2022/kato-lee-components-dialogs.mjs +9 -9
  29. package/fesm2022/kato-lee-components-dialogs.mjs.map +1 -1
  30. package/fesm2022/kato-lee-components-fields.mjs +60 -64
  31. package/fesm2022/kato-lee-components-fields.mjs.map +1 -1
  32. package/fesm2022/kato-lee-components-modal.mjs +16 -12
  33. package/fesm2022/kato-lee-components-modal.mjs.map +1 -1
  34. package/fesm2022/kato-lee-components-pretty-box.mjs +5 -5
  35. package/fesm2022/kato-lee-components-pretty-box.mjs.map +1 -1
  36. package/fesm2022/kato-lee-components-tables.mjs +60 -20
  37. package/fesm2022/kato-lee-components-tables.mjs.map +1 -1
  38. package/fesm2022/kato-lee-components-toast.mjs +3 -3
  39. package/fesm2022/kato-lee-components-toast.mjs.map +1 -1
  40. package/fields/index.d.ts +464 -15
  41. package/fields/package.json +3 -0
  42. package/index.d.ts +2 -1
  43. package/modal/index.d.ts +66 -4
  44. package/modal/package.json +3 -0
  45. package/package.json +4 -24
  46. package/pretty-box/index.d.ts +27 -1
  47. package/pretty-box/package.json +3 -0
  48. package/tables/index.d.ts +27 -3
  49. package/tables/package.json +3 -0
  50. package/toast/index.d.ts +25 -1
  51. package/toast/package.json +3 -0
  52. package/assets/components/_material.scss +0 -15
  53. package/assets/main.scss +0 -4
  54. package/assets/material/themes/dark.scss +0 -52
  55. package/assets/material/themes/default.scss +0 -105
  56. package/assets/material/themes/main.scss +0 -2907
  57. package/assets/themes/_dark.scss +0 -16
  58. package/assets/themes/main.scss +0 -2
  59. package/assets/variables.scss +0 -7
  60. package/box-form/common.d.ts +0 -5
  61. package/box-form/component.d.ts +0 -34
  62. package/box-form/module.d.ts +0 -8
  63. package/capsule/component.d.ts +0 -14
  64. package/capsule/module.d.ts +0 -8
  65. package/cards/component.d.ts +0 -8
  66. package/cards/module.d.ts +0 -8
  67. package/dialogs/dismiss-dialog-button.component.d.ts +0 -8
  68. package/dialogs/module.d.ts +0 -8
  69. package/esm2022/box-form/common.mjs +0 -2
  70. package/esm2022/box-form/component.mjs +0 -112
  71. package/esm2022/box-form/index.mjs +0 -7
  72. package/esm2022/box-form/kato-lee-components-box-form.mjs +0 -5
  73. package/esm2022/box-form/module.mjs +0 -17
  74. package/esm2022/capsule/component.mjs +0 -78
  75. package/esm2022/capsule/index.mjs +0 -6
  76. package/esm2022/capsule/kato-lee-components-capsule.mjs +0 -5
  77. package/esm2022/capsule/module.mjs +0 -17
  78. package/esm2022/cards/component.mjs +0 -48
  79. package/esm2022/cards/index.mjs +0 -6
  80. package/esm2022/cards/kato-lee-components-cards.mjs +0 -5
  81. package/esm2022/cards/module.mjs +0 -18
  82. package/esm2022/dialogs/dismiss-dialog-button.component.mjs +0 -46
  83. package/esm2022/dialogs/index.mjs +0 -6
  84. package/esm2022/dialogs/kato-lee-components-dialogs.mjs +0 -5
  85. package/esm2022/dialogs/module.mjs +0 -18
  86. package/esm2022/fields/autocomplete/component.mjs +0 -259
  87. package/esm2022/fields/common.mjs +0 -11
  88. package/esm2022/fields/date/component.mjs +0 -163
  89. package/esm2022/fields/date-range/component.mjs +0 -85
  90. package/esm2022/fields/error/component.mjs +0 -57
  91. package/esm2022/fields/error/error-equals.pipe.mjs +0 -19
  92. package/esm2022/fields/error/error.msg.pipe.mjs +0 -19
  93. package/esm2022/fields/error/lang/_en.mjs +0 -12
  94. package/esm2022/fields/error/lang/_es.mjs +0 -12
  95. package/esm2022/fields/error/lang/index.mjs +0 -3
  96. package/esm2022/fields/general/component.mjs +0 -202
  97. package/esm2022/fields/index.mjs +0 -19
  98. package/esm2022/fields/kato-lee-components-fields.mjs +0 -5
  99. package/esm2022/fields/module.mjs +0 -82
  100. package/esm2022/fields/money/component.mjs +0 -202
  101. package/esm2022/fields/number/component.mjs +0 -179
  102. package/esm2022/fields/remote-autocomplete/component.mjs +0 -188
  103. package/esm2022/fields/select/component.mjs +0 -158
  104. package/esm2022/fields/text-area/component.mjs +0 -186
  105. package/esm2022/fields/validators.mjs +0 -11
  106. package/esm2022/index.mjs +0 -2
  107. package/esm2022/kato-lee-components.mjs +0 -5
  108. package/esm2022/modal/component.mjs +0 -66
  109. package/esm2022/modal/config.mjs +0 -2
  110. package/esm2022/modal/index.mjs +0 -8
  111. package/esm2022/modal/kato-lee-components-modal.mjs +0 -5
  112. package/esm2022/modal/module.mjs +0 -17
  113. package/esm2022/modal/service.mjs +0 -33
  114. package/esm2022/pretty-box/component.mjs +0 -94
  115. package/esm2022/pretty-box/index.mjs +0 -5
  116. package/esm2022/pretty-box/kato-lee-components-pretty-box.mjs +0 -5
  117. package/esm2022/tables/index.mjs +0 -7
  118. package/esm2022/tables/kato-lee-components-tables.mjs +0 -5
  119. package/esm2022/tables/mat-paginator.translation.mjs +0 -22
  120. package/esm2022/tables/module.mjs +0 -22
  121. package/esm2022/tables/no-records.component.mjs +0 -58
  122. package/esm2022/toast/index.mjs +0 -5
  123. package/esm2022/toast/kato-lee-components-toast.mjs +0 -5
  124. package/esm2022/toast/service.mjs +0 -42
  125. package/fields/autocomplete/component.d.ts +0 -65
  126. package/fields/common.d.ts +0 -8
  127. package/fields/date/component.d.ts +0 -46
  128. package/fields/date-range/component.d.ts +0 -23
  129. package/fields/error/component.d.ts +0 -22
  130. package/fields/error/error-equals.pipe.d.ts +0 -7
  131. package/fields/error/error.msg.pipe.d.ts +0 -7
  132. package/fields/error/lang/_en.d.ts +0 -1
  133. package/fields/error/lang/_es.d.ts +0 -1
  134. package/fields/error/lang/index.d.ts +0 -2
  135. package/fields/general/component.d.ts +0 -56
  136. package/fields/module.d.ts +0 -19
  137. package/fields/money/component.d.ts +0 -53
  138. package/fields/number/component.d.ts +0 -52
  139. package/fields/remote-autocomplete/component.d.ts +0 -43
  140. package/fields/select/component.d.ts +0 -44
  141. package/fields/text-area/component.d.ts +0 -55
  142. package/fields/validators.d.ts +0 -9
  143. package/modal/component.d.ts +0 -35
  144. package/modal/config.d.ts +0 -9
  145. package/modal/module.d.ts +0 -8
  146. package/modal/service.d.ts +0 -13
  147. package/pretty-box/component.d.ts +0 -24
  148. package/tables/mat-paginator.translation.d.ts +0 -2
  149. package/tables/module.d.ts +0 -10
  150. package/tables/no-records.component.d.ts +0 -12
  151. package/toast/service.d.ts +0 -21
@@ -1,44 +0,0 @@
1
- import { ChangeDetectorRef, OnDestroy, OnInit, EventEmitter } from '@angular/core';
2
- import { ControlValueAccessor, FormControl, FormGroupDirective, NgControl } from '@angular/forms';
3
- import { MatFormFieldAppearance } from '@kato-lee/material/form-field';
4
- import { MatOptionSelectionChange, ThemePalette } from '@kato-lee/material/core';
5
- import { TakAutocompleteFieldType } from '../common';
6
- import * as i0 from "@angular/core";
7
- export declare class TakSelectFieldComponent implements OnInit, OnDestroy, ControlValueAccessor {
8
- private _ngControl;
9
- private _formGroupDirective;
10
- private _cd;
11
- autocomplete: TakAutocompleteFieldType;
12
- appearance: MatFormFieldAppearance;
13
- color: ThemePalette;
14
- suggestions: any[];
15
- disabled: boolean;
16
- type: 'menu' | 'select';
17
- tooltip: string;
18
- icon: string;
19
- option: string;
20
- extraInfo: string;
21
- hasDefaultValue: boolean;
22
- onSelect: EventEmitter<any>;
23
- onChangeFn: (_: any) => void;
24
- onTouchFn: (_: any) => void;
25
- isInvalid: boolean;
26
- isSubmitted: boolean;
27
- private _unsubscribe$;
28
- constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
29
- ngOnInit(): void;
30
- writeValue(value: string): void;
31
- registerOnChange(fn: any): void;
32
- registerOnTouched(fn: any): void;
33
- onChange(event: any): void;
34
- emit(el: MatOptionSelectionChange): void;
35
- justEmit(el: any): void;
36
- onFocusOut(): void;
37
- private _onValidate;
38
- ngOnDestroy(): void;
39
- get control(): FormControl;
40
- get directive(): FormGroupDirective;
41
- get isDisabled(): boolean | null;
42
- static ɵfac: i0.ɵɵFactoryDeclaration<TakSelectFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
43
- static ɵcmp: i0.ɵɵComponentDeclaration<TakSelectFieldComponent, "tak-select-field", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "option": { "alias": "option"; "required": false; }; "extraInfo": { "alias": "extraInfo"; "required": false; }; "hasDefaultValue": { "alias": "hasDefaultValue"; "required": false; }; }, { "onSelect": "onSelect"; }, never, ["*"], true, never>;
44
- }
@@ -1,55 +0,0 @@
1
- import { ChangeDetectorRef, OnDestroy, OnInit, EventEmitter } from '@angular/core';
2
- import { ControlValueAccessor, FormGroupDirective, FormControl, NgControl } from '@angular/forms';
3
- import { FloatLabelType, MatFormFieldAppearance } from '@kato-lee/material/form-field';
4
- import { ThemePalette } from '@kato-lee/material/core';
5
- import * as i0 from "@angular/core";
6
- export declare class TakTextareaComponent implements OnInit, OnDestroy, ControlValueAccessor {
7
- private _ngControl;
8
- private _formGroupDirective;
9
- private _cd;
10
- autocomplete: 'off' | 'on';
11
- appearance: MatFormFieldAppearance;
12
- floatLabel: FloatLabelType;
13
- color: ThemePalette;
14
- actionIcon: string;
15
- defaultFilterStyle: boolean;
16
- hasActionButton: boolean;
17
- hasClearButton: boolean;
18
- countCaracters: boolean;
19
- isTextArea: boolean;
20
- placeholder: string;
21
- heightInPx: number;
22
- minLength: number;
23
- maxLength: number;
24
- disabled: boolean;
25
- onExecuteAction: EventEmitter<any>;
26
- onKeyUp: EventEmitter<any>;
27
- onChangeFn: (_: any) => void;
28
- onTouchFn: (_: any) => void;
29
- _isSubmitted: boolean;
30
- _isInvalid: boolean;
31
- _required: boolean;
32
- _value: string;
33
- private _subscription;
34
- private _decrypted;
35
- constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
36
- ngOnInit(): void;
37
- writeValue(value: string): void;
38
- registerOnChange(fn: any): void;
39
- registerOnTouched(fn: any): void;
40
- onChange(event: any): void;
41
- onFocusOut(): void;
42
- private _onValidate;
43
- onClearControl(): void;
44
- ngOnDestroy(): void;
45
- get control(): FormControl;
46
- get directive(): FormGroupDirective;
47
- get decrypted(): boolean;
48
- get isDisabled(): boolean | null;
49
- get isSubmitted(): boolean;
50
- get isInvalid(): boolean;
51
- get required(): boolean;
52
- get value(): string;
53
- static ɵfac: i0.ɵɵFactoryDeclaration<TakTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
54
- static ɵcmp: i0.ɵɵComponentDeclaration<TakTextareaComponent, "tak-textarea", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "defaultFilterStyle": { "alias": "defaultFilterStyle"; "required": false; }; "hasActionButton": { "alias": "hasActionButton"; "required": false; }; "hasClearButton": { "alias": "hasClearButton"; "required": false; }; "countCaracters": { "alias": "countCaracters"; "required": false; }; "isTextArea": { "alias": "isTextArea"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "heightInPx": { "alias": "heightInPx"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onExecuteAction": "onExecuteAction"; "onKeyUp": "onKeyUp"; }, never, ["*"], true, never>;
55
- }
@@ -1,9 +0,0 @@
1
- import { Validators } from '@angular/forms';
2
- export declare const required: typeof Validators.required;
3
- export declare const max: (max: number) => import("@angular/forms").ValidatorFn;
4
- export declare const min: (min: number) => import("@angular/forms").ValidatorFn;
5
- export declare const maxLength: (maxLength: number) => import("@angular/forms").ValidatorFn;
6
- export declare const minLength: (minLength: number) => import("@angular/forms").ValidatorFn;
7
- export declare const withOutSpaces: import("@angular/forms").ValidatorFn;
8
- export declare const onlyNumber: import("@angular/forms").ValidatorFn;
9
- export declare const email: import("@angular/forms").ValidatorFn;
@@ -1,35 +0,0 @@
1
- import { ElementRef, OnInit } from '@angular/core';
2
- import { MatDialogRef } from '@kato-lee/material/dialog';
3
- import { TakModalConfig, TakModalType } from './config';
4
- import * as i0 from "@angular/core";
5
- export declare class TakModalComponent implements OnInit {
6
- private _dialogRef;
7
- data: {
8
- content: string;
9
- title: string;
10
- options?: TakModalConfig;
11
- type: TakModalType;
12
- };
13
- private _isAlert;
14
- private _confirmButton;
15
- private _deniedButton;
16
- private _okButton;
17
- private _hasTopCloseButton;
18
- constructor(href: ElementRef<HTMLElement>, _dialogRef: MatDialogRef<TakModalComponent>, data: {
19
- content: string;
20
- title: string;
21
- options?: TakModalConfig;
22
- type: TakModalType;
23
- });
24
- ngOnInit(): void;
25
- onConfirm(): void;
26
- onClose(): void;
27
- onCloseFromButton(): void;
28
- get isAlert(): boolean;
29
- get confirmButton(): string;
30
- get deniedButton(): string;
31
- get okButton(): string;
32
- get hasTopCloseButton(): boolean;
33
- static ɵfac: i0.ɵɵFactoryDeclaration<TakModalComponent, never>;
34
- static ɵcmp: i0.ɵɵComponentDeclaration<TakModalComponent, "tak-modal", never, {}, {}, never, never, true, never>;
35
- }
package/modal/config.d.ts DELETED
@@ -1,9 +0,0 @@
1
- import { MatDialogConfig } from '@kato-lee/material/dialog';
2
- export type TakModalType = 'confirm' | 'alert';
3
- export interface TakModalConfig {
4
- confirmButton?: string;
5
- deniedButton?: string;
6
- okButton?: string;
7
- hasTopCloseButton?: boolean;
8
- dialogOptions?: MatDialogConfig;
9
- }
package/modal/module.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./component";
3
- /** @deprecated Use standalone */
4
- export declare class TakModalModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TakModalModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<TakModalModule, never, [typeof i1.TakModalComponent], [typeof i1.TakModalComponent]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<TakModalModule>;
8
- }
@@ -1,13 +0,0 @@
1
- import { MatDialog } from '@kato-lee/material/dialog';
2
- import { TakModalConfig } from './config';
3
- import { Observable } from 'rxjs';
4
- import * as i0 from "@angular/core";
5
- export declare class TakModal {
6
- private dialog;
7
- constructor(dialog: MatDialog);
8
- alert(content: string, title?: string, options?: TakModalConfig): Observable<boolean>;
9
- confirm(content: string, title?: string, options?: TakModalConfig): Observable<boolean>;
10
- private _generateDialog;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<TakModal, never>;
12
- static ɵprov: i0.ɵɵInjectableDeclaration<TakModal>;
13
- }
@@ -1,24 +0,0 @@
1
- import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class TakPrettyBoxComponent implements AfterViewInit {
4
- private _cd;
5
- header: ElementRef;
6
- footer: ElementRef;
7
- scroll: ElementRef;
8
- calcHeight: string | number;
9
- headerHeightPx: number;
10
- footerHeightPx: number;
11
- encapsulated: boolean;
12
- private _hasHeader;
13
- private _hasFooter;
14
- private _substractFromHeight;
15
- constructor(_cd: ChangeDetectorRef);
16
- ngAfterViewInit(): void;
17
- scrollTop(): void;
18
- private _config;
19
- get minHeightFt(): string;
20
- get hasHeader(): boolean;
21
- get hasFooter(): boolean;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<TakPrettyBoxComponent, never>;
23
- 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>;
24
- }
@@ -1,2 +0,0 @@
1
- import { MatPaginatorIntl } from '@kato-lee/material/paginator';
2
- export declare function getSpanishMatPaginatorIntl(): MatPaginatorIntl;
@@ -1,10 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@kato-lee/material/table";
3
- import * as i2 from "@kato-lee/material/sort";
4
- import * as i3 from "@kato-lee/material/paginator";
5
- import * as i4 from "./no-records.component";
6
- export declare class TakTablesModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<TakTablesModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<TakTablesModule, never, [typeof i1.MatTableModule, typeof i2.MatSortModule, typeof i3.MatPaginatorModule, typeof i4.TakTableNoRecordsComponent], [typeof i1.MatTableModule, typeof i2.MatSortModule, typeof i3.MatPaginatorModule, typeof i4.TakTableNoRecordsComponent]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<TakTablesModule>;
10
- }
@@ -1,12 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { MatTableDataSource } from '@kato-lee/material/table';
3
- import * as i0 from "@angular/core";
4
- export declare class TakTableNoRecordsComponent implements OnInit {
5
- dataSource: MatTableDataSource<any>;
6
- isLoading: boolean;
7
- private _secondImage;
8
- ngOnInit(): void;
9
- get secondImage(): boolean;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<TakTableNoRecordsComponent, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<TakTableNoRecordsComponent, "tak-table-no-records", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, never, true, never>;
12
- }
@@ -1,21 +0,0 @@
1
- import { MatSnackBar, MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition } from '@kato-lee/material/snack-bar';
2
- import * as i0 from "@angular/core";
3
- export type TakToastType = 'notification' | 'danger' | 'success';
4
- export interface TakToastConfig {
5
- hasDissmissButton?: boolean;
6
- dissmissButtonMessage?: string;
7
- horizontalPosition?: MatSnackBarHorizontalPosition;
8
- verticalPosition?: MatSnackBarVerticalPosition;
9
- duration?: number;
10
- }
11
- export declare class TakToast {
12
- private _snackBar;
13
- constructor(_snackBar: MatSnackBar);
14
- notification(message: string, payload?: TakToastConfig): void;
15
- success(message: string, payload?: TakToastConfig): void;
16
- danger(message: string, payload?: TakToastConfig): void;
17
- private _generateTakToast;
18
- private _managePayload;
19
- static ɵfac: i0.ɵɵFactoryDeclaration<TakToast, never>;
20
- static ɵprov: i0.ɵɵInjectableDeclaration<TakToast>;
21
- }