@wirekyt/angular 0.0.9 → 0.0.10
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/dist/fesm2022/wirekyt-angular-accordion.mjs +24 -24
- package/dist/fesm2022/wirekyt-angular-angle-slider.mjs +30 -30
- package/dist/fesm2022/wirekyt-angular-avatar.mjs +15 -15
- package/dist/fesm2022/wirekyt-angular-carousel.mjs +39 -39
- package/dist/fesm2022/wirekyt-angular-checkbox.mjs +27 -27
- package/dist/fesm2022/wirekyt-angular-client-only.mjs +3 -3
- package/dist/fesm2022/wirekyt-angular-clipboard.mjs +27 -27
- package/dist/fesm2022/wirekyt-angular-collapsible.mjs +16 -16
- package/dist/fesm2022/wirekyt-angular-collapsible.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-color-picker.mjs +1103 -0
- package/dist/fesm2022/wirekyt-angular-color-picker.mjs.map +1 -0
- package/dist/fesm2022/wirekyt-angular-field.mjs +30 -30
- package/dist/fesm2022/wirekyt-angular-fieldset.mjs +15 -15
- package/dist/fesm2022/wirekyt-angular.mjs +3 -3
- package/dist/package.json +5 -1
- package/dist/types/wirekyt-angular-collapsible.d.ts +1 -1
- package/dist/types/wirekyt-angular-collapsible.d.ts.map +1 -1
- package/dist/types/wirekyt-angular-color-picker.d.ts +313 -0
- package/dist/types/wirekyt-angular-color-picker.d.ts.map +1 -0
- package/package.json +7 -3
|
@@ -0,0 +1,313 @@
|
|
|
1
|
+
import * as _wirekyt_dom_anatomy from '@wirekyt/dom/anatomy';
|
|
2
|
+
import * as colorPicker from '@wirekyt/dom/machines/color-picker';
|
|
3
|
+
export { parse as parseColor } from '@wirekyt/dom/machines/color-picker';
|
|
4
|
+
import * as i0 from '@angular/core';
|
|
5
|
+
import { InputSignal, Signal, AfterContentInit, ModelSignal, InputSignalWithTransform, OutputEmitterRef, InjectionToken } from '@angular/core';
|
|
6
|
+
import { UseMachineReturn, ContextCarrier } from '@wirekyt/angular';
|
|
7
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
8
|
+
import { ColorStringFormat } from '@wirekyt/dom/color-utils';
|
|
9
|
+
|
|
10
|
+
declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"root" | "label" | "control" | "trigger" | "content" | "valueText" | "area" | "positioner" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
|
|
11
|
+
|
|
12
|
+
declare class ColorPickerArea {
|
|
13
|
+
readonly xChannel: InputSignal<colorPicker.ColorChannel | undefined>;
|
|
14
|
+
readonly yChannel: InputSignal<colorPicker.ColorChannel | undefined>;
|
|
15
|
+
readonly areaProps: Signal<colorPicker.AreaProps>;
|
|
16
|
+
constructor();
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerArea, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerArea, "[colorPickerArea]", ["colorPickerArea"], { "xChannel": { "alias": "xChannel"; "required": false; "isSignal": true; }; "yChannel": { "alias": "yChannel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
declare class ColorPickerAreaBackground {
|
|
22
|
+
constructor();
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerAreaBackground, never>;
|
|
24
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerAreaBackground, "[colorPickerAreaBackground]", ["colorPickerAreaBackground"], {}, {}, never, never, true, never>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare class ColorPickerAreaThumb {
|
|
28
|
+
constructor();
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerAreaThumb, never>;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerAreaThumb, "[colorPickerAreaThumb]", ["colorPickerAreaThumb"], {}, {}, never, never, true, never>;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
declare class ColorPickerChannelInput {
|
|
34
|
+
readonly channel: InputSignal<colorPicker.ExtendedColorChannel>;
|
|
35
|
+
readonly orientation: InputSignal<colorPicker.ChannelInputProps["orientation"]>;
|
|
36
|
+
constructor();
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerChannelInput, never>;
|
|
38
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerChannelInput, "input[colorPickerChannelInput]", ["colorPickerChannelInput"], { "channel": { "alias": "channel"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
declare class ColorPickerChannelSlider {
|
|
42
|
+
readonly channel: InputSignal<colorPicker.ColorChannel>;
|
|
43
|
+
readonly orientation: InputSignal<colorPicker.ChannelProps["orientation"]>;
|
|
44
|
+
private readonly formatProps;
|
|
45
|
+
readonly channelProps: Signal<colorPicker.ChannelProps>;
|
|
46
|
+
private readonly sliderProps;
|
|
47
|
+
constructor();
|
|
48
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerChannelSlider, never>;
|
|
49
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerChannelSlider, "[colorPickerChannelSlider]", ["colorPickerChannelSlider"], { "channel": { "alias": "channel"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
declare class ColorPickerChannelSliderLabel implements AfterContentInit {
|
|
53
|
+
private readonly ownsTextContent;
|
|
54
|
+
private readonly elementRef;
|
|
55
|
+
constructor();
|
|
56
|
+
ngAfterContentInit(): void;
|
|
57
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerChannelSliderLabel, never>;
|
|
58
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerChannelSliderLabel, "[colorPickerChannelSliderLabel]", ["colorPickerChannelSliderLabel"], {}, {}, never, never, true, never>;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
declare class ColorPickerChannelSliderThumb {
|
|
62
|
+
constructor();
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerChannelSliderThumb, never>;
|
|
64
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerChannelSliderThumb, "[colorPickerChannelSliderThumb]", ["colorPickerChannelSliderThumb"], {}, {}, never, never, true, never>;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
declare class ColorPickerChannelSliderTrack {
|
|
68
|
+
constructor();
|
|
69
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerChannelSliderTrack, never>;
|
|
70
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerChannelSliderTrack, "[colorPickerChannelSliderTrack]", ["colorPickerChannelSliderTrack"], {}, {}, never, never, true, never>;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
declare class ColorPickerChannelSliderValueText implements AfterContentInit {
|
|
74
|
+
private readonly ownsTextContent;
|
|
75
|
+
private readonly elementRef;
|
|
76
|
+
constructor();
|
|
77
|
+
ngAfterContentInit(): void;
|
|
78
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerChannelSliderValueText, never>;
|
|
79
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerChannelSliderValueText, "[colorPickerChannelSliderValueText]", ["colorPickerChannelSliderValueText"], {}, {}, never, never, true, never>;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
declare class ColorPickerContent {
|
|
83
|
+
constructor();
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerContent, never>;
|
|
85
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerContent, "[colorPickerContent]", ["colorPickerContent"], {}, {}, never, never, true, never>;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
type OptionalId<T extends {
|
|
89
|
+
id: string;
|
|
90
|
+
}> = Omit<T, "id"> & {
|
|
91
|
+
id?: string;
|
|
92
|
+
};
|
|
93
|
+
interface UseColorPickerProps extends OptionalId<Omit<colorPicker.Props, "dir" | "getRootNode">> {
|
|
94
|
+
}
|
|
95
|
+
type UseColorPickerReturn = UseMachineReturn<colorPicker.Service["state"], colorPicker.Api, colorPicker.Service>;
|
|
96
|
+
interface UseColorPickerOptions {
|
|
97
|
+
context: () => UseColorPickerProps;
|
|
98
|
+
}
|
|
99
|
+
declare function useColorPicker(options: UseColorPickerOptions): UseColorPickerReturn;
|
|
100
|
+
|
|
101
|
+
interface ColorPickerContextTemplate {
|
|
102
|
+
$implicit: UseColorPickerReturn["api"];
|
|
103
|
+
api: UseColorPickerReturn["api"];
|
|
104
|
+
}
|
|
105
|
+
declare class ColorPickerContext {
|
|
106
|
+
static ngTemplateContextGuard(_directive: ColorPickerContext, context: unknown): context is ColorPickerContextTemplate;
|
|
107
|
+
private readonly colorPicker;
|
|
108
|
+
private readonly templateRef;
|
|
109
|
+
private readonly viewContainer;
|
|
110
|
+
constructor();
|
|
111
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerContext, never>;
|
|
112
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerContext, "[colorPickerContext]", ["colorPickerContext"], {}, {}, never, never, true, never>;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
declare class ColorPickerControl {
|
|
116
|
+
constructor();
|
|
117
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerControl, never>;
|
|
118
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerControl, "[colorPickerControl]", ["colorPickerControl"], {}, {}, never, never, true, never>;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
declare class ColorPickerEyeDropperTrigger {
|
|
122
|
+
constructor();
|
|
123
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerEyeDropperTrigger, never>;
|
|
124
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerEyeDropperTrigger, "button[colorPickerEyeDropperTrigger]", ["colorPickerEyeDropperTrigger"], {}, {}, never, never, true, never>;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
declare class ColorPickerFormatSelect {
|
|
128
|
+
constructor();
|
|
129
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerFormatSelect, never>;
|
|
130
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerFormatSelect, "select[colorPickerFormatSelect]", ["colorPickerFormatSelect"], {}, {}, never, never, true, never>;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
declare class ColorPickerFormatTrigger {
|
|
134
|
+
constructor();
|
|
135
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerFormatTrigger, never>;
|
|
136
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerFormatTrigger, "button[colorPickerFormatTrigger]", ["colorPickerFormatTrigger"], {}, {}, never, never, true, never>;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
declare class ColorPickerHiddenInput {
|
|
140
|
+
constructor();
|
|
141
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerHiddenInput, never>;
|
|
142
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerHiddenInput, "input[colorPickerHiddenInput]", ["colorPickerHiddenInput"], {}, {}, never, never, true, never>;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
declare class ColorPickerLabel {
|
|
146
|
+
constructor();
|
|
147
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerLabel, never>;
|
|
148
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerLabel, "[colorPickerLabel]", ["colorPickerLabel"], {}, {}, never, never, true, never>;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
declare class ColorPickerPositioner {
|
|
152
|
+
constructor();
|
|
153
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerPositioner, never>;
|
|
154
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerPositioner, "[colorPickerPositioner]", ["colorPickerPositioner"], {}, {}, never, never, true, never>;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
type ColorPickerAreaProps = colorPicker.AreaProps;
|
|
158
|
+
type ColorPickerChannelInputProps = colorPicker.ChannelInputProps;
|
|
159
|
+
type ColorPickerChannelProps = colorPicker.ChannelProps;
|
|
160
|
+
type ColorPickerChannelSliderProps = colorPicker.ChannelSliderProps;
|
|
161
|
+
type ColorPickerElementIds = colorPicker.ElementIds;
|
|
162
|
+
type ColorPickerFocusOutsideEvent = colorPicker.FocusOutsideEvent;
|
|
163
|
+
type ColorPickerFormat = colorPicker.ColorFormat;
|
|
164
|
+
type ColorPickerFormatChangeDetails = colorPicker.FormatChangeDetails;
|
|
165
|
+
type ColorPickerInteractOutsideEvent = colorPicker.InteractOutsideEvent;
|
|
166
|
+
type ColorPickerOpenChangeDetails = colorPicker.OpenChangeDetails;
|
|
167
|
+
type ColorPickerPointerDownOutsideEvent = colorPicker.PointerDownOutsideEvent;
|
|
168
|
+
type ColorPickerPositioningOptions = colorPicker.PositioningOptions;
|
|
169
|
+
type ColorPickerSwatchProps = colorPicker.SwatchProps;
|
|
170
|
+
type ColorPickerSwatchTriggerProps = colorPicker.SwatchTriggerProps;
|
|
171
|
+
type ColorPickerSwatchTriggerState = colorPicker.SwatchTriggerState;
|
|
172
|
+
type ColorPickerTransparencyGridProps = colorPicker.TransparencyGridProps;
|
|
173
|
+
type ColorPickerValue = colorPicker.Color;
|
|
174
|
+
type ColorPickerValueChangeDetails = colorPicker.ValueChangeDetails;
|
|
175
|
+
type ColorPickerValueTextFormat = ColorStringFormat;
|
|
176
|
+
|
|
177
|
+
declare class ColorPickerRoot implements UseColorPickerReturn, ControlValueAccessor {
|
|
178
|
+
readonly id: InputSignal<string | undefined>;
|
|
179
|
+
readonly ids: InputSignal<Partial<ColorPickerElementIds> | undefined>;
|
|
180
|
+
readonly value: ModelSignal<ColorPickerValue | undefined>;
|
|
181
|
+
readonly defaultValue: InputSignal<ColorPickerValue | undefined>;
|
|
182
|
+
readonly format: ModelSignal<ColorPickerFormat | undefined>;
|
|
183
|
+
readonly defaultFormat: InputSignal<ColorPickerFormat | undefined>;
|
|
184
|
+
readonly open: ModelSignal<boolean | undefined>;
|
|
185
|
+
readonly defaultOpen: InputSignalWithTransform<boolean, unknown>;
|
|
186
|
+
readonly disabled: InputSignalWithTransform<boolean, unknown>;
|
|
187
|
+
readonly readOnly: InputSignalWithTransform<boolean, unknown>;
|
|
188
|
+
readonly required: InputSignalWithTransform<boolean, unknown>;
|
|
189
|
+
readonly invalid: InputSignalWithTransform<boolean, unknown>;
|
|
190
|
+
readonly inline: InputSignalWithTransform<boolean, unknown>;
|
|
191
|
+
readonly closeOnSelect: InputSignalWithTransform<boolean, unknown>;
|
|
192
|
+
readonly openAutoFocus: InputSignalWithTransform<boolean, unknown>;
|
|
193
|
+
readonly name: InputSignal<string | undefined>;
|
|
194
|
+
readonly positioning: InputSignal<ColorPickerPositioningOptions | undefined>;
|
|
195
|
+
readonly initialFocusEl: InputSignal<(() => HTMLElement | null) | undefined>;
|
|
196
|
+
readonly valueChangeEnd: OutputEmitterRef<ColorPickerValueChangeDetails>;
|
|
197
|
+
readonly focusOutside: OutputEmitterRef<ColorPickerFocusOutsideEvent>;
|
|
198
|
+
readonly pointerDownOutside: OutputEmitterRef<ColorPickerPointerDownOutsideEvent>;
|
|
199
|
+
readonly interactOutside: OutputEmitterRef<ColorPickerInteractOutsideEvent>;
|
|
200
|
+
private readonly formDisabled;
|
|
201
|
+
private pendingInternalWrites;
|
|
202
|
+
private hasExternalBinding;
|
|
203
|
+
private hasReceivedFormWrite;
|
|
204
|
+
private readonly cva;
|
|
205
|
+
private readonly machine;
|
|
206
|
+
readonly state: Signal<colorPicker.Service["state"]>;
|
|
207
|
+
readonly api: Signal<colorPicker.Api>;
|
|
208
|
+
readonly service: colorPicker.Service;
|
|
209
|
+
readonly send: colorPicker.Service["send"];
|
|
210
|
+
protected readonly contextCarrier: ContextCarrier<ColorPickerRoot>;
|
|
211
|
+
constructor();
|
|
212
|
+
writeValue(value: ColorPickerValue | null): void;
|
|
213
|
+
registerOnChange(fn: (value: ColorPickerValue | undefined) => void): void;
|
|
214
|
+
registerOnTouched(fn: () => void): void;
|
|
215
|
+
setDisabledState(disabled: boolean): void;
|
|
216
|
+
getContextCarrier(): ContextCarrier<ColorPickerRoot>;
|
|
217
|
+
private syncValue;
|
|
218
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerRoot, never>;
|
|
219
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerRoot, "[colorPickerRoot]", ["colorPickerRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ids": { "alias": "ids"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "defaultFormat": { "alias": "defaultFormat"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "openAutoFocus": { "alias": "openAutoFocus"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "positioning": { "alias": "positioning"; "required": false; "isSignal": true; }; "initialFocusEl": { "alias": "initialFocusEl"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "format": "formatChange"; "open": "openChange"; "valueChangeEnd": "valueChangeEnd"; "focusOutside": "focusOutside"; "pointerDownOutside": "pointerDownOutside"; "interactOutside": "interactOutside"; }, never, never, true, never>;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
declare class ColorPickerRootProvider implements UseColorPickerReturn {
|
|
223
|
+
readonly value: InputSignal<UseColorPickerReturn>;
|
|
224
|
+
readonly state: Signal<colorPicker.Service["state"]>;
|
|
225
|
+
readonly api: Signal<colorPicker.Api>;
|
|
226
|
+
readonly send: colorPicker.Service["send"];
|
|
227
|
+
get service(): colorPicker.Service;
|
|
228
|
+
protected readonly contextCarrier: ContextCarrier<ColorPickerRootProvider>;
|
|
229
|
+
constructor();
|
|
230
|
+
getContextCarrier(): ContextCarrier<ColorPickerRootProvider>;
|
|
231
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerRootProvider, never>;
|
|
232
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerRootProvider, "[colorPickerRootProvider]", ["colorPickerRootProvider"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
declare class ColorPickerSwatch {
|
|
236
|
+
readonly value: InputSignal<string | colorPicker.Color>;
|
|
237
|
+
readonly respectAlpha: InputSignalWithTransform<boolean, unknown>;
|
|
238
|
+
readonly swatchProps: Signal<colorPicker.SwatchProps>;
|
|
239
|
+
constructor();
|
|
240
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerSwatch, never>;
|
|
241
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerSwatch, "[colorPickerSwatch]", ["colorPickerSwatch"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "respectAlpha": { "alias": "respectAlpha"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
declare class ColorPickerSwatchGroup {
|
|
245
|
+
constructor();
|
|
246
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerSwatchGroup, never>;
|
|
247
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerSwatchGroup, "[colorPickerSwatchGroup]", ["colorPickerSwatchGroup"], {}, {}, never, never, true, never>;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
declare class ColorPickerSwatchIndicator {
|
|
251
|
+
constructor();
|
|
252
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerSwatchIndicator, never>;
|
|
253
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerSwatchIndicator, "[colorPickerSwatchIndicator]", ["colorPickerSwatchIndicator"], {}, {}, never, never, true, never>;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
declare class ColorPickerSwatchTrigger {
|
|
257
|
+
readonly value: InputSignal<string | colorPicker.Color>;
|
|
258
|
+
readonly disabled: InputSignalWithTransform<boolean, unknown>;
|
|
259
|
+
constructor();
|
|
260
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerSwatchTrigger, never>;
|
|
261
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerSwatchTrigger, "button[colorPickerSwatchTrigger]", ["colorPickerSwatchTrigger"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
declare class ColorPickerTransparencyGrid {
|
|
265
|
+
readonly size: InputSignal<string | undefined>;
|
|
266
|
+
constructor();
|
|
267
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerTransparencyGrid, never>;
|
|
268
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerTransparencyGrid, "[colorPickerTransparencyGrid]", ["colorPickerTransparencyGrid"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
declare class ColorPickerTrigger {
|
|
272
|
+
constructor();
|
|
273
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerTrigger, never>;
|
|
274
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerTrigger, "button[colorPickerTrigger]", ["colorPickerTrigger"], {}, {}, never, never, true, never>;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
declare class ColorPickerValueSwatch {
|
|
278
|
+
readonly respectAlpha: InputSignalWithTransform<boolean, unknown>;
|
|
279
|
+
private readonly context;
|
|
280
|
+
readonly swatchProps: Signal<colorPicker.SwatchProps>;
|
|
281
|
+
constructor();
|
|
282
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerValueSwatch, never>;
|
|
283
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerValueSwatch, "[colorPickerValueSwatch]", ["colorPickerValueSwatch"], { "respectAlpha": { "alias": "respectAlpha"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
declare class ColorPickerValueText implements AfterContentInit {
|
|
287
|
+
readonly format: InputSignal<ColorPickerValueTextFormat | undefined>;
|
|
288
|
+
private readonly ownsTextContent;
|
|
289
|
+
private readonly elementRef;
|
|
290
|
+
constructor();
|
|
291
|
+
ngAfterContentInit(): void;
|
|
292
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerValueText, never>;
|
|
293
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerValueText, "[colorPickerValueText]", ["colorPickerValueText"], { "format": { "alias": "format"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
declare class ColorPickerView {
|
|
297
|
+
readonly format: InputSignal<colorPicker.ColorFormat>;
|
|
298
|
+
readonly formatProps: Signal<{
|
|
299
|
+
format: colorPicker.ColorFormat;
|
|
300
|
+
}>;
|
|
301
|
+
constructor();
|
|
302
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerView, never>;
|
|
303
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerView, "[colorPickerView]", ["colorPickerView"], { "format": { "alias": "format"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
declare const COLOR_PICKER_CONTEXT: InjectionToken<UseColorPickerReturn>;
|
|
307
|
+
declare function injectColorPickerContext(): UseColorPickerReturn;
|
|
308
|
+
declare const COLOR_PICKER_CONTEXT_CARRIER: InjectionToken<ContextCarrier<UseColorPickerReturn>>;
|
|
309
|
+
declare function injectColorPickerContextCarrier(): ContextCarrier<UseColorPickerReturn>;
|
|
310
|
+
|
|
311
|
+
export { COLOR_PICKER_CONTEXT, COLOR_PICKER_CONTEXT_CARRIER, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, injectColorPickerContext, injectColorPickerContextCarrier, useColorPicker };
|
|
312
|
+
export type { ColorPickerAreaProps, ColorPickerChannelInputProps, ColorPickerChannelProps, ColorPickerChannelSliderProps, ColorPickerContextTemplate, ColorPickerElementIds, ColorPickerFocusOutsideEvent, ColorPickerFormat, ColorPickerFormatChangeDetails, ColorPickerInteractOutsideEvent, ColorPickerOpenChangeDetails, ColorPickerPointerDownOutsideEvent, ColorPickerPositioningOptions, ColorPickerSwatchProps, ColorPickerSwatchTriggerProps, ColorPickerSwatchTriggerState, ColorPickerTransparencyGridProps, ColorPickerValue, ColorPickerValueChangeDetails, ColorPickerValueTextFormat, UseColorPickerProps, UseColorPickerReturn };
|
|
313
|
+
//# sourceMappingURL=wirekyt-angular-color-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wirekyt-angular-color-picker.d.ts","sources":["../../src/components/color-picker/anatomy.ts","../../src/components/color-picker/area.ts","../../src/components/color-picker/area-background.ts","../../src/components/color-picker/area-thumb.ts","../../src/components/color-picker/channel-input.ts","../../src/components/color-picker/channel-slider.ts","../../src/components/color-picker/channel-slider-label.ts","../../src/components/color-picker/channel-slider-thumb.ts","../../src/components/color-picker/channel-slider-track.ts","../../src/components/color-picker/channel-slider-value-text.ts","../../src/components/color-picker/content.ts","../../src/components/color-picker/use.ts","../../src/components/color-picker/context.ts","../../src/components/color-picker/control.ts","../../src/components/color-picker/eye-dropper-trigger.ts","../../src/components/color-picker/format-select.ts","../../src/components/color-picker/format-trigger.ts","../../src/components/color-picker/hidden-input.ts","../../src/components/color-picker/label.ts","../../src/components/color-picker/positioner.ts","../../src/components/color-picker/types.ts","../../src/components/color-picker/root.ts","../../src/components/color-picker/root-provider.ts","../../src/components/color-picker/swatch.ts","../../src/components/color-picker/swatch-group.ts","../../src/components/color-picker/swatch-indicator.ts","../../src/components/color-picker/swatch-trigger.ts","../../src/components/color-picker/transparency-grid.ts","../../src/components/color-picker/trigger.ts","../../src/components/color-picker/value-swatch.ts","../../src/components/color-picker/value-text.ts","../../src/components/color-picker/view.ts","../../src/components/color-picker/use-context.ts"],"mappings":"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","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wirekyt/angular",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.10",
|
|
4
4
|
"description": "Angular adapter for Wirekyt",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -46,6 +46,10 @@
|
|
|
46
46
|
"types": "./dist/types/wirekyt-angular-collapsible.d.ts",
|
|
47
47
|
"default": "./dist/fesm2022/wirekyt-angular-collapsible.mjs"
|
|
48
48
|
},
|
|
49
|
+
"./color-picker": {
|
|
50
|
+
"types": "./dist/types/wirekyt-angular-color-picker.d.ts",
|
|
51
|
+
"default": "./dist/fesm2022/wirekyt-angular-color-picker.mjs"
|
|
52
|
+
},
|
|
49
53
|
"./collection": {
|
|
50
54
|
"types": "./dist/types/wirekyt-angular-collection.d.ts",
|
|
51
55
|
"default": "./dist/fesm2022/wirekyt-angular-collection.mjs"
|
|
@@ -67,8 +71,8 @@
|
|
|
67
71
|
"dependencies": {
|
|
68
72
|
"@internationalized/date": "^3.12.3",
|
|
69
73
|
"@internationalized/number": "^3.6.7",
|
|
70
|
-
"
|
|
71
|
-
"
|
|
74
|
+
"@wirekyt/dom": "0.0.10",
|
|
75
|
+
"tslib": "^2.8.1"
|
|
72
76
|
},
|
|
73
77
|
"peerDependencies": {
|
|
74
78
|
"@angular/common": ">=22.0.0",
|