@tekus/design-system 5.21.0 → 5.22.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.
- package/fesm2022/tekus-design-system-components-autocomplete.mjs +15 -15
- package/fesm2022/tekus-design-system-components-autocomplete.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-badge.mjs +8 -8
- package/fesm2022/tekus-design-system-components-badge.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-button.mjs +3 -3
- package/fesm2022/tekus-design-system-components-button.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-checkbox.mjs +14 -16
- package/fesm2022/tekus-design-system-components-checkbox.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-date-picker.mjs +22 -22
- package/fesm2022/tekus-design-system-components-date-picker.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-drawer.mjs +29 -29
- package/fesm2022/tekus-design-system-components-drawer.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-fallback-view.mjs +4 -5
- package/fesm2022/tekus-design-system-components-fallback-view.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-icon.mjs +13 -15
- package/fesm2022/tekus-design-system-components-icon.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-input-number.mjs +12 -14
- package/fesm2022/tekus-design-system-components-input-number.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-input-text.mjs +17 -18
- package/fesm2022/tekus-design-system-components-input-text.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-modal.mjs +31 -31
- package/fesm2022/tekus-design-system-components-modal.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-multiselect.mjs +19 -19
- package/fesm2022/tekus-design-system-components-multiselect.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-pagination.mjs +12 -12
- package/fesm2022/tekus-design-system-components-pagination.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-panel.mjs +3 -3
- package/fesm2022/tekus-design-system-components-panel.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-radio-button.mjs +13 -15
- package/fesm2022/tekus-design-system-components-radio-button.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-select.mjs +16 -16
- package/fesm2022/tekus-design-system-components-select.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-table.mjs +13 -13
- package/fesm2022/tekus-design-system-components-table.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-tabs.mjs +18 -21
- package/fesm2022/tekus-design-system-components-tabs.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-tag.mjs +11 -19
- package/fesm2022/tekus-design-system-components-tag.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-textarea.mjs +16 -18
- package/fesm2022/tekus-design-system-components-textarea.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-toolbar.mjs +18 -18
- package/fesm2022/tekus-design-system-components-toolbar.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-tooltip.mjs +6 -6
- package/fesm2022/tekus-design-system-components-tooltip.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-topbar.mjs +9 -9
- package/fesm2022/tekus-design-system-components-topbar.mjs.map +1 -1
- package/fesm2022/tekus-design-system-core-types.mjs +6 -6
- package/fesm2022/tekus-design-system-core-types.mjs.map +1 -1
- package/fesm2022/tekus-design-system-core.mjs +6 -6
- package/fesm2022/tekus-design-system-core.mjs.map +1 -1
- package/fesm2022/tekus-design-system-directives-gird-item.mjs +4 -4
- package/fesm2022/tekus-design-system-directives-gird-item.mjs.map +1 -1
- package/fesm2022/tekus-design-system-utils-sanitizer-utils.mjs.map +1 -1
- package/package.json +53 -48
- package/{components/autocomplete/src/autocomplete.component.d.ts → types/tekus-design-system-components-autocomplete.d.ts} +18 -16
- package/{components/badge/src/badge.component.d.ts → types/tekus-design-system-components-badge.d.ts} +12 -8
- package/{components/button/src/button.component.d.ts → types/tekus-design-system-components-button.d.ts} +8 -4
- package/{components/checkbox/src/checkbox.component.d.ts → types/tekus-design-system-components-checkbox.d.ts} +18 -15
- package/{components/date-picker/src/date-picker.component.d.ts → types/tekus-design-system-components-date-picker.d.ts} +33 -28
- package/{components/drawer/src/drawer.component.d.ts → types/tekus-design-system-components-drawer.d.ts} +54 -19
- package/{components/fallback-view/src/fallback-view.component.d.ts → types/tekus-design-system-components-fallback-view.d.ts} +7 -3
- package/types/tekus-design-system-components-icon.d.ts +108 -0
- package/{components/input-number/src/input-number.component.d.ts → types/tekus-design-system-components-input-number.d.ts} +15 -12
- package/{components/input-text/src/input-text.component.d.ts → types/tekus-design-system-components-input-text.d.ts} +20 -17
- package/types/tekus-design-system-components-modal.d.ts +186 -0
- package/{components/multiselect/src/multiselect.component.d.ts → types/tekus-design-system-components-multiselect.d.ts} +30 -22
- package/{components/pagination/src/pagination.component.d.ts → types/tekus-design-system-components-pagination.d.ts} +16 -13
- package/{components/panel/src/panel.component.d.ts → types/tekus-design-system-components-panel.d.ts} +5 -2
- package/{components/radio-button/src/radio-button.component.d.ts → types/tekus-design-system-components-radio-button.d.ts} +16 -13
- package/{components/select/src/select.component.d.ts → types/tekus-design-system-components-select.d.ts} +20 -17
- package/{components/table/src/table.component.d.ts → types/tekus-design-system-components-table.d.ts} +30 -12
- package/{components/tabs/src/tabs.component.d.ts → types/tekus-design-system-components-tabs.d.ts} +23 -14
- package/{components/tag/src/tag.component.d.ts → types/tekus-design-system-components-tag.d.ts} +14 -10
- package/{components/textarea/src/textarea.component.d.ts → types/tekus-design-system-components-textarea.d.ts} +18 -15
- package/{components/toolbar/src/toolbar.component.d.ts → types/tekus-design-system-components-toolbar.d.ts} +21 -18
- package/types/tekus-design-system-components-tooltip.d.ts +39 -0
- package/types/tekus-design-system-components-topbar.d.ts +37 -0
- package/types/tekus-design-system-core-types.d.ts +182 -0
- package/types/tekus-design-system-core.d.ts +182 -0
- package/{directives/gird-item/src/grid-item.directive.d.ts → types/tekus-design-system-directives-gird-item.d.ts} +11 -7
- package/{utils/sanitizer-utils/src/sanitizer-utils.d.ts → types/tekus-design-system-utils-sanitizer-utils.d.ts} +5 -3
- package/types/tekus-design-system.d.ts +2 -0
- package/components/autocomplete/index.d.ts +0 -5
- package/components/autocomplete/public-api.d.ts +0 -1
- package/components/badge/index.d.ts +0 -5
- package/components/badge/public-api.d.ts +0 -1
- package/components/button/index.d.ts +0 -5
- package/components/button/public-api.d.ts +0 -1
- package/components/checkbox/index.d.ts +0 -5
- package/components/checkbox/public-api.d.ts +0 -1
- package/components/date-picker/index.d.ts +0 -5
- package/components/date-picker/public-api.d.ts +0 -1
- package/components/drawer/index.d.ts +0 -5
- package/components/drawer/public-api.d.ts +0 -3
- package/components/drawer/src/drawer.types.d.ts +0 -22
- package/components/drawer/src/services/drawer.service.d.ts +0 -15
- package/components/fallback-view/index.d.ts +0 -5
- package/components/fallback-view/public-api.d.ts +0 -1
- package/components/icon/core/icon-catalog.d.ts +0 -76
- package/components/icon/core/icons/ads.icons.d.ts +0 -2
- package/components/icon/core/icons/angle.icons.d.ts +0 -2
- package/components/icon/core/icons/arrow.icons.d.ts +0 -2
- package/components/icon/core/icons/arrows-rotate.d.ts +0 -2
- package/components/icon/core/icons/bars.icons.d.ts +0 -2
- package/components/icon/core/icons/bolt.icons.d.ts +0 -2
- package/components/icon/core/icons/book.icons.d.ts +0 -2
- package/components/icon/core/icons/calendar.icons.d.ts +0 -2
- package/components/icon/core/icons/camera.icons.d.ts +0 -2
- package/components/icon/core/icons/chart.icons.d.ts +0 -2
- package/components/icon/core/icons/check.icons.d.ts +0 -2
- package/components/icon/core/icons/chevron.icons.d.ts +0 -2
- package/components/icon/core/icons/circle.icons.d.ts +0 -2
- package/components/icon/core/icons/clock.icons.d.ts +0 -2
- package/components/icon/core/icons/clone.icons.d.ts +0 -2
- package/components/icon/core/icons/download.icons.d.ts +0 -2
- package/components/icon/core/icons/edit.d.ts +0 -2
- package/components/icon/core/icons/ellipsis.icons.d.ts +0 -2
- package/components/icon/core/icons/eye.icons.d.ts +0 -2
- package/components/icon/core/icons/filter.icons.d.ts +0 -2
- package/components/icon/core/icons/folders.icons.d.ts +0 -2
- package/components/icon/core/icons/gears.icons.d.ts +0 -2
- package/components/icon/core/icons/globe-pointer.d.ts +0 -2
- package/components/icon/core/icons/grip-vertical.d.ts +0 -2
- package/components/icon/core/icons/hand.icons.d.ts +0 -2
- package/components/icon/core/icons/language.icons.d.ts +0 -2
- package/components/icon/core/icons/layer.icons.d.ts +0 -2
- package/components/icon/core/icons/link.icons.d.ts +0 -2
- package/components/icon/core/icons/list.icons.d.ts +0 -2
- package/components/icon/core/icons/location.icons.d.ts +0 -2
- package/components/icon/core/icons/lock.icons.d.ts +0 -2
- package/components/icon/core/icons/magnifying-glass.icons.d.ts +0 -2
- package/components/icon/core/icons/media.icons.d.ts +0 -2
- package/components/icon/core/icons/megaphone.icons.d.ts +0 -2
- package/components/icon/core/icons/money.icons.d.ts +0 -2
- package/components/icon/core/icons/pen.icons.d.ts +0 -2
- package/components/icon/core/icons/pencil.icons.d.ts +0 -2
- package/components/icon/core/icons/plug.icons.d.ts +0 -2
- package/components/icon/core/icons/plus.icons.d.ts +0 -2
- package/components/icon/core/icons/qr-code.icons.d.ts +0 -2
- package/components/icon/core/icons/screwdriver-wrench.icons.d.ts +0 -2
- package/components/icon/core/icons/shuffle.icons.d.ts +0 -2
- package/components/icon/core/icons/square.icons.d.ts +0 -2
- package/components/icon/core/icons/tag.icons.d.ts +0 -2
- package/components/icon/core/icons/thumbs.icons.d.ts +0 -2
- package/components/icon/core/icons/trash.icons.d.ts +0 -2
- package/components/icon/core/icons/triangle.icons.d.ts +0 -2
- package/components/icon/core/icons/user.icons.d.ts +0 -2
- package/components/icon/core/icons/xmark.icons.d.ts +0 -2
- package/components/icon/core/svg-icons/ads-icon.svg.d.ts +0 -2
- package/components/icon/core/svg-icons/index.d.ts +0 -1
- package/components/icon/index.d.ts +0 -5
- package/components/icon/public-api.d.ts +0 -2
- package/components/icon/src/icon.component.d.ts +0 -79
- package/components/input-number/index.d.ts +0 -5
- package/components/input-number/public-api.d.ts +0 -1
- package/components/input-text/index.d.ts +0 -5
- package/components/input-text/public-api.d.ts +0 -1
- package/components/modal/index.d.ts +0 -5
- package/components/modal/public-api.d.ts +0 -3
- package/components/modal/src/modal.component.d.ts +0 -118
- package/components/modal/src/modal.types.d.ts +0 -39
- package/components/modal/src/services/modal.service.d.ts +0 -31
- package/components/multiselect/index.d.ts +0 -5
- package/components/multiselect/public-api.d.ts +0 -2
- package/components/multiselect/src/multiselect.types.d.ts +0 -4
- package/components/pagination/index.d.ts +0 -5
- package/components/pagination/public-api.d.ts +0 -1
- package/components/panel/index.d.ts +0 -5
- package/components/panel/public-api.d.ts +0 -1
- package/components/radio-button/index.d.ts +0 -5
- package/components/radio-button/public-api.d.ts +0 -1
- package/components/select/index.d.ts +0 -5
- package/components/select/public-api.d.ts +0 -1
- package/components/table/index.d.ts +0 -5
- package/components/table/public-api.d.ts +0 -2
- package/components/table/src/table.interface.d.ts +0 -14
- package/components/tabs/index.d.ts +0 -5
- package/components/tabs/public-api.d.ts +0 -2
- package/components/tabs/src/tabs.interface.d.ts +0 -11
- package/components/tag/index.d.ts +0 -5
- package/components/tag/public-api.d.ts +0 -1
- package/components/textarea/index.d.ts +0 -5
- package/components/textarea/public-api.d.ts +0 -1
- package/components/toolbar/index.d.ts +0 -5
- package/components/toolbar/public-api.d.ts +0 -1
- package/components/tooltip/index.d.ts +0 -5
- package/components/tooltip/public-api.d.ts +0 -1
- package/components/tooltip/src/tooltip.component.d.ts +0 -35
- package/components/topbar/index.d.ts +0 -5
- package/components/topbar/public-api.d.ts +0 -2
- package/components/topbar/src/topbar.component.d.ts +0 -20
- package/components/topbar/src/topbar.types.d.ts +0 -13
- package/core/index.d.ts +0 -5
- package/core/public-api.d.ts +0 -1
- package/core/types/index.d.ts +0 -5
- package/core/types/public-api.d.ts +0 -10
- package/core/types/src/branding/branding.types.d.ts +0 -15
- package/core/types/src/branding/index.d.ts +0 -1
- package/core/types/src/breakpoints/breakpoints.d.ts +0 -10
- package/core/types/src/breakpoints/index.d.ts +0 -1
- package/core/types/src/grids/grid.enum.d.ts +0 -18
- package/core/types/src/grids/grid.model.d.ts +0 -10
- package/core/types/src/grids/grid.type.d.ts +0 -40
- package/core/types/src/grids/index.d.ts +0 -3
- package/core/types/src/illustration-config/illustration-config.model.d.ts +0 -4
- package/core/types/src/illustration-config/index.d.ts +0 -1
- package/core/types/src/interception/index.d.ts +0 -1
- package/core/types/src/interception/interception.types.d.ts +0 -21
- package/core/types/src/option/index.d.ts +0 -1
- package/core/types/src/option/option.model.d.ts +0 -8
- package/core/types/src/theme/theme.provider.d.ts +0 -1
- package/core/types/src/theme/tk-preset.d.ts +0 -1
- package/core/types/src/typography-styles/index.d.ts +0 -1
- package/core/types/src/typography-styles/typographyStyles.model.d.ts +0 -36
- package/core/types/src/validator-with-message/index.d.ts +0 -1
- package/core/types/src/validator-with-message/validator-with-message.model.d.ts +0 -5
- package/directives/gird-item/index.d.ts +0 -5
- package/directives/gird-item/public-api.d.ts +0 -1
- package/index.d.ts +0 -1
- package/utils/sanitizer-utils/index.d.ts +0 -5
- package/utils/sanitizer-utils/public-api.d.ts +0 -1
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
1
2
|
import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
|
|
2
3
|
import { AutoComplete } from 'primeng/autocomplete';
|
|
3
|
-
|
|
4
|
+
|
|
4
5
|
type AutocompleteValue<T = unknown> = T | T[] | null;
|
|
5
|
-
|
|
6
|
+
declare class AutocompleteComponent<T = unknown> implements ControlValueAccessor {
|
|
6
7
|
readonly ngControl: NgControl | null;
|
|
7
8
|
/**
|
|
8
9
|
* @property {string} id
|
|
@@ -11,26 +12,26 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
|
|
|
11
12
|
*
|
|
12
13
|
* @default 'autocomplete'
|
|
13
14
|
*/
|
|
14
|
-
id:
|
|
15
|
+
id: _angular_core.InputSignal<string>;
|
|
15
16
|
/**
|
|
16
17
|
* @property {InputSignal<string>} icon
|
|
17
18
|
* @description
|
|
18
19
|
* Icon to display next to the input (e.g., 'magnifying-glass').
|
|
19
20
|
*/
|
|
20
|
-
icon:
|
|
21
|
+
icon: _angular_core.InputSignal<string>;
|
|
21
22
|
/**
|
|
22
23
|
* @property {InputSignal<FormControl>} control
|
|
23
24
|
* @description
|
|
24
25
|
* External FormControl used to read/set the input value.
|
|
25
26
|
* If not provided, an internal FormControl is created.
|
|
26
27
|
*/
|
|
27
|
-
control:
|
|
28
|
+
control: _angular_core.InputSignal<FormControl<any> | undefined>;
|
|
28
29
|
/**
|
|
29
30
|
* @property {string} label
|
|
30
31
|
* @description
|
|
31
32
|
* Floating label displayed above the autocomplete input.
|
|
32
33
|
*/
|
|
33
|
-
label:
|
|
34
|
+
label: _angular_core.InputSignal<string>;
|
|
34
35
|
/**
|
|
35
36
|
* @property {boolean} disabled
|
|
36
37
|
* @description
|
|
@@ -38,19 +39,19 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
|
|
|
38
39
|
*
|
|
39
40
|
* @default false
|
|
40
41
|
*/
|
|
41
|
-
disabled:
|
|
42
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
42
43
|
/**
|
|
43
44
|
* @property {InputSignal<string>} errorMessage
|
|
44
45
|
* @description
|
|
45
46
|
* Message to display when the control is invalid and touched.
|
|
46
47
|
*/
|
|
47
|
-
errorMessage:
|
|
48
|
+
errorMessage: _angular_core.InputSignal<string>;
|
|
48
49
|
/**
|
|
49
50
|
* @property {InputSignal<string>} hint
|
|
50
51
|
* @description
|
|
51
52
|
* Hint text to display below the input.
|
|
52
53
|
*/
|
|
53
|
-
hint:
|
|
54
|
+
hint: _angular_core.InputSignal<string>;
|
|
54
55
|
/**
|
|
55
56
|
* @property {AutocompleteValue<T>} value
|
|
56
57
|
* @description
|
|
@@ -59,14 +60,14 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
|
|
|
59
60
|
* @internal
|
|
60
61
|
*/
|
|
61
62
|
value: AutocompleteValue<T>;
|
|
62
|
-
internalDisabled:
|
|
63
|
+
internalDisabled: _angular_core.WritableSignal<boolean>;
|
|
63
64
|
/**
|
|
64
65
|
* @property {Signal<AutocompleteValue<T>>} model
|
|
65
66
|
* @description
|
|
66
67
|
* Two-way binding model using Angular signals.
|
|
67
68
|
* Allows usage with the syntax: `[(model)]="myValue"`.
|
|
68
69
|
*/
|
|
69
|
-
model:
|
|
70
|
+
model: _angular_core.ModelSignal<AutocompleteValue<T> | undefined>;
|
|
70
71
|
/**
|
|
71
72
|
* @event modelChange
|
|
72
73
|
* @description
|
|
@@ -76,7 +77,7 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
|
|
|
76
77
|
* @example
|
|
77
78
|
* <tk-autocomplete (modelChange)="onChange($event)"></tk-autocomplete>
|
|
78
79
|
*/
|
|
79
|
-
modelChange:
|
|
80
|
+
modelChange: _angular_core.OutputEmitterRef<AutocompleteValue<T>>;
|
|
80
81
|
private onChangeFn;
|
|
81
82
|
private onTouchedFn;
|
|
82
83
|
constructor();
|
|
@@ -139,8 +140,9 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
|
|
|
139
140
|
* Returns the injected NgControl's control if available, otherwise falls back to the local `control` input.
|
|
140
141
|
* This getter is crucial for unifying validation status checks in the template.
|
|
141
142
|
*/
|
|
142
|
-
get effectiveControl(): FormControl
|
|
143
|
-
static ɵfac:
|
|
144
|
-
static ɵcmp:
|
|
143
|
+
get effectiveControl(): FormControl | undefined;
|
|
144
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteComponent<any>, never>;
|
|
145
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteComponent<any>, "tk-autocomplete", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "modelChange": "modelChange"; }, never, never, true, never>;
|
|
145
146
|
}
|
|
146
|
-
|
|
147
|
+
|
|
148
|
+
export { AutocompleteComponent };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
type BadgeSeverity = 'secondary' | 'primary' | 'contrast';
|
|
3
4
|
/**
|
|
4
5
|
* @component BadgeComponent
|
|
5
6
|
* @description
|
|
@@ -16,19 +17,22 @@ export type BadgeSeverity = 'secondary' | 'primary' | 'contrast';
|
|
|
16
17
|
* ```html
|
|
17
18
|
* <tk-badge value="5" severity="primary"></tk-badge>
|
|
18
19
|
* */
|
|
19
|
-
|
|
20
|
+
declare class BadgeComponent {
|
|
20
21
|
/** The text content to be displayed in the badge. */
|
|
21
|
-
value:
|
|
22
|
+
value: _angular_core.InputSignal<string>;
|
|
22
23
|
/**
|
|
23
24
|
* The severity level of the badge, which determines its color and styling.
|
|
24
25
|
* @default 'primary'
|
|
25
26
|
*/
|
|
26
|
-
severity:
|
|
27
|
+
severity: _angular_core.InputSignal<BadgeSeverity>;
|
|
27
28
|
/**
|
|
28
29
|
* Computed property that maps the custom `BadgeSeverity` to the underlying PrimeNG `severity`.
|
|
29
30
|
* Returns `undefined` for 'primary' as it uses the default style, and maps others accordingly.
|
|
30
31
|
*/
|
|
31
|
-
primeSeverity:
|
|
32
|
-
static ɵfac:
|
|
33
|
-
static ɵcmp:
|
|
32
|
+
primeSeverity: _angular_core.Signal<"secondary" | "contrast" | "success">;
|
|
33
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
34
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "tk-badge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
34
35
|
}
|
|
36
|
+
|
|
37
|
+
export { BadgeComponent };
|
|
38
|
+
export type { BadgeSeverity };
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
1
2
|
import { EventEmitter } from '@angular/core';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
|
|
4
|
+
type ButtonSeverity = 'primary' | 'secondary' | 'danger';
|
|
5
|
+
type Variant = 'text' | 'outlined';
|
|
5
6
|
/**
|
|
6
7
|
* @component ButtonComponent
|
|
7
8
|
* @description
|
|
@@ -29,7 +30,7 @@ export type Variant = 'text' | 'outlined';
|
|
|
29
30
|
* </tk-button>
|
|
30
31
|
* ```
|
|
31
32
|
*/
|
|
32
|
-
|
|
33
|
+
declare class ButtonComponent {
|
|
33
34
|
/**
|
|
34
35
|
* @property {string} label
|
|
35
36
|
* @description
|
|
@@ -128,3 +129,6 @@ export declare class ButtonComponent {
|
|
|
128
129
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
129
130
|
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "tk-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "link": { "alias": "link"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
130
131
|
}
|
|
132
|
+
|
|
133
|
+
export { ButtonComponent };
|
|
134
|
+
export type { ButtonSeverity, Variant };
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
1
2
|
import { OnInit, OnDestroy } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor,
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
|
|
4
|
+
|
|
5
|
+
declare class CheckboxComponent implements ControlValueAccessor, OnInit, OnDestroy {
|
|
5
6
|
/** Internal references and injections */
|
|
6
7
|
readonly ngControl: NgControl | null;
|
|
7
8
|
/**
|
|
@@ -15,64 +16,64 @@ export declare class CheckboxComponent implements ControlValueAccessor, OnInit,
|
|
|
15
16
|
* The value of the checkbox model (checked state or array of values).
|
|
16
17
|
* Supports two-way binding via signals.
|
|
17
18
|
*/
|
|
18
|
-
model:
|
|
19
|
+
model: _angular_core.ModelSignal<unknown>;
|
|
19
20
|
/**
|
|
20
21
|
* @property {InputSignal<any>} value
|
|
21
22
|
* @description
|
|
22
23
|
* The value of the checkbox itself (used when part of a group).
|
|
23
24
|
*/
|
|
24
|
-
value:
|
|
25
|
+
value: _angular_core.InputSignal<unknown>;
|
|
25
26
|
/**
|
|
26
27
|
* @property {InputSignal<string>} label
|
|
27
28
|
* @description
|
|
28
29
|
* Label displayed next to the checkbox.
|
|
29
30
|
*/
|
|
30
|
-
label:
|
|
31
|
+
label: _angular_core.InputSignal<string>;
|
|
31
32
|
/**
|
|
32
33
|
* @property {InputSignal<string>} name
|
|
33
34
|
* @description
|
|
34
35
|
* Name attribute for the checkbox.
|
|
35
36
|
*/
|
|
36
|
-
name:
|
|
37
|
+
name: _angular_core.InputSignal<string>;
|
|
37
38
|
/**
|
|
38
39
|
* @property {InputSignal<string>} inputId
|
|
39
40
|
* @description
|
|
40
41
|
* HTML id attribute for the checkbox input.
|
|
41
42
|
*/
|
|
42
|
-
inputId:
|
|
43
|
+
inputId: _angular_core.InputSignal<string>;
|
|
43
44
|
/**
|
|
44
45
|
* @property {InputSignal<boolean>} binary
|
|
45
46
|
* @description
|
|
46
47
|
* Boolean property to indicate if the checkbox is a binary toggle.
|
|
47
48
|
* @default false
|
|
48
49
|
*/
|
|
49
|
-
binary:
|
|
50
|
+
binary: _angular_core.InputSignal<boolean>;
|
|
50
51
|
/**
|
|
51
52
|
* @property {InputSignal<FormControl>} control
|
|
52
53
|
* @description
|
|
53
54
|
* External FormControl used to read/set the checkbox value.
|
|
54
55
|
* If not provided, an internal FormControl is created.
|
|
55
56
|
*/
|
|
56
|
-
control:
|
|
57
|
+
control: _angular_core.InputSignal<FormControl<any>>;
|
|
57
58
|
/**
|
|
58
59
|
* @property {InputSignal<string>} errorMessage
|
|
59
60
|
* @description
|
|
60
61
|
* Message to display when the control is invalid and touched.
|
|
61
62
|
*/
|
|
62
|
-
errorMessage:
|
|
63
|
+
errorMessage: _angular_core.InputSignal<string>;
|
|
63
64
|
/**
|
|
64
65
|
* @property {ModelSignal<boolean>} indeterminate
|
|
65
66
|
* @description
|
|
66
67
|
* Indeterminate state of the checkbox (reactive).
|
|
67
68
|
* Useful for parent checkboxes in lists with partial selection.
|
|
68
69
|
*/
|
|
69
|
-
indeterminate:
|
|
70
|
+
indeterminate: _angular_core.ModelSignal<boolean>;
|
|
70
71
|
/**
|
|
71
72
|
* @property {boolean} disabled
|
|
72
73
|
* @description
|
|
73
74
|
* Whether the checkbox is disabled.
|
|
74
75
|
*/
|
|
75
|
-
disabled:
|
|
76
|
+
disabled: _angular_core.ModelSignal<boolean>;
|
|
76
77
|
/** Component Methods */
|
|
77
78
|
get effectiveControl(): FormControl;
|
|
78
79
|
onChange: (value: unknown) => void;
|
|
@@ -104,6 +105,8 @@ export declare class CheckboxComponent implements ControlValueAccessor, OnInit,
|
|
|
104
105
|
* Handle blur events to trigger onTouched.
|
|
105
106
|
*/
|
|
106
107
|
onBlur(): void;
|
|
107
|
-
static ɵfac:
|
|
108
|
-
static ɵcmp:
|
|
108
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
109
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "tk-checkbox", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "indeterminate": "indeterminateChange"; "disabled": "disabledChange"; }, never, never, true, never>;
|
|
109
110
|
}
|
|
111
|
+
|
|
112
|
+
export { CheckboxComponent };
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
|
|
2
|
+
import * as _angular_core from '@angular/core';
|
|
1
3
|
import { OnInit, OnDestroy } from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
|
|
5
|
+
|
|
6
|
+
type DateValue = Date | [Date, Date] | null;
|
|
7
|
+
declare class DatePickerComponent implements OnInit, OnDestroy, ControlValueAccessor {
|
|
6
8
|
/** Internal references and injections */
|
|
7
9
|
readonly ngControl: NgControl | null;
|
|
8
10
|
constructor();
|
|
@@ -14,7 +16,7 @@ export declare class DatePickerComponent implements OnInit, OnDestroy, ControlVa
|
|
|
14
16
|
* - `'time'`: time-only picker
|
|
15
17
|
* @default 'date'
|
|
16
18
|
*/
|
|
17
|
-
variant:
|
|
19
|
+
variant: _angular_core.InputSignal<"date" | "time">;
|
|
18
20
|
/**
|
|
19
21
|
* @property {InputSignal<'single' | 'range'>} selectionMode
|
|
20
22
|
* @description
|
|
@@ -23,128 +25,128 @@ export declare class DatePickerComponent implements OnInit, OnDestroy, ControlVa
|
|
|
23
25
|
* - `'range'`: select a pair of dates [start, end]
|
|
24
26
|
* @default 'range'
|
|
25
27
|
*/
|
|
26
|
-
selectionMode:
|
|
28
|
+
selectionMode: _angular_core.InputSignal<"single" | "range">;
|
|
27
29
|
/**
|
|
28
30
|
* @property {InputSignal<boolean>} readonlyInput
|
|
29
31
|
* @description
|
|
30
32
|
* Disables manual typing in the input and forces the user to select via the calendar.
|
|
31
33
|
* @default true
|
|
32
34
|
*/
|
|
33
|
-
readonlyInput:
|
|
35
|
+
readonlyInput: _angular_core.InputSignal<boolean>;
|
|
34
36
|
/**
|
|
35
37
|
* @property {InputSignal<boolean>} showClear
|
|
36
38
|
* @description
|
|
37
39
|
* Displays a clear button that resets the datepicker value.
|
|
38
40
|
* @default true
|
|
39
41
|
*/
|
|
40
|
-
showClear:
|
|
42
|
+
showClear: _angular_core.InputSignal<boolean>;
|
|
41
43
|
/**
|
|
42
44
|
* @property {InputSignal<boolean>} showIcon
|
|
43
45
|
* @description
|
|
44
46
|
* Shows the calendar or clock icon inside the input.
|
|
45
47
|
* @default true
|
|
46
48
|
*/
|
|
47
|
-
showIcon:
|
|
49
|
+
showIcon: _angular_core.InputSignal<boolean>;
|
|
48
50
|
/**
|
|
49
51
|
* @property {InputSignal<string>} dateFormat
|
|
50
52
|
* @description
|
|
51
53
|
* Format used by PrimeNG for displaying dates.
|
|
52
54
|
* @default 'mm/dd/yy'
|
|
53
55
|
*/
|
|
54
|
-
dateFormat:
|
|
56
|
+
dateFormat: _angular_core.InputSignal<string>;
|
|
55
57
|
/**
|
|
56
58
|
* @property {InputSignal<string>} timeFormat
|
|
57
59
|
* @description
|
|
58
60
|
* Format used by PrimeNG for displaying times.
|
|
59
61
|
* @default 'HH:mm'
|
|
60
62
|
*/
|
|
61
|
-
timeFormat:
|
|
63
|
+
timeFormat: _angular_core.InputSignal<string>;
|
|
62
64
|
/**
|
|
63
65
|
* @property {InputSignal<number>} stepHour
|
|
64
66
|
* @description
|
|
65
67
|
* Hours to skip when clicking up/down.
|
|
66
68
|
* @default 1
|
|
67
69
|
*/
|
|
68
|
-
stepHour:
|
|
70
|
+
stepHour: _angular_core.InputSignal<number>;
|
|
69
71
|
/**
|
|
70
72
|
* @property {InputSignal<number>} stepMinute
|
|
71
73
|
* @description
|
|
72
74
|
* Minutes to skip when clicking up/down.
|
|
73
75
|
* @default 1
|
|
74
76
|
*/
|
|
75
|
-
stepMinute:
|
|
77
|
+
stepMinute: _angular_core.InputSignal<number>;
|
|
76
78
|
/**
|
|
77
79
|
* @property {InputSignal<number>} stepSecond
|
|
78
80
|
* @description
|
|
79
81
|
* Seconds to skip when clicking up/down.
|
|
80
82
|
* @default 1
|
|
81
83
|
*/
|
|
82
|
-
stepSecond:
|
|
84
|
+
stepSecond: _angular_core.InputSignal<number>;
|
|
83
85
|
/**
|
|
84
86
|
* @property {InputSignal<boolean>} showSeconds
|
|
85
87
|
* @description
|
|
86
88
|
* Whether to show seconds in the time picker.
|
|
87
89
|
* @default false
|
|
88
90
|
*/
|
|
89
|
-
showSeconds:
|
|
91
|
+
showSeconds: _angular_core.InputSignal<boolean>;
|
|
90
92
|
/**
|
|
91
93
|
* @property {InputSignal<Date | null>} maxDate
|
|
92
94
|
* @description
|
|
93
95
|
* Maximum selectable date.
|
|
94
96
|
* @default null
|
|
95
97
|
*/
|
|
96
|
-
maxDate:
|
|
98
|
+
maxDate: _angular_core.InputSignal<Date | null>;
|
|
97
99
|
/**
|
|
98
100
|
* @property {InputSignal<Date | null>} minDate
|
|
99
101
|
* @description
|
|
100
102
|
* Minimum selectable date.
|
|
101
103
|
* @default null
|
|
102
104
|
*/
|
|
103
|
-
minDate:
|
|
105
|
+
minDate: _angular_core.InputSignal<Date | null>;
|
|
104
106
|
/**
|
|
105
107
|
* @property {InputSignal<string>} labelText
|
|
106
108
|
* @description
|
|
107
109
|
* Label shown by the float-label wrapper.
|
|
108
110
|
*/
|
|
109
|
-
labelText:
|
|
111
|
+
labelText: _angular_core.InputSignal<string>;
|
|
110
112
|
/**
|
|
111
113
|
* @property {InputSignal<FormControl>} control
|
|
112
114
|
* @description
|
|
113
115
|
* External FormControl used to read/set the datepicker value.
|
|
114
116
|
* If not provided, an internal FormControl is created.
|
|
115
117
|
*/
|
|
116
|
-
control:
|
|
118
|
+
control: _angular_core.InputSignal<FormControl<any> | undefined>;
|
|
117
119
|
/**
|
|
118
120
|
* @property {ModelSignal<DateValue>} modelValue
|
|
119
121
|
* @description
|
|
120
122
|
* The value of the datepicker model. Supports two-way binding.
|
|
121
123
|
*/
|
|
122
|
-
modelValue:
|
|
124
|
+
modelValue: _angular_core.ModelSignal<DateValue>;
|
|
123
125
|
/**
|
|
124
126
|
* @property {OutputRef<DateValue>} handleSelect
|
|
125
127
|
* @description
|
|
126
128
|
* Emitted when a value is selected.
|
|
127
129
|
*/
|
|
128
|
-
handleSelect:
|
|
130
|
+
handleSelect: _angular_core.OutputEmitterRef<DateValue>;
|
|
129
131
|
/**
|
|
130
132
|
* @property {OutputRef<void>} handleClear
|
|
131
133
|
* @description
|
|
132
134
|
* Emitted when the value is cleared.
|
|
133
135
|
*/
|
|
134
|
-
handleClear:
|
|
136
|
+
handleClear: _angular_core.OutputEmitterRef<void>;
|
|
135
137
|
/** Computed properties */
|
|
136
138
|
/**
|
|
137
139
|
* @property {Signal<'single' | 'range'>} effectiveSelectionMode
|
|
138
140
|
* @description
|
|
139
141
|
* Returns 'single' automatically if variant is 'time', otherwise returns the user-provided selectionMode.
|
|
140
142
|
*/
|
|
141
|
-
effectiveSelectionMode:
|
|
143
|
+
effectiveSelectionMode: _angular_core.Signal<"single" | "range">;
|
|
142
144
|
/**
|
|
143
145
|
* @property {Signal<string>} effectiveDateFormat
|
|
144
146
|
* @description
|
|
145
147
|
* Returns the user-provided dateFormat or timeFormat based on the variant.
|
|
146
148
|
*/
|
|
147
|
-
effectiveDateFormat:
|
|
149
|
+
effectiveDateFormat: _angular_core.Signal<string>;
|
|
148
150
|
/**
|
|
149
151
|
* @property {Signal<FormControl>} effectiveControl
|
|
150
152
|
* @description
|
|
@@ -153,8 +155,8 @@ export declare class DatePickerComponent implements OnInit, OnDestroy, ControlVa
|
|
|
153
155
|
internalControl: FormControl<DateValue>;
|
|
154
156
|
get effectiveControl(): FormControl;
|
|
155
157
|
/** Icons */
|
|
156
|
-
faCalendarDay:
|
|
157
|
-
faClock:
|
|
158
|
+
faCalendarDay: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
159
|
+
faClock: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
158
160
|
/** CVA Logic */
|
|
159
161
|
onChange: (value: DateValue) => void;
|
|
160
162
|
onTouched: () => void;
|
|
@@ -183,6 +185,9 @@ export declare class DatePickerComponent implements OnInit, OnDestroy, ControlVa
|
|
|
183
185
|
* Programmatically clears the value.
|
|
184
186
|
*/
|
|
185
187
|
clear(): void;
|
|
186
|
-
static ɵfac:
|
|
187
|
-
static ɵcmp:
|
|
188
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
|
|
189
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "tk-date-picker", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "stepHour": { "alias": "stepHour"; "required": false; "isSignal": true; }; "stepMinute": { "alias": "stepMinute"; "required": false; "isSignal": true; }; "stepSecond": { "alias": "stepSecond"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; }, { "modelValue": "modelValueChange"; "handleSelect": "handleSelect"; "handleClear": "handleClear"; }, never, never, true, never>;
|
|
188
190
|
}
|
|
191
|
+
|
|
192
|
+
export { DatePickerComponent };
|
|
193
|
+
export type { DateValue };
|
|
@@ -1,7 +1,29 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { Type, OnDestroy, EventEmitter, ComponentRef } from '@angular/core';
|
|
3
|
+
import { Variant } from '@tekus/design-system/components/button';
|
|
4
|
+
import { SeverityType } from '@tekus/design-system/components/modal';
|
|
3
5
|
import { TkCloseInterceptor } from '@tekus/design-system/core/types';
|
|
4
|
-
import
|
|
6
|
+
import { Observable } from 'rxjs';
|
|
7
|
+
|
|
8
|
+
type DrawerSizeType = 'small' | 'large';
|
|
9
|
+
interface DrawerHeaderAction {
|
|
10
|
+
label: string;
|
|
11
|
+
severity: SeverityType;
|
|
12
|
+
action?: () => void;
|
|
13
|
+
returnValue?: unknown;
|
|
14
|
+
variant?: Variant;
|
|
15
|
+
}
|
|
16
|
+
interface DrawerConfig<T = unknown> {
|
|
17
|
+
title: string;
|
|
18
|
+
content?: string | Type<T>;
|
|
19
|
+
headerAction?: DrawerHeaderAction;
|
|
20
|
+
size?: DrawerSizeType;
|
|
21
|
+
closable?: boolean;
|
|
22
|
+
dismissible?: boolean;
|
|
23
|
+
data?: Partial<T>;
|
|
24
|
+
interceptor?: TkCloseInterceptor;
|
|
25
|
+
}
|
|
26
|
+
|
|
5
27
|
/**
|
|
6
28
|
* @component DrawerComponent
|
|
7
29
|
* @description
|
|
@@ -36,42 +58,42 @@ import * as i0 from "@angular/core";
|
|
|
36
58
|
* ```
|
|
37
59
|
* Modernized for Angular 19 with 100% synchronous Signal-based closing interception.
|
|
38
60
|
*/
|
|
39
|
-
|
|
61
|
+
declare class DrawerComponent<T = unknown> implements OnDestroy {
|
|
40
62
|
private readonly elementRef;
|
|
41
63
|
private readonly contentHost;
|
|
42
64
|
private componentRef?;
|
|
43
65
|
/** The required title displayed at the top left of the drawer header */
|
|
44
|
-
title:
|
|
66
|
+
title: _angular_core.InputSignal<string>;
|
|
45
67
|
/** The main content of the drawer. Can be a string or a Component Type. */
|
|
46
|
-
content:
|
|
68
|
+
content: _angular_core.InputSignal<string | Type<T> | null>;
|
|
47
69
|
/** Optional header action button (displayed before close button) */
|
|
48
|
-
headerAction:
|
|
70
|
+
headerAction: _angular_core.InputSignal<DrawerHeaderAction | null>;
|
|
49
71
|
/** Drawer size: 'small' (500px), 'large' (1024px) */
|
|
50
|
-
size:
|
|
72
|
+
size: _angular_core.InputSignal<DrawerSizeType>;
|
|
51
73
|
/** Whether the drawer can be closed by the user via close button */
|
|
52
|
-
closable:
|
|
74
|
+
closable: _angular_core.InputSignal<boolean>;
|
|
53
75
|
/** Whether clicking the mask closes the drawer */
|
|
54
|
-
dismissible:
|
|
76
|
+
dismissible: _angular_core.InputSignal<boolean>;
|
|
55
77
|
/** Optional data to be passed as inputs to the dynamic component. */
|
|
56
|
-
data:
|
|
78
|
+
data: _angular_core.InputSignal<Partial<T>>;
|
|
57
79
|
/** Optional interceptor called before the drawer closes. */
|
|
58
|
-
interceptor:
|
|
59
|
-
isContentString:
|
|
60
|
-
hasHeaderAction:
|
|
80
|
+
interceptor: _angular_core.InputSignal<TkCloseInterceptor | undefined>;
|
|
81
|
+
isContentString: _angular_core.Signal<boolean>;
|
|
82
|
+
hasHeaderAction: _angular_core.Signal<boolean>;
|
|
61
83
|
/** Computed: drawer width (responsive) and max-width based on `size`. Always right position. */
|
|
62
|
-
drawerStyle:
|
|
84
|
+
drawerStyle: _angular_core.Signal<{
|
|
63
85
|
width: string;
|
|
64
86
|
maxWidth: string;
|
|
65
87
|
}>;
|
|
66
88
|
/** Visibility flag. Use model for two-way binding when using drawer in template. */
|
|
67
|
-
isOpened:
|
|
89
|
+
isOpened: _angular_core.ModelSignal<boolean>;
|
|
68
90
|
/** Whether the drawer content has a scrollbar */
|
|
69
91
|
hasScroll: boolean;
|
|
70
92
|
/** Emits when the drawer closes, passing the return value from header action or null */
|
|
71
93
|
readonly onClose: EventEmitter<unknown>;
|
|
72
94
|
private alreadyEmitted;
|
|
73
95
|
private returnValueOnClose;
|
|
74
|
-
constructor(
|
|
96
|
+
constructor();
|
|
75
97
|
ngOnDestroy(): void;
|
|
76
98
|
private attachDynamicContent;
|
|
77
99
|
private syncDynamicInputs;
|
|
@@ -100,6 +122,19 @@ export declare class DrawerComponent<T = unknown> implements OnDestroy {
|
|
|
100
122
|
*/
|
|
101
123
|
handleHeaderAction(action: (() => void) | undefined, returnValue: unknown): void;
|
|
102
124
|
private resetClosureState;
|
|
103
|
-
static ɵfac:
|
|
104
|
-
static ɵcmp:
|
|
125
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent<any>, never>;
|
|
126
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent<any>, "tk-drawer", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "headerAction": { "alias": "headerAction"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "interceptor": { "alias": "interceptor"; "required": false; "isSignal": true; }; "isOpened": { "alias": "isOpened"; "required": false; "isSignal": true; }; }, { "isOpened": "isOpenedChange"; }, never, never, true, never>;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
declare class DrawerService {
|
|
130
|
+
private readonly appRef;
|
|
131
|
+
private drawerRef;
|
|
132
|
+
get _drawerRefForTesting(): ComponentRef<DrawerComponent<unknown>> | null;
|
|
133
|
+
set _drawerRefForTesting(ref: ComponentRef<DrawerComponent<unknown>> | null);
|
|
134
|
+
open(config: DrawerConfig): Observable<unknown>;
|
|
135
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerService, never>;
|
|
136
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<DrawerService>;
|
|
105
137
|
}
|
|
138
|
+
|
|
139
|
+
export { DrawerComponent, DrawerService };
|
|
140
|
+
export type { DrawerConfig, DrawerHeaderAction, DrawerSizeType };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
1
2
|
import { EventEmitter } from '@angular/core';
|
|
2
|
-
|
|
3
|
-
|
|
3
|
+
|
|
4
|
+
type FallbackViewType = 'content' | 'section';
|
|
4
5
|
/**
|
|
5
6
|
* @component FallbackViewComponent
|
|
6
7
|
* @description
|
|
@@ -59,7 +60,7 @@ export type FallbackViewType = 'content' | 'section';
|
|
|
59
60
|
* </tk-fallback-view>
|
|
60
61
|
* ```
|
|
61
62
|
*/
|
|
62
|
-
|
|
63
|
+
declare class FallbackViewComponent {
|
|
63
64
|
/**
|
|
64
65
|
* @property {FallbackViewType} type
|
|
65
66
|
* @description
|
|
@@ -156,3 +157,6 @@ export declare class FallbackViewComponent {
|
|
|
156
157
|
static ɵfac: i0.ɵɵFactoryDeclaration<FallbackViewComponent, never>;
|
|
157
158
|
static ɵcmp: i0.ɵɵComponentDeclaration<FallbackViewComponent, "tk-fallback-view", never, { "type": { "alias": "type"; "required": false; }; "imageSrc": { "alias": "imageSrc"; "required": false; }; "illustrationAlt": { "alias": "illustrationAlt"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "linkLabel": { "alias": "linkLabel"; "required": false; }; "buttonDisabled": { "alias": "buttonDisabled"; "required": false; }; }, { "buttonAction": "buttonAction"; "linkAction": "linkAction"; }, never, ["[image]", "[title]", "[message]", "[actions]"], true, never>;
|
|
158
159
|
}
|
|
160
|
+
|
|
161
|
+
export { FallbackViewComponent };
|
|
162
|
+
export type { FallbackViewType };
|