@evotor-dev/ui-kit 8.13.0 → 8.14.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/esm2022/lib/components/evo-autocomplete/components/evo-autocomplete/evo-autocomplete.component.mjs +3 -3
- package/esm2022/lib/components/evo-datepicker/evo-datepicker.component.mjs +3 -3
- package/esm2022/lib/components/evo-icon-button/evo-icon-button.component.mjs +3 -3
- package/esm2022/lib/components/evo-input/evo-input.component.mjs +3 -3
- package/esm2022/lib/components/evo-link-button/evo-link-button.component.mjs +33 -0
- package/esm2022/lib/components/evo-link-button/evo-link-button.module.mjs +18 -0
- package/esm2022/lib/components/evo-link-button/index.mjs +2 -0
- package/esm2022/lib/components/evo-link-button/public-api.mjs +3 -0
- package/esm2022/lib/components/evo-loader/evo-circular-loader.component.mjs +2 -2
- package/esm2022/lib/components/evo-textarea/evo-textarea.component.mjs +3 -3
- package/esm2022/lib/components/evo-tooltip/constants/evo-tooltip-arrow-size.mjs +3 -0
- package/esm2022/lib/components/evo-tooltip/constants/evo-tooltip-config.mjs +5 -0
- package/esm2022/lib/components/evo-tooltip/constants/evo-tooltip-connected-position.mjs +100 -0
- package/esm2022/lib/components/evo-tooltip/constants/evo-tooltip-default-positions-order.mjs +16 -0
- package/esm2022/lib/components/evo-tooltip/constants/evo-tooltip-fadein.animation.mjs +8 -0
- package/esm2022/lib/components/evo-tooltip/constants/evo-tooltip-offset.mjs +3 -0
- package/esm2022/lib/components/evo-tooltip/constants/evo-tooltip-priority-positions-order.mjs +8 -0
- package/esm2022/lib/components/evo-tooltip/constants/evo-tooltip-radius.mjs +3 -0
- package/esm2022/lib/components/evo-tooltip/directives/evo-tooltip.directive.mjs +97 -0
- package/esm2022/lib/components/evo-tooltip/enums/evo-tooltip-position.mjs +16 -0
- package/esm2022/lib/components/evo-tooltip/enums/evo-tooltip-variable-arrow-position.mjs +6 -0
- package/esm2022/lib/components/evo-tooltip/evo-tooltip.component.mjs +96 -0
- package/esm2022/lib/components/evo-tooltip/evo-tooltip.module.mjs +20 -0
- package/esm2022/lib/components/evo-tooltip/index.mjs +2 -0
- package/esm2022/lib/components/evo-tooltip/interfaces/evo-tooltip-config.mjs +2 -0
- package/esm2022/lib/components/evo-tooltip/interfaces/evo-tooltip-styles.mjs +2 -0
- package/esm2022/lib/components/evo-tooltip/public-api.mjs +3 -0
- package/esm2022/lib/components/evo-tooltip/services/evo-tooltip.service.mjs +177 -0
- package/esm2022/lib/components/evo-tooltip/types/evo-tooltip-position-type.mjs +2 -0
- package/esm2022/public_api.mjs +3 -1
- package/fesm2022/evotor-dev-ui-kit.mjs +592 -32
- package/fesm2022/evotor-dev-ui-kit.mjs.map +1 -1
- package/lib/components/evo-link-button/evo-link-button.component.d.ts +10 -0
- package/lib/components/evo-link-button/evo-link-button.module.d.ts +8 -0
- package/lib/components/evo-link-button/index.d.ts +1 -0
- package/lib/components/evo-link-button/public-api.d.ts +2 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-arrow-size.d.ts +1 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-config.d.ts +2 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-connected-position.d.ts +16 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-default-positions-order.d.ts +2 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-fadein.animation.d.ts +1 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-offset.d.ts +1 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-priority-positions-order.d.ts +4 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-radius.d.ts +1 -0
- package/lib/components/evo-tooltip/directives/evo-tooltip.directive.d.ts +31 -0
- package/lib/components/evo-tooltip/enums/evo-tooltip-position.d.ts +14 -0
- package/lib/components/evo-tooltip/enums/evo-tooltip-variable-arrow-position.d.ts +4 -0
- package/lib/components/evo-tooltip/evo-tooltip.component.d.ts +26 -0
- package/lib/components/evo-tooltip/evo-tooltip.module.d.ts +10 -0
- package/lib/components/evo-tooltip/index.d.ts +1 -0
- package/lib/components/evo-tooltip/interfaces/evo-tooltip-config.d.ts +4 -0
- package/lib/components/evo-tooltip/interfaces/evo-tooltip-styles.d.ts +4 -0
- package/lib/components/evo-tooltip/public-api.d.ts +2 -0
- package/lib/components/evo-tooltip/services/evo-tooltip.service.d.ts +50 -0
- package/lib/components/evo-tooltip/types/evo-tooltip-position-type.d.ts +2 -0
- package/package.json +1 -1
- package/public_api.d.ts +2 -0
- package/styles/keyframes.scss +18 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class EvoLinkButtonComponent {
|
|
3
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
4
|
+
readonly loading: import("@angular/core").InputSignal<boolean>;
|
|
5
|
+
readonly loadingLabel: import("@angular/core").InputSignal<string>;
|
|
6
|
+
get isDisabled(): boolean;
|
|
7
|
+
getContainerClasses(containerClass: string): string[];
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EvoLinkButtonComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EvoLinkButtonComponent, "button[evo-link-button], a[evo-link-button]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./evo-link-button.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class EvoLinkButtonModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EvoLinkButtonModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<EvoLinkButtonModule, [typeof i1.EvoLinkButtonComponent], [typeof i2.CommonModule], [typeof i1.EvoLinkButtonComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<EvoLinkButtonModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './public-api';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const EVO_TOOLTIP_ARROW_SIZE = 16;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
2
|
+
import { EvoTooltipPosition } from '../enums/evo-tooltip-position';
|
|
3
|
+
export declare const EVO_CONNECTED_POSITION: (offset: number) => {
|
|
4
|
+
"top-start": ConnectedPosition;
|
|
5
|
+
top: ConnectedPosition;
|
|
6
|
+
"top-end": ConnectedPosition;
|
|
7
|
+
"bottom-start": ConnectedPosition;
|
|
8
|
+
bottom: ConnectedPosition;
|
|
9
|
+
"bottom-end": ConnectedPosition;
|
|
10
|
+
"right-start": ConnectedPosition;
|
|
11
|
+
right: ConnectedPosition;
|
|
12
|
+
"right-end": ConnectedPosition;
|
|
13
|
+
"left-start": ConnectedPosition;
|
|
14
|
+
left: ConnectedPosition;
|
|
15
|
+
"left-end": ConnectedPosition;
|
|
16
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const EVO_TOOLTIP_FADEIN_ANIMATION: import("@angular/animations").AnimationTriggerMetadata;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const EVO_TOOLTIP_OFFSET: (hasArrow: boolean) => number;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const EVO_TOOLTIP_RADIUS = 8;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
import { EvoTooltipService } from '../services/evo-tooltip.service';
|
|
4
|
+
import { EvoTooltipPositionType } from '../types/evo-tooltip-position-type';
|
|
5
|
+
import { EvoTooltipConfig } from '../interfaces/evo-tooltip-config';
|
|
6
|
+
import { EvoTooltipStyles } from '../interfaces/evo-tooltip-styles';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class EvoTooltipDirective implements OnInit, OnDestroy {
|
|
9
|
+
private readonly elementRef;
|
|
10
|
+
private readonly tooltipService;
|
|
11
|
+
content: string | TemplateRef<HTMLElement>;
|
|
12
|
+
position: EvoTooltipPositionType | string;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
config: Partial<EvoTooltipConfig>;
|
|
15
|
+
set evoTooltipVisibleArrow(visibleArrow: boolean);
|
|
16
|
+
set evoTooltipStyles(tooltipStyles: EvoTooltipStyles);
|
|
17
|
+
set evoTooltipClass(tooltipClass: string | string[]);
|
|
18
|
+
evoTooltipOpen: EventEmitter<void>;
|
|
19
|
+
evoTooltipClose: EventEmitter<void>;
|
|
20
|
+
get hostClasses(): string[];
|
|
21
|
+
readonly isOpen$: Observable<boolean>;
|
|
22
|
+
private readonly destroy$;
|
|
23
|
+
constructor(elementRef: ElementRef, tooltipService: EvoTooltipService);
|
|
24
|
+
ngOnInit(): void;
|
|
25
|
+
ngOnDestroy(): void;
|
|
26
|
+
hide(): void;
|
|
27
|
+
show(event?: MouseEvent): void;
|
|
28
|
+
private initSubscriptions;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EvoTooltipDirective, never>;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EvoTooltipDirective, "[evoTooltip]", ["evoTooltip"], { "content": { "alias": "evoTooltip"; "required": false; }; "position": { "alias": "evoTooltipPosition"; "required": false; }; "disabled": { "alias": "evoTooltipDisabled"; "required": false; }; "config": { "alias": "evoTooltipConfig"; "required": false; }; "evoTooltipVisibleArrow": { "alias": "evoTooltipVisibleArrow"; "required": false; }; "evoTooltipStyles": { "alias": "evoTooltipStyles"; "required": false; }; "evoTooltipClass": { "alias": "evoTooltipClass"; "required": false; }; }, { "evoTooltipOpen": "evoTooltipOpen"; "evoTooltipClose": "evoTooltipClose"; }, never, never, false, never>;
|
|
31
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare enum EvoTooltipPosition {
|
|
2
|
+
TOP_START = "top-start",
|
|
3
|
+
TOP = "top",
|
|
4
|
+
TOP_END = "top-end",
|
|
5
|
+
BOTTOM_START = "bottom-start",
|
|
6
|
+
BOTTOM = "bottom",
|
|
7
|
+
BOTTOM_END = "bottom-end",
|
|
8
|
+
RIGHT_START = "right-start",
|
|
9
|
+
RIGHT = "right",
|
|
10
|
+
RIGHT_END = "right-end",
|
|
11
|
+
LEFT_START = "left-start",
|
|
12
|
+
LEFT = "left",
|
|
13
|
+
LEFT_END = "left-end"
|
|
14
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, OnDestroy, OnInit, Renderer2, TemplateRef } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
import { EvoTooltipService } from './services/evo-tooltip.service';
|
|
4
|
+
import { EvoTooltipStyles } from './interfaces/evo-tooltip-styles';
|
|
5
|
+
import { EvoTooltipPosition } from './enums/evo-tooltip-position';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class EvoTooltipComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
8
|
+
private readonly elementRef;
|
|
9
|
+
private readonly tooltipService;
|
|
10
|
+
private readonly renderer;
|
|
11
|
+
readonly position$: Observable<EvoTooltipPosition>;
|
|
12
|
+
readonly stringContent$: Observable<string>;
|
|
13
|
+
readonly templateContent$: Observable<TemplateRef<unknown>>;
|
|
14
|
+
readonly visibleArrow$: Observable<boolean>;
|
|
15
|
+
readonly styles$: Observable<EvoTooltipStyles>;
|
|
16
|
+
fadeIn: boolean;
|
|
17
|
+
private readonly _positionArrowStyles$;
|
|
18
|
+
private readonly _destroy$;
|
|
19
|
+
constructor(elementRef: ElementRef, tooltipService: EvoTooltipService, renderer: Renderer2);
|
|
20
|
+
ngOnInit(): void;
|
|
21
|
+
ngAfterViewInit(): void;
|
|
22
|
+
ngOnDestroy(): void;
|
|
23
|
+
private setArrowPosition;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EvoTooltipComponent, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EvoTooltipComponent, "evo-tooltip", never, {}, {}, never, never, false, never>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./evo-tooltip.component";
|
|
3
|
+
import * as i2 from "./directives/evo-tooltip.directive";
|
|
4
|
+
import * as i3 from "@angular/cdk/overlay";
|
|
5
|
+
import * as i4 from "@angular/common";
|
|
6
|
+
export declare class EvoTooltipModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EvoTooltipModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<EvoTooltipModule, [typeof i1.EvoTooltipComponent, typeof i2.EvoTooltipDirective], [typeof i3.OverlayModule, typeof i4.CommonModule], [typeof i2.EvoTooltipDirective]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<EvoTooltipModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './public-api';
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ElementRef, Injector, TemplateRef } from '@angular/core';
|
|
2
|
+
import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
|
|
3
|
+
import { Observable } from 'rxjs';
|
|
4
|
+
import { EvoTooltipConfig } from '../interfaces/evo-tooltip-config';
|
|
5
|
+
import { EvoTooltipPosition } from '../enums/evo-tooltip-position';
|
|
6
|
+
import { EvoTooltipStyles } from '../interfaces/evo-tooltip-styles';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class EvoTooltipService {
|
|
9
|
+
private readonly overlay;
|
|
10
|
+
private readonly overlayPositionBuilder;
|
|
11
|
+
private readonly injector;
|
|
12
|
+
readonly stringContent$: Observable<string | null>;
|
|
13
|
+
readonly templateContent$: Observable<TemplateRef<HTMLElement> | null>;
|
|
14
|
+
readonly position$: Observable<EvoTooltipPosition>;
|
|
15
|
+
readonly parentRef$: Observable<ElementRef>;
|
|
16
|
+
readonly tooltipClasses$: Observable<string[]>;
|
|
17
|
+
readonly styles$: Observable<EvoTooltipStyles>;
|
|
18
|
+
readonly visibleArrow$: Observable<boolean>;
|
|
19
|
+
readonly isOpen$: Observable<boolean>;
|
|
20
|
+
private readonly _stringContent$;
|
|
21
|
+
private readonly _templateContent$;
|
|
22
|
+
private readonly _position$;
|
|
23
|
+
private readonly _parentRef$;
|
|
24
|
+
private readonly _tooltipClasses$;
|
|
25
|
+
private readonly _config$;
|
|
26
|
+
private readonly _styles$;
|
|
27
|
+
private readonly _visibleArrow$;
|
|
28
|
+
private readonly _isOpen$;
|
|
29
|
+
private overlayRef;
|
|
30
|
+
private positionStrategy;
|
|
31
|
+
private tooltipComponentRef;
|
|
32
|
+
private targetElement;
|
|
33
|
+
constructor(overlay: Overlay, overlayPositionBuilder: OverlayPositionBuilder, injector: Injector);
|
|
34
|
+
showTooltip(parentRef: ElementRef, content: string | TemplateRef<HTMLElement>, position: EvoTooltipPosition, config: EvoTooltipConfig, targetElement?: EventTarget | null): void;
|
|
35
|
+
hideTooltip(): void;
|
|
36
|
+
setArrowVisibility(hasArrow: boolean): void;
|
|
37
|
+
setTooltipStyles(tooltipStyles: EvoTooltipStyles): void;
|
|
38
|
+
setTooltipClass(tooltipClassOrClasses: string | string[]): void;
|
|
39
|
+
get hasAttached(): boolean;
|
|
40
|
+
get config(): EvoTooltipConfig;
|
|
41
|
+
private get parentRef();
|
|
42
|
+
private setContent;
|
|
43
|
+
private createOverlay;
|
|
44
|
+
private createPortal;
|
|
45
|
+
private initSubscriptions;
|
|
46
|
+
private getPositions;
|
|
47
|
+
private getPositionsOrder;
|
|
48
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EvoTooltipService, never>;
|
|
49
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<EvoTooltipService>;
|
|
50
|
+
}
|
package/package.json
CHANGED
package/public_api.d.ts
CHANGED
|
@@ -43,6 +43,8 @@ export * from './lib/components/evo-upload/index';
|
|
|
43
43
|
export * from './lib/components/evo-dropdown/index';
|
|
44
44
|
export * from './lib/components/evo-navbar/index';
|
|
45
45
|
export * from './lib/components/evo-navigation-button/index';
|
|
46
|
+
export * from './lib/components/evo-tooltip/index';
|
|
47
|
+
export * from './lib/components/evo-link-button/index';
|
|
46
48
|
export * from './lib/pipes/index';
|
|
47
49
|
export * from './lib/services/index';
|
|
48
50
|
export * from './lib/components/evo-portal/index';
|
package/styles/keyframes.scss
CHANGED
|
@@ -35,3 +35,21 @@ $animation-speed: 1000ms;
|
|
|
35
35
|
background-position: 100vw 50%;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
+
|
|
39
|
+
@keyframes evo-ellipsis-animation {
|
|
40
|
+
0% {
|
|
41
|
+
content: '';
|
|
42
|
+
}
|
|
43
|
+
25% {
|
|
44
|
+
content: '.';
|
|
45
|
+
}
|
|
46
|
+
50% {
|
|
47
|
+
content: '..';
|
|
48
|
+
}
|
|
49
|
+
75% {
|
|
50
|
+
content: '...';
|
|
51
|
+
}
|
|
52
|
+
100% {
|
|
53
|
+
content: '';
|
|
54
|
+
}
|
|
55
|
+
}
|