@testgorilla/tgo-ui 2.24.3 → 2.24.4
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/media-card/media-card.component.d.ts +32 -0
- package/components/tooltip/tooltip-template.directive.d.ts +7 -2
- package/components/tooltip/tooltip.component.d.ts +21 -2
- package/components/tooltip/tooltip.component.module.d.ts +4 -1
- package/components/tooltip/tooltip.model.d.ts +2 -0
- package/esm2022/assets/i18n/en.json +3 -0
- package/esm2022/components/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2022/components/media-card/media-card.component.mjs +47 -0
- package/esm2022/components/tooltip/tooltip-template.directive.mjs +23 -7
- package/esm2022/components/tooltip/tooltip.component.mjs +31 -3
- package/esm2022/components/tooltip/tooltip.component.module.mjs +12 -4
- package/esm2022/components/tooltip/tooltip.model.mjs +1 -1
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +207 -120
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/projects/tgo-canopy-ui/assets/i18n/en.json +3 -0
- package/projects/tgo-canopy-ui/theme/_tooltip.scss +75 -5
- package/projects/tgo-canopy-ui/theme/line-clamp.scss +8 -0
- package/projects/tgo-canopy-ui/theme/theme.scss +1 -0
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MediaCardComponent {
|
|
4
|
+
/**
|
|
5
|
+
* The title of the card
|
|
6
|
+
* @type {string}
|
|
7
|
+
* @memberof MediaCardComponent
|
|
8
|
+
*/
|
|
9
|
+
title: string;
|
|
10
|
+
/**
|
|
11
|
+
* The description of the card
|
|
12
|
+
* @type {string}
|
|
13
|
+
* @memberof MediaCardComponent
|
|
14
|
+
*/
|
|
15
|
+
description: string;
|
|
16
|
+
/**
|
|
17
|
+
* The image of the card
|
|
18
|
+
* @type {string}
|
|
19
|
+
* @memberof MediaCardComponent
|
|
20
|
+
*/
|
|
21
|
+
image: string;
|
|
22
|
+
/**
|
|
23
|
+
* The label of the button
|
|
24
|
+
* @type {string}
|
|
25
|
+
* @memberof MediaCardComponent
|
|
26
|
+
*/
|
|
27
|
+
buttonLabel: string;
|
|
28
|
+
buttonClick: EventEmitter<void>;
|
|
29
|
+
protected showTitleTooltip: boolean;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MediaCardComponent, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MediaCardComponent, "ui-media-card", never, { "title": { "alias": "title"; "required": true; }; "description": { "alias": "description"; "required": true; }; "image": { "alias": "image"; "required": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
32
|
+
}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
import { ElementRef, OnChanges, OnDestroy, TemplateRef } from '@angular/core';
|
|
1
|
+
import { ElementRef, Injector, NgZone, OnChanges, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
2
|
import { Overlay, OverlayPositionBuilder } from "@angular/cdk/overlay";
|
|
3
3
|
import { TooltipPositionType } from "./tooltip.model";
|
|
4
|
+
import { FocusMonitor } from "@angular/cdk/a11y";
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class TooltipTemplateDirective implements OnChanges, OnDestroy {
|
|
6
7
|
private _overlay;
|
|
7
8
|
private _overlayPositionBuilder;
|
|
8
9
|
private _elementRef;
|
|
10
|
+
private focusMonitor;
|
|
11
|
+
private ngZone;
|
|
12
|
+
private injector;
|
|
13
|
+
private tooltipComponentToken;
|
|
9
14
|
tooltipPosition: TooltipPositionType;
|
|
10
15
|
showTooltip: boolean;
|
|
11
16
|
templateRef: TemplateRef<any>;
|
|
12
17
|
private _overlayRef;
|
|
13
|
-
constructor(_overlay: Overlay, _overlayPositionBuilder: OverlayPositionBuilder, _elementRef: ElementRef);
|
|
18
|
+
constructor(_overlay: Overlay, _overlayPositionBuilder: OverlayPositionBuilder, _elementRef: ElementRef, focusMonitor: FocusMonitor, ngZone: NgZone, injector: Injector, tooltipComponentToken: any);
|
|
14
19
|
ngOnChanges(): void;
|
|
15
20
|
show(): void;
|
|
16
21
|
hide(): void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
|
-
import { TooltipPositionType } from './tooltip.model';
|
|
2
|
+
import { TooltipDefinitionSize, TooltipPositionType, TooltipVariant } from './tooltip.model';
|
|
3
3
|
import { TooltipPosition } from '@angular/material/tooltip';
|
|
4
4
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
@@ -34,12 +34,31 @@ export declare class TooltipComponent implements OnInit {
|
|
|
34
34
|
* @memberof TooltipComponent
|
|
35
35
|
*/
|
|
36
36
|
applicationTheme: ApplicationTheme;
|
|
37
|
+
/**
|
|
38
|
+
* The label for definition variant
|
|
39
|
+
* @type {string}
|
|
40
|
+
* @memberof TooltipComponent
|
|
41
|
+
*/
|
|
42
|
+
labelForDefinition: string;
|
|
43
|
+
/**
|
|
44
|
+
* Defines size for definition variant
|
|
45
|
+
* @type {string}
|
|
46
|
+
* @memberof TooltipComponent
|
|
47
|
+
*/
|
|
48
|
+
definitionTooltipSize: TooltipDefinitionSize;
|
|
49
|
+
/**
|
|
50
|
+
* Variant render tooltip
|
|
51
|
+
* @type {string}
|
|
52
|
+
* @memberof TooltipComponent
|
|
53
|
+
*/
|
|
54
|
+
variant: TooltipVariant;
|
|
55
|
+
isLabelEllipse: boolean;
|
|
37
56
|
templateRef: any;
|
|
38
57
|
constructor(defaultAppTheme: ApplicationTheme);
|
|
39
58
|
matPosition: TooltipPosition;
|
|
40
59
|
ngOnInit(): void;
|
|
41
60
|
setPosition(): void;
|
|
42
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [{ optional: true; }]>;
|
|
43
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "ui-tooltip", never, { "position": { "alias": "position"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "message": { "alias": "message"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
62
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "ui-tooltip", never, { "position": { "alias": "position"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "message": { "alias": "message"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "labelForDefinition": { "alias": "labelForDefinition"; "required": false; }; "definitionTooltipSize": { "alias": "definitionTooltipSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
44
63
|
static ngAcceptInputType_disabled: unknown;
|
|
45
64
|
}
|
|
@@ -2,8 +2,11 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./tooltip.component";
|
|
3
3
|
import * as i2 from "@angular/material/tooltip";
|
|
4
4
|
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "./tooltip-template.directive";
|
|
6
|
+
import * as i5 from "../../directives/ellipse-text.directive";
|
|
7
|
+
import * as i6 from "../../pipes/ui-translate.pipe";
|
|
5
8
|
export declare class TooltipComponentModule {
|
|
6
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponentModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipComponentModule, [typeof i1.TooltipComponent], [typeof i2.MatTooltipModule, typeof i3.CommonModule], [typeof i1.TooltipComponent]>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipComponentModule, [typeof i1.TooltipComponent], [typeof i2.MatTooltipModule, typeof i3.CommonModule, typeof i4.TooltipTemplateDirective, typeof i5.EllipseTextDirective, typeof i6.UiTranslatePipe], [typeof i1.TooltipComponent]>;
|
|
8
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<TooltipComponentModule>;
|
|
9
12
|
}
|