ngx-kit 7.1.0 → 7.3.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/angle-selector/README.md +34 -34
- package/box-shadow/README.md +33 -33
- package/color-picker/README.md +52 -52
- package/{shared → core}/README.md +117 -117
- package/data-table/README.md +120 -120
- package/date-picker/README.md +74 -74
- package/dialog/README.md +122 -92
- package/drag-resize/README.md +53 -55
- package/fesm2022/ngx-kit-angle-selector.mjs +9 -26
- package/fesm2022/ngx-kit-angle-selector.mjs.map +1 -1
- package/fesm2022/ngx-kit-box-shadow.mjs +330 -356
- package/fesm2022/ngx-kit-box-shadow.mjs.map +1 -1
- package/fesm2022/ngx-kit-color-picker.mjs +132 -272
- package/fesm2022/ngx-kit-color-picker.mjs.map +1 -1
- package/fesm2022/{ngx-kit-shared.mjs → ngx-kit-core.mjs} +908 -277
- package/fesm2022/ngx-kit-core.mjs.map +1 -0
- package/fesm2022/ngx-kit-data-table.mjs +1 -1
- package/fesm2022/ngx-kit-data-table.mjs.map +1 -1
- package/fesm2022/ngx-kit-date-picker.mjs +34 -22
- package/fesm2022/ngx-kit-date-picker.mjs.map +1 -1
- package/fesm2022/ngx-kit-dialog.mjs +430 -331
- package/fesm2022/ngx-kit-dialog.mjs.map +1 -1
- package/fesm2022/ngx-kit-drag-resize.mjs +193 -140
- package/fesm2022/ngx-kit-drag-resize.mjs.map +1 -1
- package/fesm2022/ngx-kit-drawer-menu.mjs +3 -3
- package/fesm2022/ngx-kit-drawer-menu.mjs.map +1 -1
- package/fesm2022/ngx-kit-dropzone.mjs.map +1 -1
- package/fesm2022/ngx-kit-form-field.mjs +9 -3
- package/fesm2022/ngx-kit-form-field.mjs.map +1 -1
- package/fesm2022/ngx-kit-gallery.mjs +3 -3
- package/fesm2022/ngx-kit-gallery.mjs.map +1 -1
- package/fesm2022/ngx-kit-gradient-picker.mjs +20 -38
- package/fesm2022/ngx-kit-gradient-picker.mjs.map +1 -1
- package/fesm2022/ngx-kit-grid-layout.mjs +32 -30
- package/fesm2022/ngx-kit-grid-layout.mjs.map +1 -1
- package/fesm2022/ngx-kit-image-editor.mjs +3 -3
- package/fesm2022/ngx-kit-image-editor.mjs.map +1 -1
- package/fesm2022/ngx-kit-menu.mjs +1 -1
- package/fesm2022/ngx-kit-menu.mjs.map +1 -1
- package/fesm2022/ngx-kit-message.mjs +2 -2
- package/fesm2022/ngx-kit-message.mjs.map +1 -1
- package/fesm2022/ngx-kit-notify.mjs +1 -1
- package/fesm2022/ngx-kit-notify.mjs.map +1 -1
- package/fesm2022/ngx-kit-time-picker.mjs +1 -1
- package/fesm2022/ngx-kit-time-picker.mjs.map +1 -1
- package/fesm2022/ngx-kit-virtual-scroll.mjs +2 -2
- package/fesm2022/ngx-kit-virtual-scroll.mjs.map +1 -1
- package/gallery/README.md +71 -71
- package/gradient-picker/README.md +41 -41
- package/grid-layout/README.md +64 -64
- package/image-editor/README.md +44 -44
- package/menu/README.md +85 -85
- package/message/README.md +70 -70
- package/notify/README.md +56 -56
- package/package.json +5 -9
- package/time-picker/README.md +89 -89
- package/types/ngx-kit-angle-selector.d.ts +13 -16
- package/types/ngx-kit-box-shadow.d.ts +37 -95
- package/types/ngx-kit-color-picker.d.ts +61 -58
- package/types/{ngx-kit-shared.d.ts → ngx-kit-core.d.ts} +194 -34
- package/types/ngx-kit-data-table.d.ts +2 -2
- package/types/ngx-kit-date-picker.d.ts +15 -12
- package/types/ngx-kit-dialog.d.ts +208 -107
- package/types/ngx-kit-drag-resize.d.ts +74 -47
- package/types/ngx-kit-form-field.d.ts +26 -23
- package/types/ngx-kit-gradient-picker.d.ts +4 -7
- package/types/ngx-kit-menu.d.ts +1 -1
- package/types/ngx-kit-time-picker.d.ts +1 -1
- package/virtual-scroll/README.md +199 -199
- package/fesm2022/ngx-kit-shared.mjs.map +0 -1
- package/fesm2022/ngx-kit-webflow.mjs +0 -709
- package/fesm2022/ngx-kit-webflow.mjs.map +0 -1
- package/types/ngx-kit-webflow.d.ts +0 -286
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { TemplateRef, EventEmitter, InjectionToken, OnInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
interface IPosition {
|
|
@@ -81,8 +81,8 @@ declare class DragRef<T = unknown> {
|
|
|
81
81
|
placeholder?: PlaceHolderRef;
|
|
82
82
|
originDropList: DropListRef<T> | null;
|
|
83
83
|
originIndex: number;
|
|
84
|
-
readonly isDragging:
|
|
85
|
-
readonly position:
|
|
84
|
+
readonly isDragging: _angular_core.WritableSignal<boolean>;
|
|
85
|
+
readonly position: _angular_core.WritableSignal<IPosition>;
|
|
86
86
|
private startPointer;
|
|
87
87
|
private startRect;
|
|
88
88
|
private lastPointer;
|
|
@@ -90,6 +90,7 @@ declare class DragRef<T = unknown> {
|
|
|
90
90
|
private previousZIndex;
|
|
91
91
|
private moveDx;
|
|
92
92
|
private moveDy;
|
|
93
|
+
private scrollCompensation;
|
|
93
94
|
private preview?;
|
|
94
95
|
private previewOffsetX;
|
|
95
96
|
private previewOffsetY;
|
|
@@ -110,6 +111,12 @@ declare class DragRef<T = unknown> {
|
|
|
110
111
|
get pointer(): IPosition;
|
|
111
112
|
get start(): DOMRect;
|
|
112
113
|
getPlaceholderElement(): HTMLElement | undefined;
|
|
114
|
+
/**
|
|
115
|
+
* صدا زده میشود هر بار که container یا window در حین درگ اسکرول شود
|
|
116
|
+
* (چه توسط auto-scroll خودمان، چه با wheel/اسکرولبار دستی کاربر).
|
|
117
|
+
* transform را فوراً تصحیح میکند تا عنصر زیر پوینتر بماند.
|
|
118
|
+
*/
|
|
119
|
+
notifyScroll(dx: number, dy: number): void;
|
|
113
120
|
private applyTransform;
|
|
114
121
|
private updatePreview;
|
|
115
122
|
}
|
|
@@ -142,9 +149,9 @@ interface IResizableOutput {
|
|
|
142
149
|
}
|
|
143
150
|
|
|
144
151
|
declare class DragDropService {
|
|
145
|
-
readonly drags:
|
|
146
|
-
readonly dropLists:
|
|
147
|
-
readonly activeDrag:
|
|
152
|
+
readonly drags: _angular_core.WritableSignal<readonly DragRef<unknown>[]>;
|
|
153
|
+
readonly dropLists: _angular_core.WritableSignal<readonly DropListRef<any>[]>;
|
|
154
|
+
readonly activeDrag: _angular_core.WritableSignal<DragRef<unknown> | null>;
|
|
148
155
|
registerDragItem(ref: DragRef<any>): void;
|
|
149
156
|
removeDragItem(ref: DragRef<any>): void;
|
|
150
157
|
registerDropList(ref: DropListRef): void;
|
|
@@ -156,34 +163,34 @@ declare class DragDropService {
|
|
|
156
163
|
x: number;
|
|
157
164
|
y: number;
|
|
158
165
|
}, current?: DropListRef | null): DropListRef | null;
|
|
159
|
-
static ɵfac:
|
|
160
|
-
static ɵprov:
|
|
166
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DragDropService, never>;
|
|
167
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<DragDropService>;
|
|
161
168
|
}
|
|
162
169
|
|
|
163
170
|
declare const NGX_DRAGGABLE: InjectionToken<NgxDraggable<unknown>>;
|
|
164
171
|
declare class NgxDraggable<T = unknown> implements OnInit, OnDestroy {
|
|
165
172
|
private readonly host;
|
|
166
173
|
private readonly renderer;
|
|
167
|
-
disabled: boolean
|
|
174
|
+
readonly disabled: _angular_core.ModelSignal<boolean>;
|
|
168
175
|
/** Element whose rect constrains the drag. Now actually enforced. */
|
|
169
|
-
boundary
|
|
170
|
-
dragRootElement: string
|
|
176
|
+
readonly boundary: _angular_core.InputSignal<HTMLElement | undefined>;
|
|
177
|
+
readonly dragRootElement: _angular_core.ModelSignal<string>;
|
|
171
178
|
/** CSS selector for a drag handle. When set, only pointerdowns inside it start a drag. */
|
|
172
|
-
dragHandle: string
|
|
179
|
+
readonly dragHandle: _angular_core.ModelSignal<string>;
|
|
173
180
|
/** Restrict movement to a single axis. */
|
|
174
|
-
lockAxis: DragAxis
|
|
181
|
+
readonly lockAxis: _angular_core.InputSignal<DragAxis>;
|
|
175
182
|
/** Minimum pointer travel (px) before a drag starts, so clicks still register normally. */
|
|
176
|
-
dragThreshold: number
|
|
183
|
+
readonly dragThreshold: _angular_core.InputSignal<number>;
|
|
177
184
|
/** Pixel step used when dragging via the keyboard (arrow keys, focus required). */
|
|
178
|
-
keyboardStep: number
|
|
185
|
+
readonly keyboardStep: _angular_core.InputSignal<number>;
|
|
179
186
|
/** Auto-scroll the nearest scrollable ancestor while dragging near its edge. */
|
|
180
|
-
autoScroll: boolean
|
|
187
|
+
readonly autoScroll: _angular_core.InputSignal<boolean>;
|
|
181
188
|
set data(v: T);
|
|
182
|
-
readonly dragStart:
|
|
183
|
-
readonly dragMove:
|
|
184
|
-
readonly dragEnd:
|
|
189
|
+
readonly dragStart: _angular_core.OutputEmitterRef<IPosition>;
|
|
190
|
+
readonly dragMove: _angular_core.OutputEmitterRef<IPosition>;
|
|
191
|
+
readonly dragEnd: _angular_core.OutputEmitterRef<IPosition>;
|
|
185
192
|
readonly _ref: DragRef<T>;
|
|
186
|
-
readonly dragging:
|
|
193
|
+
readonly dragging: _angular_core.WritableSignal<boolean>;
|
|
187
194
|
private readonly doc;
|
|
188
195
|
private readonly service;
|
|
189
196
|
private readonly list;
|
|
@@ -192,15 +199,27 @@ declare class NgxDraggable<T = unknown> implements OnInit, OnDestroy {
|
|
|
192
199
|
private down;
|
|
193
200
|
private start;
|
|
194
201
|
private pointerId;
|
|
202
|
+
private lastPointer;
|
|
195
203
|
private removeDown?;
|
|
196
204
|
private removeMove?;
|
|
197
205
|
private removeUp?;
|
|
198
206
|
private removeKeydown?;
|
|
199
207
|
private removeEscape?;
|
|
208
|
+
private scrollTarget;
|
|
209
|
+
private lastScroll;
|
|
210
|
+
private lastWindowScroll;
|
|
211
|
+
private removeContainerScroll?;
|
|
212
|
+
private removeWindowScroll?;
|
|
200
213
|
constructor(host: ElementRef<HTMLElement>, renderer: Renderer2);
|
|
201
214
|
ngOnInit(): void;
|
|
202
215
|
ngOnDestroy(): void;
|
|
203
216
|
private pointerDown;
|
|
217
|
+
private applyDragUpdate;
|
|
218
|
+
/** فراخوانی میشود دقیقاً وقتی drag واقعاً شروع میشود (چه با موس، چه با کیبورد). */
|
|
219
|
+
private startScrollTracking;
|
|
220
|
+
private handleContainerScroll;
|
|
221
|
+
private handleWindowScroll;
|
|
222
|
+
private stopScrollTracking;
|
|
204
223
|
private pointerMove;
|
|
205
224
|
private pointerUp;
|
|
206
225
|
private cancel;
|
|
@@ -209,30 +228,30 @@ declare class NgxDraggable<T = unknown> implements OnInit, OnDestroy {
|
|
|
209
228
|
private keyDown;
|
|
210
229
|
private isOnHandle;
|
|
211
230
|
private isInteractive;
|
|
212
|
-
static ɵfac:
|
|
213
|
-
static ɵdir:
|
|
231
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDraggable<any>, never>;
|
|
232
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxDraggable<any>, "[NgxDraggable],[ngxDraggable]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "boundary": { "alias": "boundary"; "required": false; "isSignal": true; }; "dragRootElement": { "alias": "dragRootElement"; "required": false; "isSignal": true; }; "dragHandle": { "alias": "dragHandle"; "required": false; "isSignal": true; }; "lockAxis": { "alias": "lockAxis"; "required": false; "isSignal": true; }; "dragThreshold": { "alias": "dragThreshold"; "required": false; "isSignal": true; }; "keyboardStep": { "alias": "keyboardStep"; "required": false; "isSignal": true; }; "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; }; }, { "disabled": "disabledChange"; "dragRootElement": "dragRootElementChange"; "dragHandle": "dragHandleChange"; "dragStart": "dragStart"; "dragMove": "dragMove"; "dragEnd": "dragEnd"; }, never, never, true, never>;
|
|
214
233
|
}
|
|
215
234
|
|
|
216
235
|
declare class NgxResizable {
|
|
217
236
|
private readonly el;
|
|
218
|
-
disabled: boolean
|
|
219
|
-
minWidth: number
|
|
220
|
-
minHeight: number
|
|
221
|
-
maxWidth: number
|
|
222
|
-
maxHeight: number
|
|
223
|
-
directions: LogicalResizeDirection[]
|
|
224
|
-
grid
|
|
237
|
+
disabled: _angular_core.ModelSignal<boolean>;
|
|
238
|
+
readonly minWidth: _angular_core.ModelSignal<number>;
|
|
239
|
+
readonly minHeight: _angular_core.ModelSignal<number>;
|
|
240
|
+
readonly maxWidth: _angular_core.ModelSignal<number>;
|
|
241
|
+
readonly maxHeight: _angular_core.ModelSignal<number>;
|
|
242
|
+
readonly directions: _angular_core.InputSignal<LogicalResizeDirection[]>;
|
|
243
|
+
readonly grid: _angular_core.InputSignal<number | {
|
|
225
244
|
x: number;
|
|
226
245
|
y: number;
|
|
227
|
-
}
|
|
246
|
+
} | undefined>;
|
|
228
247
|
/** Element whose rect constrains the resize. Previously accepted nowhere on this directive. */
|
|
229
|
-
boundary
|
|
248
|
+
readonly boundary: _angular_core.InputSignal<HTMLElement | undefined>;
|
|
230
249
|
/** Pixel step used when resizing via the keyboard (arrow keys, focus required). */
|
|
231
|
-
keyboardStep: number
|
|
232
|
-
readonly resizeStart:
|
|
233
|
-
readonly resizeMove:
|
|
234
|
-
readonly resizeEnd:
|
|
235
|
-
readonly resizing:
|
|
250
|
+
readonly keyboardStep: _angular_core.InputSignal<number>;
|
|
251
|
+
readonly resizeStart: _angular_core.OutputEmitterRef<IResizableOutput>;
|
|
252
|
+
readonly resizeMove: _angular_core.OutputEmitterRef<IResizableOutput>;
|
|
253
|
+
readonly resizeEnd: _angular_core.OutputEmitterRef<IResizableOutput>;
|
|
254
|
+
readonly resizing: _angular_core.WritableSignal<boolean>;
|
|
236
255
|
private direction;
|
|
237
256
|
private start;
|
|
238
257
|
private pointer;
|
|
@@ -253,8 +272,8 @@ declare class NgxResizable {
|
|
|
253
272
|
private finish;
|
|
254
273
|
private resolvedDirections;
|
|
255
274
|
private hitDirection;
|
|
256
|
-
static ɵfac:
|
|
257
|
-
static ɵdir:
|
|
275
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxResizable, never>;
|
|
276
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxResizable, "[NgxResizable],[ngxResizable]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "directions": { "alias": "directions"; "required": false; "isSignal": true; }; "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "boundary": { "alias": "boundary"; "required": false; "isSignal": true; }; "keyboardStep": { "alias": "keyboardStep"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "minWidth": "minWidthChange"; "minHeight": "minHeightChange"; "maxWidth": "maxWidthChange"; "maxHeight": "maxHeightChange"; "resizeStart": "resizeStart"; "resizeMove": "resizeMove"; "resizeEnd": "resizeEnd"; }, never, never, true, never>;
|
|
258
277
|
}
|
|
259
278
|
|
|
260
279
|
declare const NGX_DROPLIST: InjectionToken<NgxDropList<any>>;
|
|
@@ -270,8 +289,8 @@ declare class NgxDropList<T = any> implements OnInit, OnDestroy {
|
|
|
270
289
|
constructor(el: ElementRef<HTMLElement>);
|
|
271
290
|
ngOnInit(): void;
|
|
272
291
|
ngOnDestroy(): void;
|
|
273
|
-
static ɵfac:
|
|
274
|
-
static ɵdir:
|
|
292
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDropList<any>, never>;
|
|
293
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxDropList<any>, "[NgxDropList],[ngxDropList]", never, { "data": { "alias": "data"; "required": false; }; "connectedTo": { "alias": "connectedTo"; "required": false; }; "disableSort": { "alias": "disableSort"; "required": false; }; }, { "drop": "drop"; }, never, never, true, never>;
|
|
275
294
|
}
|
|
276
295
|
|
|
277
296
|
declare const NGX_DROPLIST_GROUP: InjectionToken<NgxDropListGroup>;
|
|
@@ -279,8 +298,8 @@ declare const NGX_DROPLIST_GROUP: InjectionToken<NgxDropListGroup>;
|
|
|
279
298
|
declare class NgxDropListGroup implements OnDestroy {
|
|
280
299
|
readonly _ref: DropListGroupRef;
|
|
281
300
|
ngOnDestroy(): void;
|
|
282
|
-
static ɵfac:
|
|
283
|
-
static ɵdir:
|
|
301
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDropListGroup, never>;
|
|
302
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxDropListGroup, "[NgxDropListGroup],[ngxDropListGroup]", never, {}, {}, never, never, true, never>;
|
|
284
303
|
}
|
|
285
304
|
|
|
286
305
|
declare const NGX_PLACEHOLDER: InjectionToken<PlaceHolderRef>;
|
|
@@ -289,8 +308,8 @@ declare class NgxPlaceholder {
|
|
|
289
308
|
readonly _ref: PlaceHolderRef;
|
|
290
309
|
private readonly list;
|
|
291
310
|
constructor(tpl: TemplateRef<unknown>);
|
|
292
|
-
static ɵfac:
|
|
293
|
-
static ɵdir:
|
|
311
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPlaceholder, never>;
|
|
312
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxPlaceholder, "[NgxPlaceholder],[ngxPlaceholder]", never, {}, {}, never, never, true, never>;
|
|
294
313
|
}
|
|
295
314
|
|
|
296
315
|
/**
|
|
@@ -341,15 +360,23 @@ declare class AutoScroller {
|
|
|
341
360
|
private raf;
|
|
342
361
|
private container;
|
|
343
362
|
private speed;
|
|
363
|
+
private onTick?;
|
|
344
364
|
private readonly edge;
|
|
345
365
|
private readonly maxSpeed;
|
|
346
366
|
constructor(edge?: number, maxSpeed?: number);
|
|
347
|
-
|
|
348
|
-
|
|
367
|
+
/** onTick اجرا میشود بعد از هر گام اسکرول، تا با آخرین موقعیت pointer، sort/placeholder بهروز شود. */
|
|
368
|
+
start(fromEl: HTMLElement, onTick?: () => void): void;
|
|
369
|
+
/** فقط container را عوض میکند بدون قطع حلقهی در حال اجرا یا صفر کردن speed. */
|
|
370
|
+
retarget(fromEl: HTMLElement): void;
|
|
349
371
|
update(clientX: number, clientY: number): void;
|
|
350
372
|
stop(): void;
|
|
351
373
|
private tick;
|
|
352
374
|
}
|
|
375
|
+
declare function findScrollableAncestor(el: HTMLElement): HTMLElement | Window;
|
|
376
|
+
declare function getScrollPosition(container: HTMLElement | Window): {
|
|
377
|
+
left: number;
|
|
378
|
+
top: number;
|
|
379
|
+
};
|
|
353
380
|
|
|
354
381
|
declare function moveItemInArray<T>(array: T[], from: number, to: number): void;
|
|
355
382
|
declare function transferArrayItem<T>(src: T[], dst: T[], from: number, to: number): void;
|
|
@@ -364,5 +391,5 @@ declare function transferArrayItem<T>(src: T[], dst: T[], from: number, to: numb
|
|
|
364
391
|
*/
|
|
365
392
|
declare function copyArrayItem<T = any>(currentArray: T[], targetArray: T[], currentIndex: number, targetIndex: number): void;
|
|
366
393
|
|
|
367
|
-
export { AutoScroller, DragDropService, DragRef, DropListGroupRef, DropListRef, NGX_DRAGGABLE, NGX_DROPLIST, NGX_DROPLIST_GROUP, NGX_PLACEHOLDER, NgxDraggable, NgxDropList, NgxDropListGroup, NgxPlaceholder, NgxResizable, PlaceHolderRef, adjustForZoom, checkBoundX, checkBoundY, clampResizeWithinBoundary, copyArrayItem, getPageZoom, isRtl, moveItemInArray, resolveLogicalDirection, transferArrayItem };
|
|
394
|
+
export { AutoScroller, DragDropService, DragRef, DropListGroupRef, DropListRef, NGX_DRAGGABLE, NGX_DROPLIST, NGX_DROPLIST_GROUP, NGX_PLACEHOLDER, NgxDraggable, NgxDropList, NgxDropListGroup, NgxPlaceholder, NgxResizable, PlaceHolderRef, adjustForZoom, checkBoundX, checkBoundY, clampResizeWithinBoundary, copyArrayItem, findScrollableAncestor, getPageZoom, getScrollPosition, isRtl, moveItemInArray, resolveLogicalDirection, transferArrayItem };
|
|
368
395
|
export type { DragAxis, IDropEvent, IPosition, IResizableOutput, LogicalResizeDirection, ResizeDirection };
|
|
@@ -1,69 +1,72 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { AfterViewInit, ElementRef, InjectionToken } from '@angular/core';
|
|
3
3
|
import * as ngx_kit_form_field from 'ngx-kit/form-field';
|
|
4
4
|
|
|
5
5
|
declare class NgxFormField {
|
|
6
6
|
protected readonly ref: ngx_kit_form_field.MgxFormFieldRef;
|
|
7
|
-
readonly label:
|
|
7
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
8
8
|
/**
|
|
9
9
|
* Forces the label to float even when the control is empty.
|
|
10
10
|
* Similar to Material's floatLabel behavior.
|
|
11
11
|
*/
|
|
12
|
-
readonly float:
|
|
12
|
+
readonly float: _angular_core.InputSignal<boolean>;
|
|
13
13
|
/**
|
|
14
14
|
* Explicit state overrides are useful when the projected control
|
|
15
15
|
* is managed by Angular Forms.
|
|
16
16
|
*/
|
|
17
|
-
readonly invalid:
|
|
18
|
-
readonly required:
|
|
19
|
-
readonly disabled:
|
|
20
|
-
readonly readonly:
|
|
21
|
-
readonly hintVisible:
|
|
22
|
-
readonly errorVisible:
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
18
|
+
readonly required: _angular_core.InputSignal<boolean>;
|
|
19
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
20
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
21
|
+
readonly hintVisible: _angular_core.Signal<boolean>;
|
|
22
|
+
readonly errorVisible: _angular_core.Signal<boolean>;
|
|
23
|
+
readonly value: _angular_core.ModelSignal<unknown>;
|
|
24
|
+
readonly errorMessages: _angular_core.InputSignal<string[] | undefined>;
|
|
25
|
+
readonly rows: _angular_core.InputSignal<number | undefined>;
|
|
26
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxFormField, never>;
|
|
27
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxFormField, "ngx-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "float": { "alias": "float"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[ngxPrefix],ngx-prefix", "[ngxInput],ngx-input", "[ngxSuffix],ngx-suffix", "[ngxHint],ngx-hint", "[ngxError],ngx-error"], true, never>;
|
|
25
28
|
}
|
|
26
29
|
|
|
27
30
|
declare class NgxInput implements AfterViewInit {
|
|
28
31
|
private readonly el;
|
|
29
32
|
private readonly ref;
|
|
30
|
-
readonly hasValue:
|
|
33
|
+
readonly hasValue: _angular_core.WritableSignal<boolean>;
|
|
31
34
|
ngAfterViewInit(): void;
|
|
32
35
|
protected onInput(): void;
|
|
33
36
|
protected onChange(): void;
|
|
34
37
|
protected onBlur(): void;
|
|
35
38
|
private syncValue;
|
|
36
|
-
static ɵfac:
|
|
37
|
-
static ɵdir:
|
|
39
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxInput, never>;
|
|
40
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxInput, "[ngxInput],ngx-input", never, {}, {}, never, never, true, never>;
|
|
38
41
|
}
|
|
39
42
|
|
|
40
43
|
declare class NgxError {
|
|
41
44
|
readonly el: ElementRef<HTMLElement>;
|
|
42
|
-
static ɵfac:
|
|
43
|
-
static ɵdir:
|
|
45
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxError, never>;
|
|
46
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxError, "[ngxError],ngx-error", never, {}, {}, never, never, true, never>;
|
|
44
47
|
}
|
|
45
48
|
|
|
46
49
|
declare class NgxHint {
|
|
47
50
|
readonly el: ElementRef<HTMLElement>;
|
|
48
|
-
static ɵfac:
|
|
49
|
-
static ɵdir:
|
|
51
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxHint, never>;
|
|
52
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxHint, "[ngxHint],ngx-hint", never, {}, {}, never, never, true, never>;
|
|
50
53
|
}
|
|
51
54
|
|
|
52
55
|
declare class NgxPrefix {
|
|
53
56
|
readonly el: ElementRef<HTMLElement>;
|
|
54
|
-
static ɵfac:
|
|
55
|
-
static ɵdir:
|
|
57
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPrefix, never>;
|
|
58
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxPrefix, "[ngxPrefix],ngx-prefix", never, {}, {}, never, never, true, never>;
|
|
56
59
|
}
|
|
57
60
|
|
|
58
61
|
declare class NgxSuffix {
|
|
59
62
|
readonly el: ElementRef<HTMLElement>;
|
|
60
|
-
static ɵfac:
|
|
61
|
-
static ɵdir:
|
|
63
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxSuffix, never>;
|
|
64
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxSuffix, "[ngxSuffix],ngx-suffix", never, {}, {}, never, never, true, never>;
|
|
62
65
|
}
|
|
63
66
|
|
|
64
67
|
declare const MX_FORM_FIELD: InjectionToken<MgxFormFieldRef>;
|
|
65
68
|
declare class MgxFormFieldRef {
|
|
66
|
-
readonly value:
|
|
69
|
+
readonly value: _angular_core.WritableSignal<string>;
|
|
67
70
|
}
|
|
68
71
|
|
|
69
72
|
export { MX_FORM_FIELD, MgxFormFieldRef, NgxError, NgxFormField, NgxHint, NgxInput, NgxPrefix, NgxSuffix };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { OnInit, OnDestroy, EventEmitter, ChangeDetectorRef, AfterViewInit, ElementRef, Renderer2, ViewContainerRef } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
|
|
4
|
-
import { BrowserService, RangeSliderComponent, OverlayService } from 'ngx-kit/
|
|
4
|
+
import { BrowserService, RangeSliderComponent, OverlayService } from 'ngx-kit/core';
|
|
5
5
|
|
|
6
6
|
interface GradientStop {
|
|
7
7
|
id: string;
|
|
@@ -13,8 +13,6 @@ type GradientType = 'linear' | 'radial';
|
|
|
13
13
|
declare class NgxInputGradientComponent implements OnInit, OnDestroy, ControlValueAccessor, Validator {
|
|
14
14
|
private cd;
|
|
15
15
|
browserService: BrowserService;
|
|
16
|
-
theme: 'light' | 'dark';
|
|
17
|
-
set setTheme(val: 'light' | 'dark' | 'auto');
|
|
18
16
|
change: EventEmitter<string>;
|
|
19
17
|
defaultGradients: string[];
|
|
20
18
|
resultGradient: string;
|
|
@@ -46,7 +44,7 @@ declare class NgxInputGradientComponent implements OnInit, OnDestroy, ControlVal
|
|
|
46
44
|
setDefaultGradients(): void;
|
|
47
45
|
onSelectDefault(item: string, i: number): void;
|
|
48
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgxInputGradientComponent, never>;
|
|
49
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxInputGradientComponent, "ngx-input-gradient", never, {
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxInputGradientComponent, "ngx-input-gradient", never, {}, { "change": "change"; }, never, never, true, never>;
|
|
50
48
|
}
|
|
51
49
|
|
|
52
50
|
declare class NgxInputGradient implements AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
|
|
@@ -55,7 +53,6 @@ declare class NgxInputGradient implements AfterViewInit, OnDestroy, ControlValue
|
|
|
55
53
|
private viewContainerRef;
|
|
56
54
|
private overlayService;
|
|
57
55
|
setInputBackground: boolean;
|
|
58
|
-
theme: 'light' | 'dark' | 'auto';
|
|
59
56
|
private _targetInput?;
|
|
60
57
|
set ngxInputColor(el: HTMLInputElement | ElementRef<HTMLInputElement> | null | undefined | '');
|
|
61
58
|
change: EventEmitter<string>;
|
|
@@ -76,11 +73,11 @@ declare class NgxInputGradient implements AfterViewInit, OnDestroy, ControlValue
|
|
|
76
73
|
validate(control: AbstractControl): ValidationErrors | null;
|
|
77
74
|
ngOnDestroy(): void;
|
|
78
75
|
writeValue(val: any): void;
|
|
79
|
-
|
|
76
|
+
toggle(): void;
|
|
80
77
|
destroyPicker(): void;
|
|
81
78
|
private emitChange;
|
|
82
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgxInputGradient, never>;
|
|
83
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxInputGradient, "[ngxInputGradient]", never, { "setInputBackground": { "alias": "setInputBackground"; "required": false; }; "
|
|
80
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxInputGradient, "[ngxInputGradient]", never, { "setInputBackground": { "alias": "setInputBackground"; "required": false; }; "ngxInputColor": { "alias": "ngxInputColor"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
84
81
|
}
|
|
85
82
|
|
|
86
83
|
export { NgxInputGradient, NgxInputGradientComponent };
|
package/types/ngx-kit-menu.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { TemplateRef, OnDestroy, ElementRef, ApplicationRef } from '@angular/core';
|
|
3
|
-
import { OverlayRef, Placement, Alignment, OverlayService } from 'ngx-kit/
|
|
3
|
+
import { OverlayRef, Placement, Alignment, OverlayService } from 'ngx-kit/core';
|
|
4
4
|
|
|
5
5
|
interface MenuContext {
|
|
6
6
|
close(): void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as ngx_kit_time_picker from 'ngx-kit/time-picker';
|
|
2
2
|
import * as _angular_core from '@angular/core';
|
|
3
3
|
import { OnInit, ElementRef, InjectionToken, Provider } from '@angular/core';
|
|
4
|
-
import { BrowserService } from 'ngx-kit/
|
|
4
|
+
import { BrowserService } from 'ngx-kit/core';
|
|
5
5
|
import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
|
|
6
6
|
|
|
7
7
|
declare type NgxTimePickerMode = 'hour' | 'minute';
|