@vallift/ngl 0.0.9 → 0.0.11
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/button/button.component.d.ts +1 -1
- package/components/color-picker/color-converter.service.d.ts +26 -0
- package/components/color-picker/color-picker-slider.directive.d.ts +23 -0
- package/components/color-picker/color-picker.component.d.ts +58 -0
- package/components/color-picker/color-picker.directive.d.ts +18 -0
- package/components/color-picker/enums/formats.d.ts +6 -0
- package/components/color-picker/utils/formats.d.ts +53 -0
- package/components/color-picker/utils/slider.d.ts +14 -0
- package/components/shimmer/shimmer.component.d.ts +1 -1
- package/fesm2022/vallift-ngl.mjs +876 -11
- 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 +2 -2
- package/inputs/text-input/text-input.component.d.ts +6 -4
- package/package.json +1 -1
- package/public-api.d.ts +4 -0
|
@@ -5,7 +5,7 @@ export declare class ButtonComponent {
|
|
|
5
5
|
elementRef: ElementRef<any>;
|
|
6
6
|
document: Document;
|
|
7
7
|
renderer: Renderer2;
|
|
8
|
-
type: import("@angular/core").InputSignal<"
|
|
8
|
+
type: import("@angular/core").InputSignal<"reset" | "submit" | "button">;
|
|
9
9
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
10
10
|
fullWidth: import("@angular/core").InputSignal<boolean>;
|
|
11
11
|
appearance: import("@angular/core").InputSignal<"textType" | "primary" | "outline" | "primaryRounded" | "outlineRounded">;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Cmyk, Hsla, Hsva, Rgba } from "./utils/formats";
|
|
2
|
+
import { ColorFormats } from "./enums/formats";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ColorConverterService {
|
|
5
|
+
constructor();
|
|
6
|
+
toFormat(hsva: Hsva | null, format: ColorFormats): string;
|
|
7
|
+
stringToFormat(color: string, format: ColorFormats): string;
|
|
8
|
+
hsva2hsla(hsva: Hsva): Hsla;
|
|
9
|
+
hsla2hsva(hsla: Hsla): Hsva;
|
|
10
|
+
hsvaToRgba(hsva: Hsva): Rgba;
|
|
11
|
+
cmykToRgb(cmyk: Cmyk): Rgba;
|
|
12
|
+
rgbaToCmyk(rgba: Rgba): Cmyk;
|
|
13
|
+
rgbaToHsva(rgba: Rgba): Hsva;
|
|
14
|
+
rgbaToHex(rgba: Rgba, allowHex8?: boolean): string;
|
|
15
|
+
normalizeCMYK(cmyk: Cmyk): Cmyk;
|
|
16
|
+
denormalizeCMYK(cmyk: Cmyk): Cmyk;
|
|
17
|
+
denormalizeRGBA(rgba: Rgba): Rgba;
|
|
18
|
+
stringToHsva(colorString?: string, allowHex8?: boolean): Hsva | null;
|
|
19
|
+
outputFormat(hsva: Hsva): string;
|
|
20
|
+
getFormatByString(color: string): string;
|
|
21
|
+
isValidHexColor(hex?: string): boolean;
|
|
22
|
+
addHexPrefixIfMissing(hex: string): string;
|
|
23
|
+
removeAlpha(hex: string): string;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorConverterService, never>;
|
|
25
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ColorConverterService>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ColorPickerSliderDirective {
|
|
4
|
+
private readonly listenerMove;
|
|
5
|
+
private readonly listenerStop;
|
|
6
|
+
rgX: number;
|
|
7
|
+
rgY: number;
|
|
8
|
+
dragEnd: EventEmitter<any>;
|
|
9
|
+
dragStart: EventEmitter<any>;
|
|
10
|
+
valueChanged: EventEmitter<any>;
|
|
11
|
+
elementRef: ElementRef<any>;
|
|
12
|
+
mouseDown(event: MouseEvent): void;
|
|
13
|
+
touchStart(event: MouseEvent): void;
|
|
14
|
+
constructor();
|
|
15
|
+
private move;
|
|
16
|
+
private start;
|
|
17
|
+
private stop;
|
|
18
|
+
private getXAxis;
|
|
19
|
+
private getYAxis;
|
|
20
|
+
private setCursor;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerSliderDirective, never>;
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerSliderDirective, "[colorPickerSlider]", never, { "rgX": { "alias": "rgX"; "required": false; }; "rgY": { "alias": "rgY"; "required": false; }; }, { "dragEnd": "dragEnd"; "dragStart": "dragStart"; "valueChanged": "valueChanged"; }, never, never, true, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
|
|
2
|
+
import { Hsva } from "./utils/formats";
|
|
3
|
+
import { ColorConverterService } from "./color-converter.service";
|
|
4
|
+
import { SliderPosition } from "./utils/slider";
|
|
5
|
+
import { ColorFormats } from "./enums/formats";
|
|
6
|
+
import { BaseControlValueAccessorV3 } from '../../base/base-control-value-accessor-v3';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class ColorPickerComponent extends BaseControlValueAccessorV3<string> implements OnInit, AfterViewInit, OnChanges {
|
|
9
|
+
hexColor: import("@angular/core").InputSignal<string>;
|
|
10
|
+
enableAdditionalColor: import("@angular/core").InputSignal<boolean>;
|
|
11
|
+
additionalColors: import("@angular/core").InputSignal<string[]>;
|
|
12
|
+
enableAlpha: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
controls: "default" | "only-alpha" | "no-alpha";
|
|
14
|
+
colorChanged: EventEmitter<string>;
|
|
15
|
+
onAlphaChange: EventEmitter<any>;
|
|
16
|
+
closeColorPicker: EventEmitter<any>;
|
|
17
|
+
color: Hsva;
|
|
18
|
+
COLOR_PICKER_HEIGHT: import("@angular/core").WritableSignal<number>;
|
|
19
|
+
COLOR_PICKER_WIDTH: import("@angular/core").WritableSignal<number>;
|
|
20
|
+
converterService: ColorConverterService;
|
|
21
|
+
cdr: ChangeDetectorRef;
|
|
22
|
+
hsva: import("@angular/core").WritableSignal<Hsva>;
|
|
23
|
+
private outputColor;
|
|
24
|
+
selectedColor: import("@angular/core").WritableSignal<string>;
|
|
25
|
+
private sliderDimMax;
|
|
26
|
+
slider: import("@angular/core").WritableSignal<SliderPosition>;
|
|
27
|
+
hueSliderColor: import("@angular/core").WritableSignal<string | null>;
|
|
28
|
+
alphaSliderColor: import("@angular/core").WritableSignal<string | null>;
|
|
29
|
+
hueSlider: ElementRef;
|
|
30
|
+
alphaSlider: ElementRef;
|
|
31
|
+
height: import("@angular/core").Signal<string>;
|
|
32
|
+
width: import("@angular/core").Signal<string>;
|
|
33
|
+
isTooltip: import("@angular/core").WritableSignal<boolean>;
|
|
34
|
+
format: ColorFormats;
|
|
35
|
+
hexColorValue: import("@angular/core").ModelSignal<string>;
|
|
36
|
+
alphaValue: import("@angular/core").WritableSignal<number>;
|
|
37
|
+
click(event: MouseEvent): void;
|
|
38
|
+
isOutside(event: any): any;
|
|
39
|
+
protected onValueReady(value: string): void;
|
|
40
|
+
ngOnInit(): void;
|
|
41
|
+
ngOnChanges(changes: any): void;
|
|
42
|
+
ngAfterViewInit(): void;
|
|
43
|
+
setHexColor(hexColor: string): void;
|
|
44
|
+
mapRange(value: number): number;
|
|
45
|
+
onSliderChange(type: string, event: any): void;
|
|
46
|
+
setColor(color: Hsva): void;
|
|
47
|
+
getBackgroundColor(color: any): {
|
|
48
|
+
background: string;
|
|
49
|
+
};
|
|
50
|
+
private update;
|
|
51
|
+
onHexColorChange(event: any): void;
|
|
52
|
+
alphaChanged(event: any): void;
|
|
53
|
+
onApplyCLicked(): void;
|
|
54
|
+
getColorRows(): string[][];
|
|
55
|
+
onColorSelected(color: string): void;
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
|
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "app-color-picker", never, { "hexColor": { "alias": "hexColor"; "required": false; "isSignal": true; }; "enableAdditionalColor": { "alias": "enableAdditionalColor"; "required": false; "isSignal": true; }; "additionalColors": { "alias": "additionalColors"; "required": false; "isSignal": true; }; "enableAlpha": { "alias": "enableAlpha"; "required": false; "isSignal": true; }; "controls": { "alias": "controls"; "required": false; }; "hexColorValue": { "alias": "hexColorValue"; "required": false; "isSignal": true; }; }, { "colorChanged": "colorChanged"; "onAlphaChange": "onAlphaChange"; "closeColorPicker": "closeColorPicker"; "hexColorValue": "hexColorValueChange"; }, never, never, true, never>;
|
|
58
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ApplicationRef, ComponentFactoryResolver, ElementRef, EventEmitter, Injector, OnDestroy, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ColorPickerDirective implements OnDestroy {
|
|
4
|
+
colorChanged: EventEmitter<string>;
|
|
5
|
+
private componentRef;
|
|
6
|
+
elementRef: ElementRef<any>;
|
|
7
|
+
viewContainerRef: ViewContainerRef;
|
|
8
|
+
componentFactoryResolver: ComponentFactoryResolver;
|
|
9
|
+
appRef: ApplicationRef;
|
|
10
|
+
injector: Injector;
|
|
11
|
+
overlay: any;
|
|
12
|
+
onClick(): void;
|
|
13
|
+
private initializeColorPicker;
|
|
14
|
+
closeColorPicker(): void;
|
|
15
|
+
ngOnDestroy(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerDirective, never>;
|
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerDirective, "[appColorPicker]", never, {}, { "colorChanged": "colorChanged"; }, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
export declare class Rgba {
|
|
3
|
+
r: number;
|
|
4
|
+
g: number;
|
|
5
|
+
b: number;
|
|
6
|
+
a: number;
|
|
7
|
+
constructor(r: number, g: number, b: number, a: number);
|
|
8
|
+
denormalize(): Rgba;
|
|
9
|
+
toString(): string;
|
|
10
|
+
}
|
|
11
|
+
export declare class Hsva {
|
|
12
|
+
h: number;
|
|
13
|
+
s: number;
|
|
14
|
+
v: number;
|
|
15
|
+
a: number;
|
|
16
|
+
onChange: EventEmitter<Hsva>;
|
|
17
|
+
constructor(h: number, s: number, v: number, a: number);
|
|
18
|
+
onColorChange(value: {
|
|
19
|
+
s: number;
|
|
20
|
+
v: number;
|
|
21
|
+
rgX: number;
|
|
22
|
+
rgY: number;
|
|
23
|
+
}): void;
|
|
24
|
+
onHueChange(value: {
|
|
25
|
+
v: number;
|
|
26
|
+
rgX: number;
|
|
27
|
+
}): void;
|
|
28
|
+
onValueChange(value: {
|
|
29
|
+
v: number;
|
|
30
|
+
rgX: number;
|
|
31
|
+
}): void;
|
|
32
|
+
onAlphaChange(value: {
|
|
33
|
+
v: number;
|
|
34
|
+
rgX: number;
|
|
35
|
+
}): void;
|
|
36
|
+
}
|
|
37
|
+
export declare class Hsla {
|
|
38
|
+
h: number;
|
|
39
|
+
s: number;
|
|
40
|
+
l: number;
|
|
41
|
+
a: number;
|
|
42
|
+
constructor(h: number, s: number, l: number, a: number);
|
|
43
|
+
denormalize(): Hsla;
|
|
44
|
+
toString(): string;
|
|
45
|
+
}
|
|
46
|
+
export declare class Cmyk {
|
|
47
|
+
c: number;
|
|
48
|
+
m: number;
|
|
49
|
+
y: number;
|
|
50
|
+
k: number;
|
|
51
|
+
a: number;
|
|
52
|
+
constructor(c: number, m: number, y: number, k: number, a?: number);
|
|
53
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare class SliderPosition {
|
|
2
|
+
h: number;
|
|
3
|
+
s: number;
|
|
4
|
+
v: number;
|
|
5
|
+
a: number;
|
|
6
|
+
constructor(h: number, s: number, v: number, a: number);
|
|
7
|
+
}
|
|
8
|
+
export declare class SliderDimension {
|
|
9
|
+
h: number;
|
|
10
|
+
s: number;
|
|
11
|
+
v: number;
|
|
12
|
+
a: number;
|
|
13
|
+
constructor(h: number, s: number, v: number, a: number);
|
|
14
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class ShimmerComponent {
|
|
3
|
-
type: import("@angular/core").InputSignal<"
|
|
3
|
+
type: import("@angular/core").InputSignal<"list" | "grid" | "single-line" | "multiline">;
|
|
4
4
|
count: import("@angular/core").InputSignal<number>;
|
|
5
5
|
loop: import("@angular/core").Signal<number[]>;
|
|
6
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<ShimmerComponent, never>;
|