@testgorilla/tgo-ui 2.11.3 → 2.12.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/README.md +6 -0
- package/components/badge/badge.component.module.d.ts +2 -1
- package/components/card/card.component.d.ts +9 -1
- package/components/card/card.model.d.ts +1 -1
- package/components/field/field.component.d.ts +15 -1
- package/esm2022/components/autocomplete/autocomplete.component.mjs +12 -4
- package/esm2022/components/badge/badge.component.mjs +4 -3
- package/esm2022/components/badge/badge.component.module.mjs +5 -4
- package/esm2022/components/card/card.component.mjs +16 -3
- package/esm2022/components/card/card.model.mjs +1 -1
- package/esm2022/components/dropdown/dropdown.component.mjs +4 -3
- package/esm2022/components/field/field.component.mjs +8 -3
- package/esm2022/components/password-criteria/password.component.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +42 -15
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/projects/tgo-canopy-ui/theme/_input.scss +0 -20
- package/projects/tgo-canopy-ui/theme/_variables.scss +8 -0
package/README.md
CHANGED
|
@@ -86,4 +86,10 @@ npx playwright install
|
|
|
86
86
|
npx playwright test visual-tests --config 'visual-tests/playwright.config.ts'
|
|
87
87
|
```
|
|
88
88
|
|
|
89
|
+
### Running Visual Tests for a single file
|
|
90
|
+
|
|
91
|
+
```
|
|
92
|
+
npx playwright test visual-tests --config ‘visual-tests/playwright.config.ts’ -g ‘test_name’
|
|
93
|
+
npx playwright test visual-tests/path_to_test_file --config ‘visual-tests/playwright.config.ts’
|
|
94
|
+
```
|
|
89
95
|
|
|
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./badge.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "../icon/icon.component.module";
|
|
5
|
+
import * as i4 from "@angular/material/tooltip";
|
|
5
6
|
export declare class BadgeComponentModule {
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponentModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeComponentModule, [typeof i1.BadgeComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule], [typeof i1.BadgeComponent]>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeComponentModule, [typeof i1.BadgeComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.MatTooltipModule], [typeof i1.BadgeComponent]>;
|
|
8
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<BadgeComponentModule>;
|
|
9
10
|
}
|
|
@@ -35,12 +35,20 @@ export declare class CardComponent implements OnChanges, OnInit {
|
|
|
35
35
|
* @memberof CardComponent
|
|
36
36
|
*/
|
|
37
37
|
set errors(errors: string[]);
|
|
38
|
+
/**
|
|
39
|
+
* Marks card as selected
|
|
40
|
+
*
|
|
41
|
+
* @type {boolean}
|
|
42
|
+
* @memberof CardComponent
|
|
43
|
+
*/
|
|
44
|
+
selected: boolean;
|
|
38
45
|
safeErrors: SafeHtml[];
|
|
39
46
|
classes: string;
|
|
40
47
|
constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer);
|
|
41
48
|
ngOnChanges(): void;
|
|
42
49
|
ngOnInit(): void;
|
|
43
50
|
get cardVariant(): CardVariant;
|
|
51
|
+
get isSelected(): boolean;
|
|
44
52
|
static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }, null]>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
53
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
46
54
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export type CardSize = 'small' | 'medium' | 'large';
|
|
2
|
-
export type CardVariant = 'default' | 'shadow' | 'state' | 'error';
|
|
2
|
+
export type CardVariant = 'default' | 'shadow' | 'state' | 'error' | 'educative' | 'premium' | 'ai';
|
|
@@ -190,6 +190,20 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
190
190
|
* @memberof FieldComponent
|
|
191
191
|
*/
|
|
192
192
|
hideLabelInErrors: boolean;
|
|
193
|
+
/**
|
|
194
|
+
* Set maximum number
|
|
195
|
+
*
|
|
196
|
+
* @type {number}
|
|
197
|
+
* @memberof FieldComponent
|
|
198
|
+
*/
|
|
199
|
+
max: number | undefined;
|
|
200
|
+
/**
|
|
201
|
+
* Set minimum number
|
|
202
|
+
*
|
|
203
|
+
* @type {number}
|
|
204
|
+
* @memberof FieldComponent
|
|
205
|
+
*/
|
|
206
|
+
min: number | undefined;
|
|
193
207
|
validateEvent: EventEmitter<string>;
|
|
194
208
|
fieldBlur: EventEmitter<void>;
|
|
195
209
|
get getPasswordIcon(): IconName;
|
|
@@ -234,5 +248,5 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
234
248
|
onBlur(): void;
|
|
235
249
|
trackByFn: (index: number, value: any) => any;
|
|
236
250
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }]>;
|
|
237
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "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; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
|
|
251
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "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; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
|
|
238
252
|
}
|