@testgorilla/tgo-ui 2.17.3 → 2.17.5
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 +5 -3
- package/components/autocomplete/includes.pipe.d.ts +1 -1
- package/components/step/step.component.d.ts +23 -4
- package/components/stepper/stepper.model.d.ts +2 -0
- package/esm2022/components/autocomplete/autocomplete.component.mjs +28 -7
- package/esm2022/components/autocomplete/includes.pipe.mjs +3 -3
- package/esm2022/components/dialog/dialog.component.mjs +2 -2
- package/esm2022/components/navbar/navbar.component.mjs +2 -2
- package/esm2022/components/step/step.component.mjs +35 -9
- package/esm2022/components/stepper/stepper.component.mjs +3 -3
- package/esm2022/components/stepper/stepper.model.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +64 -18
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/projects/tgo-canopy-ui/theme/theme.scss +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef,
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
4
4
|
import { ReplaySubject } from 'rxjs';
|
|
@@ -15,7 +15,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
15
15
|
ngControl: NgControl;
|
|
16
16
|
private renderer2;
|
|
17
17
|
private platformId;
|
|
18
|
-
private
|
|
18
|
+
private el;
|
|
19
19
|
/**
|
|
20
20
|
* @property itemsList
|
|
21
21
|
* @description The list of items to display in the autocomplete.
|
|
@@ -204,7 +204,8 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
204
204
|
protected translationContext: string;
|
|
205
205
|
protected readonly AutocompleteUtils: typeof AutocompleteUtils;
|
|
206
206
|
private readonly isPlatform;
|
|
207
|
-
|
|
207
|
+
private observer;
|
|
208
|
+
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer, ngControl: NgControl, renderer2: Renderer2, platformId: any, el: ElementRef);
|
|
208
209
|
/**
|
|
209
210
|
* Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
|
|
210
211
|
* to display validation errors that might happen (e.g. required)
|
|
@@ -238,6 +239,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
238
239
|
* Adding company color variable to the body to style overlay container that's out of the component scope.
|
|
239
240
|
*/
|
|
240
241
|
private setCompanyColorVariable;
|
|
242
|
+
private subscriberDisplayChange;
|
|
241
243
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null, null, null]>;
|
|
242
244
|
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
|
|
243
245
|
static ngAcceptInputType_virtualScroll: unknown;
|
|
@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* If values is not an array, it checks for strict equality between value and values.
|
|
7
7
|
*/
|
|
8
8
|
export declare class IncludesPipe implements PipeTransform {
|
|
9
|
-
transform(value: any, values: any): boolean;
|
|
9
|
+
transform(value: any, values: any, valueField?: string): boolean;
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<IncludesPipe, never>;
|
|
11
11
|
static ɵpipe: i0.ɵɵPipeDeclaration<IncludesPipe, "includes", false>;
|
|
12
12
|
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { IconName } from '../icon/icon.model';
|
|
3
|
-
import { ApplicationTheme } from
|
|
3
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class StepComponent {
|
|
6
7
|
private readonly defaultAppTheme;
|
|
8
|
+
private readonly domSanitizer;
|
|
7
9
|
/**
|
|
8
10
|
* Input property for the label of the step.
|
|
9
11
|
*
|
|
@@ -90,15 +92,32 @@ export declare class StepComponent {
|
|
|
90
92
|
* @memberof StepComponent
|
|
91
93
|
*/
|
|
92
94
|
applicationTheme: ApplicationTheme;
|
|
95
|
+
/**
|
|
96
|
+
*
|
|
97
|
+
* Step description
|
|
98
|
+
*
|
|
99
|
+
* @type {string}
|
|
100
|
+
* @memberof StepComponent
|
|
101
|
+
*/
|
|
102
|
+
set htmlDescription(value: string | undefined);
|
|
103
|
+
/**
|
|
104
|
+
*
|
|
105
|
+
* Sets bold font weight for label
|
|
106
|
+
*
|
|
107
|
+
* @type {boolean}
|
|
108
|
+
* @memberof StepComponent
|
|
109
|
+
*/
|
|
110
|
+
boldLabel: boolean;
|
|
93
111
|
/**
|
|
94
112
|
* Event emitted when the step was clicked.
|
|
95
113
|
* @type {number}
|
|
96
114
|
* @memberof StepComponent
|
|
97
115
|
*/
|
|
98
116
|
stepSelected: EventEmitter<number>;
|
|
99
|
-
|
|
117
|
+
protected safeDescription: SafeHtml;
|
|
118
|
+
constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer);
|
|
100
119
|
protected get hasLastStepDefaultIcon(): boolean;
|
|
101
120
|
protected onStepSelected(index: number): void;
|
|
102
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }]>;
|
|
103
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
|
|
121
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }, null]>;
|
|
122
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
|
|
104
123
|
}
|