@kato-lee/components 1.0.3
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.
- package/LICENSE +21 -0
- package/README.md +7 -0
- package/assets/_fade-in.scss +40 -0
- package/assets/_fields.scss +76 -0
- package/assets/_grids.scss +317 -0
- package/assets/components/_buttons.scss +3 -0
- package/assets/components/_cards.scss +26 -0
- package/assets/components/_dialogs.scss +13 -0
- package/assets/components/_fields.scss +110 -0
- package/assets/components/_material.scss +15 -0
- package/assets/components/_pretty-box.scss +41 -0
- package/assets/components/_scroll-bar.scss +23 -0
- package/assets/components/_snack-bar.scss +18 -0
- package/assets/components/_tables.scss +235 -0
- package/assets/components/_tabs.scss +7 -0
- package/assets/components/main.scss +25 -0
- package/assets/fonts/body/Transpass-Bold.ttf +0 -0
- package/assets/fonts/body/Transpass-Light.ttf +0 -0
- package/assets/fonts/body/Transpass-Medium.ttf +0 -0
- package/assets/fonts/body/Transpass-Regular.ttf +0 -0
- package/assets/fonts/body/style-font.scss +40 -0
- package/assets/fonts/main.scss +2 -0
- package/assets/fonts/title/Poppins-Bold.ttf +0 -0
- package/assets/fonts/title/Poppins-Light.ttf +0 -0
- package/assets/fonts/title/Poppins-Medium.ttf +0 -0
- package/assets/fonts/title/Poppins-Regular.ttf +0 -0
- package/assets/fonts/title/Poppins-SemiBold.ttf +0 -0
- package/assets/fonts/title/style-font.scss +39 -0
- package/assets/layouts/_loader.scss +71 -0
- package/assets/layouts/origin.scss +775 -0
- package/assets/main.scss +4 -0
- package/assets/material/icons/icons.woff2 +0 -0
- package/assets/material/icons/local.css +1 -0
- package/assets/material/icons/remote.css +1 -0
- package/assets/material/themes/dark.scss +55 -0
- package/assets/material/themes/default.scss +106 -0
- package/assets/material/themes/main.scss +2907 -0
- package/assets/themes/_dark.scss +15 -0
- package/assets/themes/_default.scss +30 -0
- package/assets/themes/main.scss +2 -0
- package/assets/variables.scss +7 -0
- package/box-form/box-form.component.d.ts +34 -0
- package/box-form/box-form.module.d.ts +13 -0
- package/box-form/common.d.ts +5 -0
- package/box-form/index.d.ts +3 -0
- package/box-form/package.json +3 -0
- package/capsule/capsule.component.d.ts +14 -0
- package/capsule/capsule.module.d.ts +7 -0
- package/capsule/index.d.ts +2 -0
- package/capsule/package.json +3 -0
- package/cards/cards.module.d.ts +7 -0
- package/cards/index.d.ts +2 -0
- package/cards/package.json +3 -0
- package/cards/simple-card.component.d.ts +8 -0
- package/dialogs/dialogs.module.d.ts +11 -0
- package/dialogs/dismiss-dialog-button.component.d.ts +8 -0
- package/dialogs/index.d.ts +2 -0
- package/dialogs/package.json +3 -0
- package/esm2022/box-form/box-form.component.mjs +99 -0
- package/esm2022/box-form/box-form.module.mjs +40 -0
- package/esm2022/box-form/common.mjs +2 -0
- package/esm2022/box-form/index.mjs +7 -0
- package/esm2022/box-form/kato-lee-components-box-form.mjs +5 -0
- package/esm2022/capsule/capsule.component.mjs +78 -0
- package/esm2022/capsule/capsule.module.mjs +16 -0
- package/esm2022/capsule/index.mjs +6 -0
- package/esm2022/capsule/kato-lee-components-capsule.mjs +5 -0
- package/esm2022/cards/cards.module.mjs +17 -0
- package/esm2022/cards/index.mjs +6 -0
- package/esm2022/cards/kato-lee-components-cards.mjs +5 -0
- package/esm2022/cards/simple-card.component.mjs +47 -0
- package/esm2022/dialogs/dialogs.module.mjs +22 -0
- package/esm2022/dialogs/dismiss-dialog-button.component.mjs +44 -0
- package/esm2022/dialogs/index.mjs +6 -0
- package/esm2022/dialogs/kato-lee-components-dialogs.mjs +5 -0
- package/esm2022/fields/autocomplete-field/autocomplete-field.component.mjs +240 -0
- package/esm2022/fields/date-field/date-field.component.mjs +148 -0
- package/esm2022/fields/date-range-field/date-range-field.component.mjs +70 -0
- package/esm2022/fields/error/error-equals.pipe.mjs +19 -0
- package/esm2022/fields/error/error.component.mjs +55 -0
- package/esm2022/fields/error/error.module.mjs +21 -0
- package/esm2022/fields/error/error.msg.pipe.mjs +19 -0
- package/esm2022/fields/error/lang/_en.mjs +12 -0
- package/esm2022/fields/error/lang/_es.mjs +12 -0
- package/esm2022/fields/error/lang/index.mjs +3 -0
- package/esm2022/fields/fields.common.mjs +8 -0
- package/esm2022/fields/fields.module.mjs +118 -0
- package/esm2022/fields/general-field/general-field.component.mjs +188 -0
- package/esm2022/fields/index.mjs +17 -0
- package/esm2022/fields/kato-lee-components-fields.mjs +5 -0
- package/esm2022/fields/money-field/money-field.component.mjs +188 -0
- package/esm2022/fields/number-field/number-field.component.mjs +165 -0
- package/esm2022/fields/select-field/select-field.component.mjs +135 -0
- package/esm2022/fields/text-area/textarea.component.mjs +171 -0
- package/esm2022/index.mjs +2 -0
- package/esm2022/kato-lee-components.mjs +5 -0
- package/esm2022/layouts/origin/breadcrumb/breadcrumb.component.mjs +65 -0
- package/esm2022/layouts/origin/footer/footer.component.mjs +11 -0
- package/esm2022/layouts/origin/header/header.component.mjs +46 -0
- package/esm2022/layouts/origin/index.mjs +12 -0
- package/esm2022/layouts/origin/kato-lee-components-layouts-origin.mjs +5 -0
- package/esm2022/layouts/origin/layout.component.mjs +210 -0
- package/esm2022/layouts/origin/layout.module.mjs +52 -0
- package/esm2022/layouts/origin/layout.navigation.mjs +19 -0
- package/esm2022/layouts/origin/navigation-interfaces.mjs +2 -0
- package/esm2022/layouts/origin/services/index.mjs +4 -0
- package/esm2022/layouts/origin/services/route-parts.service.mjs +28 -0
- package/esm2022/layouts/origin/services/toggle-sidebar.mjs +48 -0
- package/esm2022/layouts/origin/services/validate-access.pipe.mjs +53 -0
- package/esm2022/layouts/origin/sidebar/sidebar.component.mjs +69 -0
- package/esm2022/layouts/origin/sidebar/sidenav/expansion/accordion.component.mjs +74 -0
- package/esm2022/layouts/origin/sidebar/sidenav/expansion/expansion-panel-header.component.mjs +51 -0
- package/esm2022/layouts/origin/sidebar/sidenav/expansion/expansion-panel.component.mjs +63 -0
- package/esm2022/layouts/origin/sidebar/sidenav/sidenav.component.mjs +130 -0
- package/esm2022/modal/config.mjs +2 -0
- package/esm2022/modal/index.mjs +8 -0
- package/esm2022/modal/kato-lee-components-modal.mjs +5 -0
- package/esm2022/modal/modal.component.mjs +63 -0
- package/esm2022/modal/modal.module.mjs +21 -0
- package/esm2022/modal/modal.service.mjs +33 -0
- package/esm2022/pretty-box/index.mjs +5 -0
- package/esm2022/pretty-box/kato-lee-components-pretty-box.mjs +5 -0
- package/esm2022/pretty-box/pretty-box.component.mjs +94 -0
- package/esm2022/tables/index.mjs +6 -0
- package/esm2022/tables/kato-lee-components-tables.mjs +5 -0
- package/esm2022/tables/mat-paginator.translation.mjs +22 -0
- package/esm2022/tables/tables.module.mjs +19 -0
- package/esm2022/toast/index.mjs +5 -0
- package/esm2022/toast/kato-lee-components-toast.mjs +5 -0
- package/esm2022/toast/toast.service.mjs +42 -0
- package/fesm2022/kato-lee-components-box-form.mjs +146 -0
- package/fesm2022/kato-lee-components-box-form.mjs.map +1 -0
- package/fesm2022/kato-lee-components-capsule.mjs +102 -0
- package/fesm2022/kato-lee-components-capsule.mjs.map +1 -0
- package/fesm2022/kato-lee-components-cards.mjs +72 -0
- package/fesm2022/kato-lee-components-cards.mjs.map +1 -0
- package/fesm2022/kato-lee-components-dialogs.mjs +74 -0
- package/fesm2022/kato-lee-components-dialogs.mjs.map +1 -0
- package/fesm2022/kato-lee-components-fields.mjs +1486 -0
- package/fesm2022/kato-lee-components-fields.mjs.map +1 -0
- package/fesm2022/kato-lee-components-layouts-origin.mjs +872 -0
- package/fesm2022/kato-lee-components-layouts-origin.mjs.map +1 -0
- package/fesm2022/kato-lee-components-modal.mjs +121 -0
- package/fesm2022/kato-lee-components-modal.mjs.map +1 -0
- package/fesm2022/kato-lee-components-pretty-box.mjs +105 -0
- package/fesm2022/kato-lee-components-pretty-box.mjs.map +1 -0
- package/fesm2022/kato-lee-components-tables.mjs +51 -0
- package/fesm2022/kato-lee-components-tables.mjs.map +1 -0
- package/fesm2022/kato-lee-components-toast.mjs +53 -0
- package/fesm2022/kato-lee-components-toast.mjs.map +1 -0
- package/fesm2022/kato-lee-components.mjs +4 -0
- package/fesm2022/kato-lee-components.mjs.map +1 -0
- package/fields/autocomplete-field/autocomplete-field.component.d.ts +65 -0
- package/fields/date-field/date-field.component.d.ts +46 -0
- package/fields/date-range-field/date-range-field.component.d.ts +23 -0
- package/fields/error/error-equals.pipe.d.ts +7 -0
- package/fields/error/error.component.d.ts +22 -0
- package/fields/error/error.module.d.ts +11 -0
- package/fields/error/error.msg.pipe.d.ts +7 -0
- package/fields/error/lang/_en.d.ts +1 -0
- package/fields/error/lang/_es.d.ts +1 -0
- package/fields/error/lang/index.d.ts +2 -0
- package/fields/fields.common.d.ts +5 -0
- package/fields/fields.module.d.ts +28 -0
- package/fields/general-field/general-field.component.d.ts +56 -0
- package/fields/index.d.ts +13 -0
- package/fields/money-field/money-field.component.d.ts +53 -0
- package/fields/number-field/number-field.component.d.ts +52 -0
- package/fields/package.json +3 -0
- package/fields/select-field/select-field.component.d.ts +44 -0
- package/fields/text-area/textarea.component.d.ts +55 -0
- package/index.d.ts +1 -0
- package/layouts/origin/breadcrumb/breadcrumb.component.d.ts +24 -0
- package/layouts/origin/footer/footer.component.d.ts +5 -0
- package/layouts/origin/header/header.component.d.ts +15 -0
- package/layouts/origin/index.d.ts +8 -0
- package/layouts/origin/layout.component.d.ts +58 -0
- package/layouts/origin/layout.module.d.ts +18 -0
- package/layouts/origin/layout.navigation.d.ts +10 -0
- package/layouts/origin/navigation-interfaces.d.ts +24 -0
- package/layouts/origin/package.json +3 -0
- package/layouts/origin/services/index.d.ts +3 -0
- package/layouts/origin/services/route-parts.service.d.ts +15 -0
- package/layouts/origin/services/toggle-sidebar.d.ts +10 -0
- package/layouts/origin/services/validate-access.pipe.d.ts +7 -0
- package/layouts/origin/sidebar/sidebar.component.d.ts +27 -0
- package/layouts/origin/sidebar/sidenav/expansion/accordion.component.d.ts +10 -0
- package/layouts/origin/sidebar/sidenav/expansion/expansion-panel-header.component.d.ts +11 -0
- package/layouts/origin/sidebar/sidenav/expansion/expansion-panel.component.d.ts +12 -0
- package/layouts/origin/sidebar/sidenav/sidenav.component.d.ts +23 -0
- package/modal/config.d.ts +9 -0
- package/modal/index.d.ts +4 -0
- package/modal/modal.component.d.ts +35 -0
- package/modal/modal.module.d.ts +11 -0
- package/modal/modal.service.d.ts +13 -0
- package/modal/package.json +3 -0
- package/package.json +82 -0
- package/pretty-box/index.d.ts +1 -0
- package/pretty-box/package.json +3 -0
- package/pretty-box/pretty-box.component.d.ts +24 -0
- package/tables/index.d.ts +2 -0
- package/tables/mat-paginator.translation.d.ts +2 -0
- package/tables/package.json +3 -0
- package/tables/tables.module.d.ts +9 -0
- package/toast/index.d.ts +1 -0
- package/toast/package.json +3 -0
- package/toast/toast.service.d.ts +21 -0
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { OnDestroy, OnInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor, FormGroupDirective, FormControl, NgControl } from '@angular/forms';
|
|
3
|
+
import { Observable } from 'rxjs';
|
|
4
|
+
import { MatFormFieldAppearance } from '@kato-lee/material/form-field';
|
|
5
|
+
import { MatOptionSelectionChange, ThemePalette } from '@kato-lee/material/core';
|
|
6
|
+
import { TakAutocompleteFieldType } from '../fields.common';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class TakAutocompleteFieldComponent implements OnInit, OnDestroy, ControlValueAccessor {
|
|
9
|
+
private _ngControl;
|
|
10
|
+
private _formGroupDirective;
|
|
11
|
+
private _cd;
|
|
12
|
+
private _unsubscribe$;
|
|
13
|
+
option: string;
|
|
14
|
+
extraInfo: string;
|
|
15
|
+
autocomplete: TakAutocompleteFieldType;
|
|
16
|
+
appearance: MatFormFieldAppearance;
|
|
17
|
+
color: ThemePalette;
|
|
18
|
+
hasClearButton: boolean;
|
|
19
|
+
suggestions: any[];
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
hasTitle: boolean;
|
|
22
|
+
isLoading: boolean;
|
|
23
|
+
isRemoteSearch: boolean;
|
|
24
|
+
debounceTimeForRemoteSearch: number;
|
|
25
|
+
onSelect: EventEmitter<any>;
|
|
26
|
+
onSearch: EventEmitter<any>;
|
|
27
|
+
onChangeFn: (_: any) => void;
|
|
28
|
+
onTouchFn: (_: any) => void;
|
|
29
|
+
private _isSubmitted;
|
|
30
|
+
private _isInvalid;
|
|
31
|
+
private _required;
|
|
32
|
+
private _value;
|
|
33
|
+
private _filteredOptions;
|
|
34
|
+
private _notSuggestions;
|
|
35
|
+
private _lastValue;
|
|
36
|
+
constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
|
|
37
|
+
ngOnInit(): void;
|
|
38
|
+
private _filter;
|
|
39
|
+
writeValue(value: string): void;
|
|
40
|
+
registerOnChange(fn: any): void;
|
|
41
|
+
registerOnTouched(fn: any): void;
|
|
42
|
+
onChange(event: any): void;
|
|
43
|
+
private _setValue;
|
|
44
|
+
emit(el: MatOptionSelectionChange): void;
|
|
45
|
+
emitWithClick(suggestionOption: any): void;
|
|
46
|
+
onFocusout(): void;
|
|
47
|
+
setValue(value: any): void;
|
|
48
|
+
onUpdateSuggestions(suggestions: any[]): void;
|
|
49
|
+
private _onValidate;
|
|
50
|
+
onFocus(): void;
|
|
51
|
+
onClearControl(): void;
|
|
52
|
+
ngOnDestroy(): void;
|
|
53
|
+
get control(): FormControl;
|
|
54
|
+
get directive(): FormGroupDirective;
|
|
55
|
+
get isDisabled(): boolean | null;
|
|
56
|
+
get isSubmitted(): boolean;
|
|
57
|
+
get isInvalid(): boolean;
|
|
58
|
+
get required(): boolean;
|
|
59
|
+
get value(): string;
|
|
60
|
+
get filteredOptions(): Observable<any[]>;
|
|
61
|
+
get notSuggestions(): boolean;
|
|
62
|
+
get lastValue(): string;
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakAutocompleteFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
64
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakAutocompleteFieldComponent, "tak-autocomplete-field", never, { "option": { "alias": "option"; "required": false; }; "extraInfo": { "alias": "extraInfo"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "hasClearButton": { "alias": "hasClearButton"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasTitle": { "alias": "hasTitle"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isRemoteSearch": { "alias": "isRemoteSearch"; "required": false; }; "debounceTimeForRemoteSearch": { "alias": "debounceTimeForRemoteSearch"; "required": false; }; }, { "onSelect": "onSelect"; "onSearch": "onSearch"; }, never, ["*"], false, never>;
|
|
65
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { ThemePalette } from '@kato-lee/material/core';
|
|
3
|
+
import { MatFormFieldAppearance } from '@kato-lee/material/form-field';
|
|
4
|
+
import { ControlValueAccessor, FormControl, FormGroupDirective, NgControl } from '@angular/forms';
|
|
5
|
+
import { TakAutocompleteFieldType } from '../fields.common';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class TakDateFieldComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
|
|
8
|
+
private _ngControl;
|
|
9
|
+
private _formGroupDirective;
|
|
10
|
+
private _cd;
|
|
11
|
+
private _unsubscribe$;
|
|
12
|
+
appearance: MatFormFieldAppearance;
|
|
13
|
+
autocomplete: TakAutocompleteFieldType;
|
|
14
|
+
color: ThemePalette;
|
|
15
|
+
placeholder: string;
|
|
16
|
+
notInput: boolean;
|
|
17
|
+
minDate: Date | string;
|
|
18
|
+
maxDate: Date | string;
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
onChangeFn: (_: any) => void;
|
|
21
|
+
onTouchFn: (_: any) => void;
|
|
22
|
+
private _isSubmitted;
|
|
23
|
+
private _isInvalid;
|
|
24
|
+
private _required;
|
|
25
|
+
private _value;
|
|
26
|
+
constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
|
|
27
|
+
ngOnInit(): void;
|
|
28
|
+
ngAfterViewInit(): void;
|
|
29
|
+
writeValue(value: string): void;
|
|
30
|
+
registerOnChange(fn: any): void;
|
|
31
|
+
registerOnTouched(fn: any): void;
|
|
32
|
+
onChange(event: any): void;
|
|
33
|
+
onFocusout(): void;
|
|
34
|
+
onCloseDatePicker(): void;
|
|
35
|
+
private _onValidate;
|
|
36
|
+
ngOnDestroy(): void;
|
|
37
|
+
get control(): FormControl;
|
|
38
|
+
get directive(): FormGroupDirective;
|
|
39
|
+
get isDisabled(): boolean | null;
|
|
40
|
+
get isSubmitted(): boolean;
|
|
41
|
+
get isInvalid(): boolean;
|
|
42
|
+
get required(): boolean;
|
|
43
|
+
get value(): string;
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakDateFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakDateFieldComponent, "tak-date-field", never, { "appearance": { "alias": "appearance"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "notInput": { "alias": "notInput"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
46
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { FormControl } from '@angular/forms';
|
|
3
|
+
import { MatFormFieldAppearance } from '@kato-lee/material/form-field';
|
|
4
|
+
import { ThemePalette } from '@kato-lee/material/core';
|
|
5
|
+
import { TakAutocompleteFieldType } from '../fields.common';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class TakDateRangeFieldComponent implements OnInit {
|
|
8
|
+
autocomplete: TakAutocompleteFieldType;
|
|
9
|
+
startPlaceholder: string;
|
|
10
|
+
endPlaceholder: string;
|
|
11
|
+
appearance: MatFormFieldAppearance;
|
|
12
|
+
color: ThemePalette;
|
|
13
|
+
start: FormControl;
|
|
14
|
+
end: FormControl;
|
|
15
|
+
notInput: boolean;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
private _required;
|
|
18
|
+
ngOnInit(): void;
|
|
19
|
+
get required(): boolean;
|
|
20
|
+
get isDisabled(): boolean;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakDateRangeFieldComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakDateRangeFieldComponent, "tak-date-range-field", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "notInput": { "alias": "notInput"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TakErrorEqualsPipe implements PipeTransform {
|
|
4
|
+
transform(errors: any, error: any, args?: any): any;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakErrorEqualsPipe, never>;
|
|
6
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<TakErrorEqualsPipe, "errorEquals", false>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { FormControl, ValidationErrors } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TakErrorComponent {
|
|
5
|
+
error: ElementRef | undefined;
|
|
6
|
+
control: FormControl;
|
|
7
|
+
start: FormControl;
|
|
8
|
+
end: FormControl;
|
|
9
|
+
isDateField: boolean;
|
|
10
|
+
isNumberField: boolean;
|
|
11
|
+
marginTop: number;
|
|
12
|
+
hasPatternError: boolean;
|
|
13
|
+
get required(): ValidationErrors;
|
|
14
|
+
get pattern(): ValidationErrors;
|
|
15
|
+
get max(): any;
|
|
16
|
+
get min(): any;
|
|
17
|
+
get maxlength(): any;
|
|
18
|
+
get minlength(): any;
|
|
19
|
+
get email(): ValidationErrors;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakErrorComponent, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakErrorComponent, "tak-error", never, { "control": { "alias": "control"; "required": false; }; "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "isDateField": { "alias": "isDateField"; "required": false; }; "isNumberField": { "alias": "isNumberField"; "required": false; }; "marginTop": { "alias": "marginTop"; "required": false; }; }, {}, never, never, false, never>;
|
|
22
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./error-equals.pipe";
|
|
3
|
+
import * as i2 from "./error.msg.pipe";
|
|
4
|
+
import * as i3 from "./error.component";
|
|
5
|
+
import * as i4 from "@angular/forms";
|
|
6
|
+
import * as i5 from "@angular/common";
|
|
7
|
+
export declare class TakErrorModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakErrorModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TakErrorModule, [typeof i1.TakErrorEqualsPipe, typeof i2.TakErrorMsgPipe, typeof i3.TakErrorComponent], [typeof i4.FormsModule, typeof i5.CommonModule, typeof i4.ReactiveFormsModule], [typeof i3.TakErrorComponent]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TakErrorModule>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TakErrorMsgPipe implements PipeTransform {
|
|
4
|
+
transform(parameter: string, aditionalValue?: any): string;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakErrorMsgPipe, never>;
|
|
6
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<TakErrorMsgPipe, "errorMsg", false>;
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const en: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const es: any;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MatFormFieldAppearance } from '@kato-lee/material/form-field';
|
|
2
|
+
export declare const TAK_DEFAULT_APPEARANCE_FORM: MatFormFieldAppearance;
|
|
3
|
+
export type TakGeneralFieldType = 'text' | 'password' | 'filter';
|
|
4
|
+
export type TakAutocompleteFieldType = 'off' | 'on';
|
|
5
|
+
export declare const TAK_PRESS_ESC_KEY: KeyboardEvent;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./select-field/select-field.component";
|
|
3
|
+
import * as i2 from "./date-field/date-field.component";
|
|
4
|
+
import * as i3 from "./autocomplete-field/autocomplete-field.component";
|
|
5
|
+
import * as i4 from "./date-range-field/date-range-field.component";
|
|
6
|
+
import * as i5 from "./general-field/general-field.component";
|
|
7
|
+
import * as i6 from "./money-field/money-field.component";
|
|
8
|
+
import * as i7 from "./text-area/textarea.component";
|
|
9
|
+
import * as i8 from "./number-field/number-field.component";
|
|
10
|
+
import * as i9 from "@angular/forms";
|
|
11
|
+
import * as i10 from "@angular/common";
|
|
12
|
+
import * as i11 from "@kato-lee/material/progress-spinner";
|
|
13
|
+
import * as i12 from "@kato-lee/material/form-field";
|
|
14
|
+
import * as i13 from "@kato-lee/material/button";
|
|
15
|
+
import * as i14 from "@kato-lee/material/datepicker";
|
|
16
|
+
import * as i15 from "@kato-lee/material/autocomplete";
|
|
17
|
+
import * as i16 from "./error/error.module";
|
|
18
|
+
import * as i17 from "@kato-lee/material/icon";
|
|
19
|
+
import * as i18 from "@kato-lee/material/input";
|
|
20
|
+
import * as i19 from "@kato-lee/material/core";
|
|
21
|
+
import * as i20 from "@kato-lee/material/select";
|
|
22
|
+
import * as i21 from "@kato-lee/material/tooltip";
|
|
23
|
+
import * as i22 from "@kato-lee/material/menu";
|
|
24
|
+
export declare class TakFieldsModule {
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakFieldsModule, never>;
|
|
26
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TakFieldsModule, [typeof i1.TakSelectFieldComponent, typeof i2.TakDateFieldComponent, typeof i3.TakAutocompleteFieldComponent, typeof i4.TakDateRangeFieldComponent, typeof i5.TakGeneralFieldComponent, typeof i6.TakMoneyFieldComponent, typeof i7.TakTextareaComponent, typeof i8.TakNumberFieldComponent], [typeof i9.FormsModule, typeof i10.CommonModule, typeof i9.ReactiveFormsModule, typeof i11.MatProgressSpinnerModule, typeof i12.MatFormFieldModule, typeof i13.MatButtonModule, typeof i14.MatDatepickerModule, typeof i15.MatAutocompleteModule, typeof i16.TakErrorModule, typeof i17.MatIconModule, typeof i18.MatInputModule, typeof i19.MatOptionModule, typeof i20.MatSelectModule, typeof i21.MatTooltipModule, typeof i22.MatMenuModule], [typeof i9.ReactiveFormsModule, typeof i15.MatAutocompleteModule, typeof i9.FormsModule, typeof i19.MatNativeDateModule, typeof i1.TakSelectFieldComponent, typeof i2.TakDateFieldComponent, typeof i3.TakAutocompleteFieldComponent, typeof i4.TakDateRangeFieldComponent, typeof i5.TakGeneralFieldComponent, typeof i6.TakMoneyFieldComponent, typeof i7.TakTextareaComponent, typeof i8.TakNumberFieldComponent]>;
|
|
27
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TakFieldsModule>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { ChangeDetectorRef, OnDestroy, OnInit, EventEmitter } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor, FormGroupDirective, FormControl, NgControl } from '@angular/forms';
|
|
3
|
+
import { TakGeneralFieldType } from '../fields.common';
|
|
4
|
+
import { FloatLabelType, MatFormFieldAppearance } from '@kato-lee/material/form-field';
|
|
5
|
+
import { ThemePalette } from '@kato-lee/material/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class TakGeneralFieldComponent implements OnInit, OnDestroy, ControlValueAccessor {
|
|
8
|
+
private _ngControl;
|
|
9
|
+
private _formGroupDirective;
|
|
10
|
+
private _cd;
|
|
11
|
+
autocomplete: 'off' | 'on';
|
|
12
|
+
appearance: MatFormFieldAppearance;
|
|
13
|
+
type: TakGeneralFieldType;
|
|
14
|
+
floatLabel: FloatLabelType;
|
|
15
|
+
color: ThemePalette;
|
|
16
|
+
actionIcon: string;
|
|
17
|
+
defaultFilterStyle: boolean;
|
|
18
|
+
hasActionButton: boolean;
|
|
19
|
+
hasClearButton: boolean;
|
|
20
|
+
countCaracters: boolean;
|
|
21
|
+
placeholder: string;
|
|
22
|
+
maxLength: number;
|
|
23
|
+
minLength: number;
|
|
24
|
+
disabled: boolean;
|
|
25
|
+
onExecuteAction: EventEmitter<any>;
|
|
26
|
+
onKeyUp: EventEmitter<any>;
|
|
27
|
+
onChangeFn: (_: any) => void;
|
|
28
|
+
onTouchFn: (_: any) => void;
|
|
29
|
+
private _isSubmitted;
|
|
30
|
+
private _isInvalid;
|
|
31
|
+
private _required;
|
|
32
|
+
private _value;
|
|
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
|
+
showPassword(): void;
|
|
42
|
+
onFocusOut(): void;
|
|
43
|
+
private _onValidate;
|
|
44
|
+
onClearControl(): void;
|
|
45
|
+
ngOnDestroy(): void;
|
|
46
|
+
get control(): FormControl;
|
|
47
|
+
get directive(): FormGroupDirective;
|
|
48
|
+
get decrypted(): boolean;
|
|
49
|
+
get isDisabled(): boolean | null;
|
|
50
|
+
get isSubmitted(): boolean;
|
|
51
|
+
get isInvalid(): boolean;
|
|
52
|
+
get required(): boolean;
|
|
53
|
+
get value(): string;
|
|
54
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakGeneralFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakGeneralFieldComponent, "tak-general-field", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "type": { "alias": "type"; "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; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onExecuteAction": "onExecuteAction"; "onKeyUp": "onKeyUp"; }, never, ["*"], false, never>;
|
|
56
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export * from './error/error-equals.pipe';
|
|
2
|
+
export * from './error/error.component';
|
|
3
|
+
export * from './error/error.msg.pipe';
|
|
4
|
+
export * from './fields.common';
|
|
5
|
+
export * from './fields.module';
|
|
6
|
+
export * from './select-field/select-field.component';
|
|
7
|
+
export * from './date-field/date-field.component';
|
|
8
|
+
export * from './autocomplete-field/autocomplete-field.component';
|
|
9
|
+
export * from './general-field/general-field.component';
|
|
10
|
+
export * from './money-field/money-field.component';
|
|
11
|
+
export * from './text-area/textarea.component';
|
|
12
|
+
export * from './date-range-field/date-range-field.component';
|
|
13
|
+
export * from './number-field/number-field.component';
|
|
@@ -0,0 +1,53 @@
|
|
|
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 TakMoneyFieldComponent 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
|
+
placeholder: string;
|
|
20
|
+
maxLength: number;
|
|
21
|
+
minLength: number;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
onExecuteAction: EventEmitter<any>;
|
|
24
|
+
onKeyUp: EventEmitter<any>;
|
|
25
|
+
onChangeFn: (_: any) => void;
|
|
26
|
+
onTouchFn: (_: any) => void;
|
|
27
|
+
private _isSubmitted;
|
|
28
|
+
private _isInvalid;
|
|
29
|
+
private _required;
|
|
30
|
+
private _value;
|
|
31
|
+
private _subscription;
|
|
32
|
+
constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
|
|
33
|
+
ngOnInit(): void;
|
|
34
|
+
writeValue(value: string): void;
|
|
35
|
+
registerOnChange(fn: any): void;
|
|
36
|
+
registerOnTouched(fn: any): void;
|
|
37
|
+
onChange(event: any): void;
|
|
38
|
+
private _addCurrencyMask;
|
|
39
|
+
onFocusOut(): void;
|
|
40
|
+
private _onValidate;
|
|
41
|
+
onKeyDown(event: any): boolean;
|
|
42
|
+
onClearControl(): void;
|
|
43
|
+
ngOnDestroy(): void;
|
|
44
|
+
get control(): FormControl;
|
|
45
|
+
get directive(): FormGroupDirective;
|
|
46
|
+
get isDisabled(): boolean | null;
|
|
47
|
+
get isSubmitted(): boolean;
|
|
48
|
+
get isInvalid(): boolean;
|
|
49
|
+
get required(): boolean;
|
|
50
|
+
get value(): string;
|
|
51
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakMoneyFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
52
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakMoneyFieldComponent, "tak-money-field", 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; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onExecuteAction": "onExecuteAction"; "onKeyUp": "onKeyUp"; }, never, ["*"], false, never>;
|
|
53
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
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 TakNumberFieldComponent 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
|
+
hasActionButton: boolean;
|
|
16
|
+
hasClearButton: boolean;
|
|
17
|
+
countCaracters: boolean;
|
|
18
|
+
placeholder: string;
|
|
19
|
+
min: number;
|
|
20
|
+
max: number;
|
|
21
|
+
minLength: number;
|
|
22
|
+
maxLength: number;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
onExecuteAction: EventEmitter<any>;
|
|
25
|
+
onKeyUp: EventEmitter<any>;
|
|
26
|
+
onChangeFn: (_: any) => void;
|
|
27
|
+
onTouchFn: (_: any) => void;
|
|
28
|
+
private _isSubmitted;
|
|
29
|
+
private _isInvalid;
|
|
30
|
+
private _required;
|
|
31
|
+
private _value;
|
|
32
|
+
private _subscription;
|
|
33
|
+
constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
|
|
34
|
+
ngOnInit(): void;
|
|
35
|
+
writeValue(value: string): void;
|
|
36
|
+
registerOnChange(fn: any): void;
|
|
37
|
+
registerOnTouched(fn: any): void;
|
|
38
|
+
onChange(event: any): void;
|
|
39
|
+
onFocusOut(): void;
|
|
40
|
+
private _onValidate;
|
|
41
|
+
onClearControl(): void;
|
|
42
|
+
ngOnDestroy(): void;
|
|
43
|
+
get control(): FormControl;
|
|
44
|
+
get directive(): FormGroupDirective;
|
|
45
|
+
get isDisabled(): boolean | null;
|
|
46
|
+
get isSubmitted(): boolean;
|
|
47
|
+
get isInvalid(): boolean;
|
|
48
|
+
get required(): boolean;
|
|
49
|
+
get value(): string;
|
|
50
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakNumberFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakNumberFieldComponent, "tak-number-field", 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; }; "hasActionButton": { "alias": "hasActionButton"; "required": false; }; "hasClearButton": { "alias": "hasClearButton"; "required": false; }; "countCaracters": { "alias": "countCaracters"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onExecuteAction": "onExecuteAction"; "onKeyUp": "onKeyUp"; }, never, ["*"], false, never>;
|
|
52
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
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 '../fields.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, ["*"], false, never>;
|
|
44
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
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, ["*"], false, never>;
|
|
55
|
+
}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { ActivatedRoute, Router } from '@angular/router';
|
|
3
|
+
import { RoutePartsService } from '../services';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TakBreadcrumbComponent implements OnInit, OnDestroy {
|
|
6
|
+
private router;
|
|
7
|
+
private routePartsService;
|
|
8
|
+
private _cd;
|
|
9
|
+
private activeRoute;
|
|
10
|
+
private _routeParts;
|
|
11
|
+
private _routerEventSub;
|
|
12
|
+
private _base;
|
|
13
|
+
private _title;
|
|
14
|
+
private _singleRoute;
|
|
15
|
+
constructor(router: Router, routePartsService: RoutePartsService, _cd: ChangeDetectorRef, activeRoute: ActivatedRoute);
|
|
16
|
+
ngOnInit(): void;
|
|
17
|
+
private _generateTitle;
|
|
18
|
+
ngOnDestroy(): void;
|
|
19
|
+
get base(): string;
|
|
20
|
+
get title(): string;
|
|
21
|
+
get singleRoute(): boolean;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakBreadcrumbComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakBreadcrumbComponent, "tak-breadcrumb", never, {}, {}, never, never, false, never>;
|
|
24
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class TakFooterComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakFooterComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakFooterComponent, "tak-footer", never, {}, {}, never, ["[tak-custom-footer]"], false, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TakHeaderComponent implements AfterViewInit {
|
|
4
|
+
private _cd;
|
|
5
|
+
toggleSidebar: EventEmitter<any>;
|
|
6
|
+
mdWidth: number;
|
|
7
|
+
isActionButton: boolean;
|
|
8
|
+
isScreenMd: boolean;
|
|
9
|
+
constructor(_cd: ChangeDetectorRef);
|
|
10
|
+
onResize(): void;
|
|
11
|
+
onToggleSidebar(): void;
|
|
12
|
+
ngAfterViewInit(): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TakHeaderComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TakHeaderComponent, "tak-header", never, { "mdWidth": { "alias": "mdWidth"; "required": false; }; "isActionButton": { "alias": "isActionButton"; "required": false; }; }, { "toggleSidebar": "toggleSidebar"; }, never, ["[tak-custom-header]"], false, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './footer/footer.component';
|
|
2
|
+
export * from './header/header.component';
|
|
3
|
+
export * from './layout.component';
|
|
4
|
+
export * from './layout.module';
|
|
5
|
+
export * from './layout.navigation';
|
|
6
|
+
export * from './navigation-interfaces';
|
|
7
|
+
export * from './services';
|
|
8
|
+
export * from './sidebar/sidebar.component';
|