@vallift/ngl 0.0.21 → 0.0.22
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/context-menu-button/context-menu-button.component.d.ts +1 -1
- package/components/tooltip/tooltip.component.d.ts +4 -1
- package/components/tooltip/tooltip.directive.d.ts +5 -2
- package/fesm2022/vallift-ngl.mjs +10 -3
- package/fesm2022/vallift-ngl.mjs.map +1 -1
- package/inputs/_base/base-input/base-input.component.d.ts +1 -1
- package/inputs/text-area-input/text-area-input.component.d.ts +1 -1
- package/inputs/text-input/text-input.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ export declare class ContextMenuButtonComponent implements OnDestroy {
|
|
|
7
7
|
overlay: Overlay;
|
|
8
8
|
dialog: Dialog;
|
|
9
9
|
actions: import("@angular/core").InputSignal<ContextMenuButtonAction[] | undefined>;
|
|
10
|
-
positionPreference: import("@angular/core").InputSignal<"topLeft" | "topRight" | "topCenter" | "bottomLeft" | "bottomRight" | "bottomCenter" | "leftTop" | "leftCenter" | "leftBottom" | "rightTop" | "rightCenter" | "rightBottom"
|
|
10
|
+
positionPreference: import("@angular/core").InputSignal<"center" | "topLeft" | "topRight" | "topCenter" | "bottomLeft" | "bottomRight" | "bottomCenter" | "leftTop" | "leftCenter" | "leftBottom" | "rightTop" | "rightCenter" | "rightBottom">;
|
|
11
11
|
onActionClicked: import("@angular/core").OutputEmitterRef<string>;
|
|
12
12
|
private basePanelClass;
|
|
13
13
|
private dialogRef?;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class TooltipComponent {
|
|
3
3
|
text: string;
|
|
4
|
+
tooltipClass: string | string[] | Set<string> | {
|
|
5
|
+
[klass: string]: any;
|
|
6
|
+
};
|
|
4
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "lib-tooltip", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, never, true, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "lib-tooltip", never, { "text": { "alias": "text"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; }, {}, never, never, true, never>;
|
|
6
9
|
}
|
|
@@ -6,7 +6,10 @@ export declare class TooltipDirective {
|
|
|
6
6
|
private overlayRef;
|
|
7
7
|
private longPressTimeout;
|
|
8
8
|
libTooltip: string;
|
|
9
|
-
tooltipPosition: import("@angular/core").InputSignal<"
|
|
9
|
+
tooltipPosition: import("@angular/core").InputSignal<"top" | "bottom" | "left" | "right" | "before" | "after">;
|
|
10
|
+
tooltipClass: import("@angular/core").InputSignal<string | Set<string> | string[] | {
|
|
11
|
+
[klass: string]: any;
|
|
12
|
+
}>;
|
|
10
13
|
constructor();
|
|
11
14
|
private showTooltip;
|
|
12
15
|
private hideTooltip;
|
|
@@ -17,5 +20,5 @@ export declare class TooltipDirective {
|
|
|
17
20
|
onTouchStart(): void;
|
|
18
21
|
onTouchEnd(): void;
|
|
19
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
|
|
20
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[libTooltip]", never, { "libTooltip": { "alias": "libTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[libTooltip]", never, { "libTooltip": { "alias": "libTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
21
24
|
}
|
package/fesm2022/vallift-ngl.mjs
CHANGED
|
@@ -3591,14 +3591,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
3591
3591
|
|
|
3592
3592
|
class TooltipComponent {
|
|
3593
3593
|
text = '';
|
|
3594
|
+
tooltipClass = [];
|
|
3594
3595
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3595
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: TooltipComponent, isStandalone: true, selector: "lib-tooltip", inputs: { text: "text" }, ngImport: i0, template: "<div class=\"bg-gray-800 text-white text-xs px-3 py-1 rounded shadow-lg max-w-xs whitespace-nowrap z-50\">\n {{ text }}\n</div>\n", styles: [""] });
|
|
3596
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: TooltipComponent, isStandalone: true, selector: "lib-tooltip", inputs: { text: "text", tooltipClass: "tooltipClass" }, ngImport: i0, template: "<div class=\"bg-gray-800 text-white text-xs px-3 py-1 rounded shadow-lg max-w-xs whitespace-nowrap z-50\"\n [ngClass]=\"tooltipClass\">\n {{ text }}\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
3596
3597
|
}
|
|
3597
3598
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
3598
3599
|
type: Component,
|
|
3599
|
-
args: [{ selector: 'lib-tooltip', imports: [
|
|
3600
|
+
args: [{ selector: 'lib-tooltip', imports: [
|
|
3601
|
+
NgClass
|
|
3602
|
+
], template: "<div class=\"bg-gray-800 text-white text-xs px-3 py-1 rounded shadow-lg max-w-xs whitespace-nowrap z-50\"\n [ngClass]=\"tooltipClass\">\n {{ text }}\n</div>\n" }]
|
|
3600
3603
|
}], propDecorators: { text: [{
|
|
3601
3604
|
type: Input
|
|
3605
|
+
}], tooltipClass: [{
|
|
3606
|
+
type: Input
|
|
3602
3607
|
}] } });
|
|
3603
3608
|
|
|
3604
3609
|
class TooltipDirective {
|
|
@@ -3610,6 +3615,7 @@ class TooltipDirective {
|
|
|
3610
3615
|
// tooltipText = input<string>('');
|
|
3611
3616
|
libTooltip = '';
|
|
3612
3617
|
tooltipPosition = input('bottom');
|
|
3618
|
+
tooltipClass = input({ alias: 'tooltipClass' });
|
|
3613
3619
|
constructor() {
|
|
3614
3620
|
effect(() => {
|
|
3615
3621
|
this.hideTooltip();
|
|
@@ -3629,6 +3635,7 @@ class TooltipDirective {
|
|
|
3629
3635
|
const tooltipPortal = new ComponentPortal(TooltipComponent);
|
|
3630
3636
|
const tooltipRef = this.overlayRef.attach(tooltipPortal);
|
|
3631
3637
|
tooltipRef.instance.text = this.libTooltip;
|
|
3638
|
+
tooltipRef.instance.tooltipClass = this.tooltipClass();
|
|
3632
3639
|
}
|
|
3633
3640
|
hideTooltip() {
|
|
3634
3641
|
if (this.overlayRef?.hasAttached()) {
|
|
@@ -3703,7 +3710,7 @@ class TooltipDirective {
|
|
|
3703
3710
|
this.hideTooltip();
|
|
3704
3711
|
}
|
|
3705
3712
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3706
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.7", type: TooltipDirective, isStandalone: true, selector: "[libTooltip]", inputs: { libTooltip: { classPropertyName: "libTooltip", publicName: "libTooltip", isSignal: false, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "touchstart": "onTouchStart()", "touchend": "onTouchEnd()", "touchcancel": "onTouchEnd()" } }, ngImport: i0 });
|
|
3713
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.7", type: TooltipDirective, isStandalone: true, selector: "[libTooltip]", inputs: { libTooltip: { classPropertyName: "libTooltip", publicName: "libTooltip", isSignal: false, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltipClass: { classPropertyName: "tooltipClass", publicName: "tooltipClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "touchstart": "onTouchStart()", "touchend": "onTouchEnd()", "touchcancel": "onTouchEnd()" } }, ngImport: i0 });
|
|
3707
3714
|
}
|
|
3708
3715
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipDirective, decorators: [{
|
|
3709
3716
|
type: Directive,
|