@testgorilla/tgo-ui 2.10.4 → 2.11.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/components/autocomplete/autocomplete.component.d.ts +2 -0
- package/components/checkbox/checkbox.component.d.ts +1 -1
- package/components/dropdown/dropdown.component.d.ts +13 -1
- package/components/dropdown/dropdown.model.d.ts +1 -1
- package/components/segmented-button/segmented-button.component.d.ts +10 -1
- package/components/segmented-button/segmented-button.model.d.ts +2 -1
- package/esm2022/components/autocomplete/autocomplete.component.mjs +26 -19
- package/esm2022/components/checkbox/checkbox.component.mjs +6 -6
- package/esm2022/components/dropdown/dropdown.component.mjs +19 -3
- package/esm2022/components/dropdown/dropdown.model.mjs +1 -1
- package/esm2022/components/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/components/segmented-button/segmented-button.component.mjs +17 -4
- package/esm2022/components/segmented-button/segmented-button.model.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +66 -30
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/projects/tgo-canopy-ui/theme/_input.scss +12 -0
|
@@ -2,6 +2,7 @@ import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, On
|
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
4
4
|
import { ReplaySubject } from 'rxjs';
|
|
5
|
+
import { AutocompleteUtils } from '../../utils/autocomplete-utils';
|
|
5
6
|
import { Autocomplete, AutocompleteType, DropdownVariation } from './autocomplete.model';
|
|
6
7
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
7
8
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
@@ -181,6 +182,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
181
182
|
protected filteredSuggestionList$: import("rxjs").Observable<any>;
|
|
182
183
|
protected searchResult$: import("rxjs").Observable<boolean>;
|
|
183
184
|
protected translationContext: string;
|
|
185
|
+
protected readonly AutocompleteUtils: typeof AutocompleteUtils;
|
|
184
186
|
private readonly isPlatform;
|
|
185
187
|
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer, ngControl: NgControl, renderer2: Renderer2, platformId: any);
|
|
186
188
|
/**
|
|
@@ -137,7 +137,7 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
|
|
|
137
137
|
ngDoCheck(): void;
|
|
138
138
|
emitChange(event: MatCheckboxChange): void;
|
|
139
139
|
ngOnInit(): void;
|
|
140
|
-
toggleChecked(
|
|
140
|
+
toggleChecked(): void;
|
|
141
141
|
setClass(): string;
|
|
142
142
|
writeValue(value: boolean): void;
|
|
143
143
|
registerOnChange(fn: any): void;
|
|
@@ -126,6 +126,18 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
|
|
|
126
126
|
* @memberof DropdownComponent
|
|
127
127
|
*/
|
|
128
128
|
hideLabelInErrors: boolean;
|
|
129
|
+
/**
|
|
130
|
+
* @property textField
|
|
131
|
+
* @description The field to be used as the display text in the dropdown.
|
|
132
|
+
* @memberof DropdownComponent
|
|
133
|
+
*/
|
|
134
|
+
textField: string;
|
|
135
|
+
/**
|
|
136
|
+
* @property valueField
|
|
137
|
+
* @description The field to be used as the value in the dropdown.
|
|
138
|
+
* @memberof DropdownComponent
|
|
139
|
+
*/
|
|
140
|
+
valueField: string;
|
|
129
141
|
/**
|
|
130
142
|
* @ignore
|
|
131
143
|
*/
|
|
@@ -153,5 +165,5 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
|
|
|
153
165
|
registerOnTouched(fn: any): void;
|
|
154
166
|
setDisabledState(isDisabled: boolean): void;
|
|
155
167
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, [{ optional: true; }, null, { optional: true; self: true; }]>;
|
|
156
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, {}, never, never, false, never>;
|
|
168
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; }, {}, never, never, false, never>;
|
|
157
169
|
}
|
|
@@ -9,6 +9,14 @@ export declare class SegmentedButtonComponent implements ControlValueAccessor {
|
|
|
9
9
|
* @memberof SegmentedButtonComponent
|
|
10
10
|
*/
|
|
11
11
|
buttonConfig: SegmentedButton[];
|
|
12
|
+
/**
|
|
13
|
+
* Whether the component is disabled.
|
|
14
|
+
* Default: false.
|
|
15
|
+
*
|
|
16
|
+
* @type {boolean}
|
|
17
|
+
* @memberof SegmentedButtonComponent
|
|
18
|
+
*/
|
|
19
|
+
disabled: boolean;
|
|
12
20
|
buttonSelected: EventEmitter<any>;
|
|
13
21
|
protected _value: any;
|
|
14
22
|
set value(v: any);
|
|
@@ -16,8 +24,9 @@ export declare class SegmentedButtonComponent implements ControlValueAccessor {
|
|
|
16
24
|
onChange: (v: any) => void;
|
|
17
25
|
onTouch: () => void;
|
|
18
26
|
writeValue(obj: any): void;
|
|
27
|
+
setDisabledState(isDisabled: boolean): void;
|
|
19
28
|
registerOnChange(fn: any): void;
|
|
20
29
|
registerOnTouched(fn: any): void;
|
|
21
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; }, { "buttonSelected": "buttonSelected"; }, never, never, false, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "buttonSelected": "buttonSelected"; }, never, never, false, never>;
|
|
23
32
|
}
|