@radix-ng/primitives 0.34.0 → 0.36.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/calendar/src/calendar-root.directive.d.ts +3 -3
- package/core/index.d.ts +3 -0
- package/core/src/accessor/provide-value-accessor.d.ts +1 -1
- package/core/src/clamp.d.ts +38 -0
- package/core/src/date-time/index.d.ts +3 -0
- package/core/src/date-time/parser.d.ts +37 -0
- package/core/src/date-time/parts.d.ts +12 -0
- package/core/src/date-time/segment.d.ts +4 -0
- package/core/src/date-time/types.d.ts +18 -1
- package/core/src/date-time/useDateField.d.ts +141 -0
- package/core/src/date-time/utils.d.ts +3 -0
- package/core/src/getActiveElement.d.ts +1 -0
- package/core/src/provide-token.d.ts +22 -0
- package/date-field/README.md +1 -0
- package/date-field/index.d.ts +11 -0
- package/date-field/src/date-field-context.token.d.ts +18 -0
- package/date-field/src/date-field-input.directive.d.ts +53 -0
- package/date-field/src/date-field-root.directive.d.ts +126 -0
- package/dialog/src/dialog-ref.d.ts +3 -0
- package/dialog/src/dialog.config.d.ts +1 -0
- package/fesm2022/radix-ng-primitives-calendar.mjs +6 -15
- package/fesm2022/radix-ng-primitives-calendar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-checkbox.mjs +3 -4
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-core.mjs +1097 -8
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-date-field.mjs +334 -0
- package/fesm2022/radix-ng-primitives-date-field.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-dialog.mjs +54 -4
- package/fesm2022/radix-ng-primitives-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-navigation-menu.mjs +0 -2
- package/fesm2022/radix-ng-primitives-navigation-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-number-field.mjs +502 -0
- package/fesm2022/radix-ng-primitives-number-field.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-progress.mjs +3 -3
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +7 -7
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-switch.mjs +7 -15
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tabs.mjs +3 -6
- package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +8 -10
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle.mjs +5 -12
- package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
- package/hover-card/src/hover-card-root.directive.d.ts +4 -4
- package/number-field/README.md +1 -0
- package/number-field/index.d.ts +17 -0
- package/number-field/src/number-field-context.token.d.ts +24 -0
- package/number-field/src/number-field-decrement.directive.d.ts +23 -0
- package/number-field/src/number-field-increment.directive.d.ts +23 -0
- package/number-field/src/number-field-input.directive.d.ts +22 -0
- package/number-field/src/number-field-root.directive.d.ts +86 -0
- package/number-field/src/types.d.ts +1 -0
- package/number-field/src/utils.d.ts +18 -0
- package/package.json +9 -1
- package/popover/src/popover-root.directive.d.ts +4 -4
- package/switch/src/switch-root.directive.d.ts +0 -1
- package/toggle/src/toggle.directive.d.ts +0 -1
- package/tooltip/src/tooltip-root.directive.d.ts +4 -4
@@ -0,0 +1,502 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { InjectionToken, inject, DestroyRef, signal, effect, Injectable, computed, ElementRef, input, booleanAttribute, Directive, model, numberAttribute, NgModule } from '@angular/core';
|
3
|
+
import { NumberFormatter, NumberParser } from '@internationalized/number';
|
4
|
+
import { Subject, fromEvent } from 'rxjs';
|
5
|
+
import { takeUntil } from 'rxjs/operators';
|
6
|
+
import { getActiveElement, clamp, snapValueToStep, provideToken } from '@radix-ng/primitives/core';
|
7
|
+
|
8
|
+
const NUMBER_FIELD_ROOT_CONTEXT = new InjectionToken('NUMBER_FIELD_ROOT_CONTEXT');
|
9
|
+
function injectNumberFieldRootContext() {
|
10
|
+
return inject(NUMBER_FIELD_ROOT_CONTEXT);
|
11
|
+
}
|
12
|
+
|
13
|
+
class PressedHoldService {
|
14
|
+
constructor() {
|
15
|
+
this.destroyRef = inject(DestroyRef);
|
16
|
+
}
|
17
|
+
create(options) {
|
18
|
+
const timeout = signal(undefined);
|
19
|
+
const triggerHook = new Subject();
|
20
|
+
const isPressed = signal(false);
|
21
|
+
const resetTimeout = () => {
|
22
|
+
const timer = timeout();
|
23
|
+
if (timer !== undefined) {
|
24
|
+
window.clearTimeout(timer);
|
25
|
+
timeout.set(undefined);
|
26
|
+
}
|
27
|
+
};
|
28
|
+
const onIncrementPressStart = (delay) => {
|
29
|
+
resetTimeout();
|
30
|
+
if (options.disabled())
|
31
|
+
return;
|
32
|
+
triggerHook.next();
|
33
|
+
timeout.set(window.setTimeout(() => {
|
34
|
+
onIncrementPressStart(60);
|
35
|
+
}, delay));
|
36
|
+
};
|
37
|
+
const onPressStart = (event) => {
|
38
|
+
if (event.button !== 0 || isPressed())
|
39
|
+
return;
|
40
|
+
event.preventDefault();
|
41
|
+
isPressed.set(true);
|
42
|
+
onIncrementPressStart(400);
|
43
|
+
};
|
44
|
+
const onPressRelease = () => {
|
45
|
+
isPressed.set(false);
|
46
|
+
resetTimeout();
|
47
|
+
};
|
48
|
+
effect(() => {
|
49
|
+
// Skip SSR environments
|
50
|
+
if (typeof window === 'undefined')
|
51
|
+
return;
|
52
|
+
const targetElement = options.target?.() || window;
|
53
|
+
const destroy$ = new Subject();
|
54
|
+
const pointerDownSub = fromEvent(targetElement, 'pointerdown')
|
55
|
+
.pipe(takeUntil(destroy$))
|
56
|
+
.subscribe((e) => onPressStart(e));
|
57
|
+
const pointerUpSub = fromEvent(window, 'pointerup').pipe(takeUntil(destroy$)).subscribe(onPressRelease);
|
58
|
+
const pointerCancelSub = fromEvent(window, 'pointercancel')
|
59
|
+
.pipe(takeUntil(destroy$))
|
60
|
+
.subscribe(onPressRelease);
|
61
|
+
this.destroyRef.onDestroy(() => {
|
62
|
+
destroy$.next();
|
63
|
+
destroy$.complete();
|
64
|
+
pointerDownSub.unsubscribe();
|
65
|
+
pointerUpSub.unsubscribe();
|
66
|
+
pointerCancelSub.unsubscribe();
|
67
|
+
});
|
68
|
+
});
|
69
|
+
return {
|
70
|
+
isPressed: isPressed.asReadonly(),
|
71
|
+
onTrigger: (fn) => {
|
72
|
+
const sub = triggerHook.subscribe(fn);
|
73
|
+
this.destroyRef.onDestroy(() => sub.unsubscribe());
|
74
|
+
}
|
75
|
+
};
|
76
|
+
}
|
77
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PressedHoldService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
78
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PressedHoldService }); }
|
79
|
+
}
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PressedHoldService, decorators: [{
|
81
|
+
type: Injectable
|
82
|
+
}] });
|
83
|
+
function useNumberFormatter(locale, options = signal({})) {
|
84
|
+
return computed(() => new NumberFormatter(locale(), options()));
|
85
|
+
}
|
86
|
+
function useNumberParser(locale, options = signal({})) {
|
87
|
+
return computed(() => new NumberParser(locale(), options()));
|
88
|
+
}
|
89
|
+
function handleDecimalOperation(operator, value1, value2) {
|
90
|
+
let result = operator === '+' ? value1 + value2 : value1 - value2;
|
91
|
+
// Check if we have decimals
|
92
|
+
if (value1 % 1 !== 0 || value2 % 1 !== 0) {
|
93
|
+
const value1Decimal = value1.toString().split('.');
|
94
|
+
const value2Decimal = value2.toString().split('.');
|
95
|
+
const value1DecimalLength = (value1Decimal[1] && value1Decimal[1].length) || 0;
|
96
|
+
const value2DecimalLength = (value2Decimal[1] && value2Decimal[1].length) || 0;
|
97
|
+
const multiplier = 10 ** Math.max(value1DecimalLength, value2DecimalLength);
|
98
|
+
// Transform the decimals to integers based on the precision
|
99
|
+
value1 = Math.round(value1 * multiplier);
|
100
|
+
value2 = Math.round(value2 * multiplier);
|
101
|
+
// Perform the operation on integers values to make sure we don't get a fancy decimal value
|
102
|
+
result = operator === '+' ? value1 + value2 : value1 - value2;
|
103
|
+
// Transform the integer result back to decimal
|
104
|
+
result /= multiplier;
|
105
|
+
}
|
106
|
+
return result;
|
107
|
+
}
|
108
|
+
|
109
|
+
class RdxNumberFieldDecrementDirective {
|
110
|
+
constructor() {
|
111
|
+
this.elementRef = inject((ElementRef));
|
112
|
+
this.pressedHold = inject(PressedHoldService);
|
113
|
+
this.rootContext = injectNumberFieldRootContext();
|
114
|
+
this.disabled = input(false, { transform: booleanAttribute });
|
115
|
+
/**
|
116
|
+
* @ignore
|
117
|
+
*/
|
118
|
+
this.isDisabled = computed(() => this.rootContext.disabled() || this.disabled() || this.rootContext.isDecreaseDisabled());
|
119
|
+
/**
|
120
|
+
* @ignore
|
121
|
+
*/
|
122
|
+
this.useHold = this.pressedHold.create({
|
123
|
+
target: signal(this.elementRef.nativeElement),
|
124
|
+
disabled: this.disabled
|
125
|
+
});
|
126
|
+
}
|
127
|
+
ngOnInit() {
|
128
|
+
this.useHold.onTrigger(() => this.rootContext.handleDecrease());
|
129
|
+
}
|
130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldDecrementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
131
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxNumberFieldDecrementDirective, isStandalone: true, selector: "button[rdxNumberFieldDecrement]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "-1", "type": "\"button\"" }, listeners: { "contextmenu": "$event.preventDefault()" }, properties: { "attr.aria-label": "\"Decrease\"", "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-pressed": "useHold.isPressed() ? \"true\" : undefined", "style.user-select": "useHold.isPressed() ? \"none\" : null" } }, providers: [PressedHoldService], ngImport: i0 }); }
|
132
|
+
}
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldDecrementDirective, decorators: [{
|
134
|
+
type: Directive,
|
135
|
+
args: [{
|
136
|
+
selector: 'button[rdxNumberFieldDecrement]',
|
137
|
+
providers: [PressedHoldService],
|
138
|
+
host: {
|
139
|
+
tabindex: '-1',
|
140
|
+
type: '"button"',
|
141
|
+
'[attr.aria-label]': '"Decrease"',
|
142
|
+
'[attr.disabled]': 'isDisabled() ? "" : undefined',
|
143
|
+
'[attr.data-disabled]': 'isDisabled() ? "" : undefined',
|
144
|
+
'[attr.data-pressed]': 'useHold.isPressed() ? "true" : undefined',
|
145
|
+
'[style.user-select]': 'useHold.isPressed() ? "none" : null',
|
146
|
+
'(contextmenu)': '$event.preventDefault()'
|
147
|
+
}
|
148
|
+
}]
|
149
|
+
}] });
|
150
|
+
|
151
|
+
class RdxNumberFieldIncrementDirective {
|
152
|
+
constructor() {
|
153
|
+
this.elementRef = inject((ElementRef));
|
154
|
+
this.pressedHold = inject(PressedHoldService);
|
155
|
+
this.rootContext = injectNumberFieldRootContext();
|
156
|
+
this.disabled = input(false, { transform: booleanAttribute });
|
157
|
+
/**
|
158
|
+
* @ignore
|
159
|
+
*/
|
160
|
+
this.isDisabled = computed(() => this.rootContext.disabled() || this.disabled() || this.rootContext.isIncreaseDisabled());
|
161
|
+
/**
|
162
|
+
* @ignore
|
163
|
+
*/
|
164
|
+
this.useHold = this.pressedHold.create({
|
165
|
+
target: signal(this.elementRef.nativeElement),
|
166
|
+
disabled: this.disabled
|
167
|
+
});
|
168
|
+
}
|
169
|
+
ngOnInit() {
|
170
|
+
this.useHold.onTrigger(() => this.rootContext.handleIncrease());
|
171
|
+
}
|
172
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldIncrementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
173
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxNumberFieldIncrementDirective, isStandalone: true, selector: "button[rdxNumberFieldIncrement]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "-1", "type": "\"button\"" }, listeners: { "contextmenu": "$event.preventDefault()" }, properties: { "attr.aria-label": "\"Increase\"", "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-pressed": "useHold.isPressed() ? \"true\" : undefined", "style.user-select": "useHold.isPressed() ? \"none\" : null" } }, providers: [PressedHoldService], ngImport: i0 }); }
|
174
|
+
}
|
175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldIncrementDirective, decorators: [{
|
176
|
+
type: Directive,
|
177
|
+
args: [{
|
178
|
+
selector: 'button[rdxNumberFieldIncrement]',
|
179
|
+
providers: [PressedHoldService],
|
180
|
+
host: {
|
181
|
+
tabindex: '-1',
|
182
|
+
type: '"button"',
|
183
|
+
'[attr.aria-label]': '"Increase"',
|
184
|
+
'[attr.disabled]': 'isDisabled() ? "" : undefined',
|
185
|
+
'[attr.data-disabled]': 'isDisabled() ? "" : undefined',
|
186
|
+
'[attr.data-pressed]': 'useHold.isPressed() ? "true" : undefined',
|
187
|
+
'[style.user-select]': 'useHold.isPressed() ? "none" : null',
|
188
|
+
'(contextmenu)': '$event.preventDefault()'
|
189
|
+
}
|
190
|
+
}]
|
191
|
+
}] });
|
192
|
+
|
193
|
+
class RdxNumberFieldInputDirective {
|
194
|
+
constructor() {
|
195
|
+
this.elementRef = inject((ElementRef));
|
196
|
+
this.rootContext = injectNumberFieldRootContext();
|
197
|
+
this.inputValue = signal(this.rootContext.textValue());
|
198
|
+
effect(() => {
|
199
|
+
this.inputValue.set(this.rootContext.textValue());
|
200
|
+
this.rootContext.setInputValue(this.inputValue());
|
201
|
+
});
|
202
|
+
}
|
203
|
+
ngOnInit() {
|
204
|
+
this.rootContext.onInputElement(this.elementRef.nativeElement);
|
205
|
+
}
|
206
|
+
onBeforeInput(event) {
|
207
|
+
const target = event.target;
|
208
|
+
const nextValue = target.value.slice(0, target.selectionStart ?? undefined) +
|
209
|
+
(event.data ?? '') +
|
210
|
+
target.value.slice(target.selectionEnd ?? undefined);
|
211
|
+
if (!this.rootContext.validate(nextValue)) {
|
212
|
+
event.preventDefault();
|
213
|
+
}
|
214
|
+
}
|
215
|
+
onWheelEvent(event) {
|
216
|
+
if (this.rootContext.disableWheelChange()) {
|
217
|
+
return;
|
218
|
+
}
|
219
|
+
// only handle when in focus
|
220
|
+
if (event.target !== getActiveElement())
|
221
|
+
return;
|
222
|
+
// if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change
|
223
|
+
// if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec
|
224
|
+
// this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication
|
225
|
+
// especially if the user is scrolling near 45deg
|
226
|
+
if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) {
|
227
|
+
return;
|
228
|
+
}
|
229
|
+
event.preventDefault();
|
230
|
+
if (event.deltaY > 0) {
|
231
|
+
this.rootContext.handleIncrease();
|
232
|
+
}
|
233
|
+
else if (event.deltaY < 0) {
|
234
|
+
this.rootContext.handleDecrease();
|
235
|
+
}
|
236
|
+
}
|
237
|
+
onKeydownPageUp(event) {
|
238
|
+
event.preventDefault();
|
239
|
+
this.rootContext.handleIncrease(10);
|
240
|
+
}
|
241
|
+
onKeydownPageDown(event) {
|
242
|
+
event.preventDefault();
|
243
|
+
this.rootContext.handleDecrease(10);
|
244
|
+
}
|
245
|
+
onKeydownHome(event) {
|
246
|
+
event.preventDefault();
|
247
|
+
this.rootContext.handleMinMaxValue('min');
|
248
|
+
}
|
249
|
+
onKeydownEnd(event) {
|
250
|
+
event.preventDefault();
|
251
|
+
this.rootContext.handleMinMaxValue('max');
|
252
|
+
}
|
253
|
+
onInput(event) {
|
254
|
+
const target = event.target;
|
255
|
+
this.rootContext.applyInputValue(target.value);
|
256
|
+
}
|
257
|
+
onChange() {
|
258
|
+
this.inputValue.set(this.rootContext.textValue());
|
259
|
+
}
|
260
|
+
onKeydownEnter(event) {
|
261
|
+
const target = event.target;
|
262
|
+
this.rootContext.applyInputValue(target.value);
|
263
|
+
}
|
264
|
+
onKeydownUp(event) {
|
265
|
+
event.preventDefault();
|
266
|
+
this.rootContext.handleIncrease();
|
267
|
+
}
|
268
|
+
onKeydownDown(event) {
|
269
|
+
event.preventDefault();
|
270
|
+
this.rootContext.handleDecrease();
|
271
|
+
}
|
272
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
273
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: RdxNumberFieldInputDirective, isStandalone: true, selector: "input[rdxNumberFieldInput]", host: { attributes: { "role": "spinbutton", "type": "text", "tabindex": "0", "autocomplete": "off", "autocorrect": "off", "spellcheck": "false", "aria-roledescription": "Number field" }, listeners: { "change": "onChange()", "input": "onInput($event)", "blur": "onKeydownEnter($event)", "beforeinput": "onBeforeInput($event)", "keydown.enter": "onKeydownEnter($event)", "keydown.arrowUp": "onKeydownUp($event)", "keydown.arrowDown": "onKeydownDown($event)", "keydown.home": "onKeydownHome($event)", "keydown.end": "onKeydownEnd($event)", "keydown.pageUp": "onKeydownPageUp($event)", "keydown.pageDown": "onKeydownPageDown($event)", "wheel": "onWheelEvent($event)" }, properties: { "attr.aria-valuenow": "rootContext.value()", "attr.aria-valuemin": "rootContext.min()", "attr.aria-valuemax": "rootContext.max()", "attr.inputmode": "rootContext.inputMode()", "attr.disabled": "rootContext.disabled() ? \"\" : undefined", "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined", "attr.value": "inputValue()" } }, ngImport: i0 }); }
|
274
|
+
}
|
275
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldInputDirective, decorators: [{
|
276
|
+
type: Directive,
|
277
|
+
args: [{
|
278
|
+
selector: 'input[rdxNumberFieldInput]',
|
279
|
+
host: {
|
280
|
+
role: 'spinbutton',
|
281
|
+
type: 'text',
|
282
|
+
tabindex: '0',
|
283
|
+
autocomplete: 'off',
|
284
|
+
autocorrect: 'off',
|
285
|
+
spellcheck: 'false',
|
286
|
+
'aria-roledescription': 'Number field',
|
287
|
+
'[attr.aria-valuenow]': 'rootContext.value()',
|
288
|
+
'[attr.aria-valuemin]': 'rootContext.min()',
|
289
|
+
'[attr.aria-valuemax]': 'rootContext.max()',
|
290
|
+
'[attr.inputmode]': 'rootContext.inputMode()',
|
291
|
+
'[attr.disabled]': 'rootContext.disabled() ? "" : undefined',
|
292
|
+
'[attr.data-disabled]': 'rootContext.disabled() ? "" : undefined',
|
293
|
+
'[attr.value]': 'inputValue()',
|
294
|
+
'(change)': 'onChange()',
|
295
|
+
'(input)': 'onInput($event)',
|
296
|
+
'(blur)': 'onKeydownEnter($event)',
|
297
|
+
'(beforeinput)': 'onBeforeInput($event)',
|
298
|
+
'(keydown.enter)': 'onKeydownEnter($event)',
|
299
|
+
'(keydown.arrowUp)': 'onKeydownUp($event)',
|
300
|
+
'(keydown.arrowDown)': 'onKeydownDown($event)',
|
301
|
+
'(keydown.home)': 'onKeydownHome($event)',
|
302
|
+
'(keydown.end)': 'onKeydownEnd($event)',
|
303
|
+
'(keydown.pageUp)': 'onKeydownPageUp($event)',
|
304
|
+
'(keydown.pageDown)': 'onKeydownPageDown($event)',
|
305
|
+
'(wheel)': 'onWheelEvent($event)'
|
306
|
+
}
|
307
|
+
}]
|
308
|
+
}], ctorParameters: () => [] });
|
309
|
+
|
310
|
+
class RdxNumberFieldRootDirective {
|
311
|
+
constructor() {
|
312
|
+
this.value = model();
|
313
|
+
this.min = input(undefined, { transform: numberAttribute });
|
314
|
+
this.max = input(undefined, { transform: numberAttribute });
|
315
|
+
this.step = input(1, { transform: numberAttribute });
|
316
|
+
this.stepSnapping = input(false, { transform: booleanAttribute });
|
317
|
+
this.disableWheelChange = input(false, { transform: booleanAttribute });
|
318
|
+
this.locale = input('en');
|
319
|
+
this.disabled = input(false, { transform: booleanAttribute });
|
320
|
+
this.formatOptions = input();
|
321
|
+
/**
|
322
|
+
* @ignore
|
323
|
+
*/
|
324
|
+
this.inputEl = signal(undefined);
|
325
|
+
/**
|
326
|
+
* @ignore
|
327
|
+
*/
|
328
|
+
this.isDecreaseDisabled = computed(() => this.clampInputValue(this.value()) === this.min() ||
|
329
|
+
(this.min() && !isNaN(this.value())
|
330
|
+
? handleDecimalOperation('-', this.value(), this.step()) < this.min()
|
331
|
+
: false));
|
332
|
+
/**
|
333
|
+
* @ignore
|
334
|
+
*/
|
335
|
+
this.isIncreaseDisabled = computed(() => this.clampInputValue(this.value()) === this.max() ||
|
336
|
+
(this.max() && !isNaN(this.value())
|
337
|
+
? handleDecimalOperation('+', this.value(), this.step()) > this.max()
|
338
|
+
: false));
|
339
|
+
/**
|
340
|
+
* @ignore
|
341
|
+
*/
|
342
|
+
this.inputMode = computed(() => {
|
343
|
+
// The inputMode attribute influences the software keyboard that is shown on touch devices.
|
344
|
+
// Browsers and operating systems are quite inconsistent about what keys are available, however.
|
345
|
+
// We choose between numeric and decimal based on whether we allow negative and fractional numbers,
|
346
|
+
// and based on testing on various devices to determine what keys are available in each inputMode.
|
347
|
+
const hasDecimals = this.numberFormatter().resolvedOptions().maximumFractionDigits > 0;
|
348
|
+
return hasDecimals ? 'decimal' : 'numeric';
|
349
|
+
});
|
350
|
+
/**
|
351
|
+
* Replace negative textValue formatted using currencySign: 'accounting'
|
352
|
+
* with a textValue that can be announced using a minus sign.
|
353
|
+
* @ignore
|
354
|
+
*/
|
355
|
+
this.textValue = computed(() => (isNaN(this.value()) ? '' : this.textValueFormatter().format(this.value())));
|
356
|
+
/**
|
357
|
+
* @ignore
|
358
|
+
*/
|
359
|
+
this.onInputElement = (el) => this.inputEl.set(el);
|
360
|
+
}
|
361
|
+
/**
|
362
|
+
* @ignore
|
363
|
+
*/
|
364
|
+
clampInputValue(val) {
|
365
|
+
// Clamp to min and max, round to the nearest step, and round to the specified number of digits
|
366
|
+
let clampedValue;
|
367
|
+
if (this.step() === undefined || isNaN(this.step()) || !this.stepSnapping()) {
|
368
|
+
clampedValue = clamp(val, this.min(), this.max());
|
369
|
+
}
|
370
|
+
else {
|
371
|
+
clampedValue = snapValueToStep(val, this.min(), this.max(), this.step());
|
372
|
+
}
|
373
|
+
clampedValue = this.numberParser().parse(this.numberFormatter().format(clampedValue));
|
374
|
+
return clampedValue;
|
375
|
+
}
|
376
|
+
ngOnInit() {
|
377
|
+
this.numberParser = useNumberParser(this.locale, this.formatOptions);
|
378
|
+
this.numberFormatter = useNumberFormatter(this.locale, this.formatOptions);
|
379
|
+
this.textValueFormatter = useNumberFormatter(this.locale, this.formatOptions);
|
380
|
+
}
|
381
|
+
/**
|
382
|
+
* @ignore
|
383
|
+
*/
|
384
|
+
handleMinMaxValue(type) {
|
385
|
+
if (type === 'min' && this.min() !== undefined) {
|
386
|
+
this.value.set(this.clampInputValue(this.min()));
|
387
|
+
}
|
388
|
+
else if (type === 'max' && this.max() !== undefined) {
|
389
|
+
this.value.set(this.clampInputValue(this.max()));
|
390
|
+
}
|
391
|
+
}
|
392
|
+
/**
|
393
|
+
* @ignore
|
394
|
+
*/
|
395
|
+
handleDecrease(multiplier = 1) {
|
396
|
+
this.handleChangingValue('decrease', multiplier);
|
397
|
+
}
|
398
|
+
/**
|
399
|
+
* @ignore
|
400
|
+
*/
|
401
|
+
handleIncrease(multiplier = 1) {
|
402
|
+
this.handleChangingValue('increase', multiplier);
|
403
|
+
}
|
404
|
+
/**
|
405
|
+
* @ignore
|
406
|
+
*/
|
407
|
+
applyInputValue(val) {
|
408
|
+
const parsedValue = this.numberParser().parse(val);
|
409
|
+
this.value.set(this.clampInputValue(parsedValue));
|
410
|
+
// Set to empty state if input value is empty
|
411
|
+
if (!val.length) {
|
412
|
+
return this.setInputValue(val);
|
413
|
+
}
|
414
|
+
// if it failed to parse, then reset input to formatted version of current number
|
415
|
+
if (isNaN(parsedValue)) {
|
416
|
+
return this.setInputValue(this.textValue());
|
417
|
+
}
|
418
|
+
return this.setInputValue(this.textValue());
|
419
|
+
}
|
420
|
+
/**
|
421
|
+
* @ignore
|
422
|
+
*/
|
423
|
+
setInputValue(val) {
|
424
|
+
if (this.inputEl()) {
|
425
|
+
this.inputEl.update((el) => {
|
426
|
+
if (el)
|
427
|
+
el.value = val;
|
428
|
+
return el;
|
429
|
+
});
|
430
|
+
}
|
431
|
+
}
|
432
|
+
/**
|
433
|
+
* @ignore
|
434
|
+
*/
|
435
|
+
validate(val) {
|
436
|
+
return this.numberParser().isValidPartialNumber(val, this.min(), this.max());
|
437
|
+
}
|
438
|
+
handleChangingValue(type, multiplier = 1) {
|
439
|
+
this.inputEl()?.focus();
|
440
|
+
const currentInputValue = this.numberParser().parse(this.inputEl()?.value ?? '');
|
441
|
+
if (this.disabled()) {
|
442
|
+
return;
|
443
|
+
}
|
444
|
+
if (isNaN(currentInputValue)) {
|
445
|
+
this.value.set(this.min() ?? 0);
|
446
|
+
}
|
447
|
+
else {
|
448
|
+
if (type === 'increase') {
|
449
|
+
this.value.set(this.clampInputValue(currentInputValue + (this.step() ?? 1) * multiplier));
|
450
|
+
}
|
451
|
+
else {
|
452
|
+
this.value.set(this.clampInputValue(currentInputValue - (this.step() ?? 1) * multiplier));
|
453
|
+
}
|
454
|
+
}
|
455
|
+
}
|
456
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
457
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxNumberFieldRootDirective, isStandalone: true, selector: "[rdxNumberFieldRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, stepSnapping: { classPropertyName: "stepSnapping", publicName: "stepSnapping", isSignal: true, isRequired: false, transformFunction: null }, disableWheelChange: { classPropertyName: "disableWheelChange", publicName: "disableWheelChange", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "group" }, properties: { "attr.data-disabled": "disabled() ? \"\" : undefined" } }, providers: [provideToken(NUMBER_FIELD_ROOT_CONTEXT, RdxNumberFieldRootDirective)], exportAs: ["rdxNumberFieldRoot"], ngImport: i0 }); }
|
458
|
+
}
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldRootDirective, decorators: [{
|
460
|
+
type: Directive,
|
461
|
+
args: [{
|
462
|
+
selector: '[rdxNumberFieldRoot]',
|
463
|
+
exportAs: 'rdxNumberFieldRoot',
|
464
|
+
providers: [provideToken(NUMBER_FIELD_ROOT_CONTEXT, RdxNumberFieldRootDirective)],
|
465
|
+
host: {
|
466
|
+
role: 'group',
|
467
|
+
'[attr.data-disabled]': 'disabled() ? "" : undefined'
|
468
|
+
}
|
469
|
+
}]
|
470
|
+
}] });
|
471
|
+
|
472
|
+
const _imports = [
|
473
|
+
RdxNumberFieldRootDirective,
|
474
|
+
RdxNumberFieldInputDirective,
|
475
|
+
RdxNumberFieldIncrementDirective,
|
476
|
+
RdxNumberFieldDecrementDirective
|
477
|
+
];
|
478
|
+
class RdxNumberFieldModule {
|
479
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
480
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldModule, imports: [RdxNumberFieldRootDirective,
|
481
|
+
RdxNumberFieldInputDirective,
|
482
|
+
RdxNumberFieldIncrementDirective,
|
483
|
+
RdxNumberFieldDecrementDirective], exports: [RdxNumberFieldRootDirective,
|
484
|
+
RdxNumberFieldInputDirective,
|
485
|
+
RdxNumberFieldIncrementDirective,
|
486
|
+
RdxNumberFieldDecrementDirective] }); }
|
487
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldModule }); }
|
488
|
+
}
|
489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldModule, decorators: [{
|
490
|
+
type: NgModule,
|
491
|
+
args: [{
|
492
|
+
imports: [..._imports],
|
493
|
+
exports: [..._imports]
|
494
|
+
}]
|
495
|
+
}] });
|
496
|
+
|
497
|
+
/**
|
498
|
+
* Generated bundle index. Do not edit.
|
499
|
+
*/
|
500
|
+
|
501
|
+
export { NUMBER_FIELD_ROOT_CONTEXT, PressedHoldService, RdxNumberFieldDecrementDirective, RdxNumberFieldIncrementDirective, RdxNumberFieldInputDirective, RdxNumberFieldModule, RdxNumberFieldRootDirective, handleDecimalOperation, injectNumberFieldRootContext, useNumberFormatter, useNumberParser };
|
502
|
+
//# sourceMappingURL=radix-ng-primitives-number-field.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"radix-ng-primitives-number-field.mjs","sources":["../../../packages/primitives/number-field/src/number-field-context.token.ts","../../../packages/primitives/number-field/src/utils.ts","../../../packages/primitives/number-field/src/number-field-decrement.directive.ts","../../../packages/primitives/number-field/src/number-field-increment.directive.ts","../../../packages/primitives/number-field/src/number-field-input.directive.ts","../../../packages/primitives/number-field/src/number-field-root.directive.ts","../../../packages/primitives/number-field/index.ts","../../../packages/primitives/number-field/radix-ng-primitives-number-field.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { inject, InjectionToken, InputSignal, InputSignalWithTransform, ModelSignal, Signal } from '@angular/core';\nimport { InputMode } from './types';\n\nexport interface NumberFieldContextToken {\n value: ModelSignal<number | undefined>;\n locale: InputSignal<string>;\n inputMode: Signal<InputMode>;\n textValue: Signal<any>;\n max: InputSignalWithTransform<number | undefined, NumberInput>;\n min: InputSignalWithTransform<number | undefined, NumberInput>;\n onInputElement: (el: HTMLInputElement) => void;\n disabled: InputSignalWithTransform<boolean, BooleanInput>;\n disableWheelChange: InputSignalWithTransform<boolean, BooleanInput>;\n handleIncrease: (multiplier?: number) => void;\n handleDecrease: (multiplier?: number) => void;\n applyInputValue: (val: string) => void;\n validate: (val: string) => boolean;\n setInputValue: (val: string) => void;\n isIncreaseDisabled: Signal<boolean>;\n isDecreaseDisabled: Signal<boolean>;\n handleMinMaxValue: (type: 'min' | 'max') => void;\n}\n\nexport const NUMBER_FIELD_ROOT_CONTEXT = new InjectionToken<NumberFieldContextToken>('NUMBER_FIELD_ROOT_CONTEXT');\n\nexport function injectNumberFieldRootContext(): NumberFieldContextToken {\n return inject(NUMBER_FIELD_ROOT_CONTEXT);\n}\n","import { computed, DestroyRef, effect, inject, Injectable, signal, Signal } from '@angular/core';\nimport { NumberFormatter, NumberParser } from '@internationalized/number';\nimport { fromEvent, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Injectable()\nexport class PressedHoldService {\n private readonly destroyRef = inject(DestroyRef);\n\n create(options: { target?: Signal<HTMLElement | undefined>; disabled: Signal<boolean> }) {\n const timeout = signal<number | undefined>(undefined);\n const triggerHook = new Subject<void>();\n const isPressed = signal(false);\n\n const resetTimeout = () => {\n const timer = timeout();\n if (timer !== undefined) {\n window.clearTimeout(timer);\n timeout.set(undefined);\n }\n };\n\n const onIncrementPressStart = (delay: number) => {\n resetTimeout();\n if (options.disabled()) return;\n\n triggerHook.next();\n\n timeout.set(\n window.setTimeout(() => {\n onIncrementPressStart(60);\n }, delay)\n );\n };\n\n const onPressStart = (event: PointerEvent) => {\n if (event.button !== 0 || isPressed()) return;\n event.preventDefault();\n isPressed.set(true);\n onIncrementPressStart(400);\n };\n\n const onPressRelease = () => {\n isPressed.set(false);\n resetTimeout();\n };\n\n effect(() => {\n // Skip SSR environments\n if (typeof window === 'undefined') return;\n\n const targetElement = options.target?.() || window;\n const destroy$ = new Subject<void>();\n\n const pointerDownSub = fromEvent(targetElement, 'pointerdown')\n .pipe(takeUntil(destroy$))\n .subscribe((e) => onPressStart(e as PointerEvent));\n\n const pointerUpSub = fromEvent(window, 'pointerup').pipe(takeUntil(destroy$)).subscribe(onPressRelease);\n\n const pointerCancelSub = fromEvent(window, 'pointercancel')\n .pipe(takeUntil(destroy$))\n .subscribe(onPressRelease);\n\n this.destroyRef.onDestroy(() => {\n destroy$.next();\n destroy$.complete();\n pointerDownSub.unsubscribe();\n pointerUpSub.unsubscribe();\n pointerCancelSub.unsubscribe();\n });\n });\n\n return {\n isPressed: isPressed.asReadonly(),\n onTrigger: (fn: () => void) => {\n const sub = triggerHook.subscribe(fn);\n this.destroyRef.onDestroy(() => sub.unsubscribe());\n }\n };\n }\n}\n\nexport function useNumberFormatter(\n locale: Signal<string>,\n options: Signal<Intl.NumberFormatOptions | undefined> = signal({})\n): Signal<NumberFormatter> {\n return computed(() => new NumberFormatter(locale(), options()));\n}\n\nexport function useNumberParser(\n locale: Signal<string>,\n options: Signal<Intl.NumberFormatOptions | undefined> = signal({})\n): Signal<NumberParser> {\n return computed(() => new NumberParser(locale(), options()));\n}\n\nexport function handleDecimalOperation(operator: '-' | '+', value1: number, value2: number): number {\n let result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Check if we have decimals\n if (value1 % 1 !== 0 || value2 % 1 !== 0) {\n const value1Decimal = value1.toString().split('.');\n const value2Decimal = value2.toString().split('.');\n const value1DecimalLength = (value1Decimal[1] && value1Decimal[1].length) || 0;\n const value2DecimalLength = (value2Decimal[1] && value2Decimal[1].length) || 0;\n const multiplier = 10 ** Math.max(value1DecimalLength, value2DecimalLength);\n\n // Transform the decimals to integers based on the precision\n value1 = Math.round(value1 * multiplier);\n value2 = Math.round(value2 * multiplier);\n\n // Perform the operation on integers values to make sure we don't get a fancy decimal value\n result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Transform the integer result back to decimal\n result /= multiplier;\n }\n\n return result;\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, ElementRef, inject, input, OnInit, signal } from '@angular/core';\nimport { injectNumberFieldRootContext } from './number-field-context.token';\nimport { PressedHoldService } from './utils';\n\n@Directive({\n selector: 'button[rdxNumberFieldDecrement]',\n providers: [PressedHoldService],\n host: {\n tabindex: '-1',\n type: '\"button\"',\n '[attr.aria-label]': '\"Decrease\"',\n '[attr.disabled]': 'isDisabled() ? \"\" : undefined',\n '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n '[attr.data-pressed]': 'useHold.isPressed() ? \"true\" : undefined',\n\n '[style.user-select]': 'useHold.isPressed() ? \"none\" : null',\n\n '(contextmenu)': '$event.preventDefault()'\n }\n})\nexport class RdxNumberFieldDecrementDirective implements OnInit {\n private readonly elementRef = inject(ElementRef<HTMLElement>);\n private readonly pressedHold = inject(PressedHoldService);\n\n protected readonly rootContext = injectNumberFieldRootContext();\n\n readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n /**\n * @ignore\n */\n readonly isDisabled = computed(\n () => this.rootContext.disabled() || this.disabled() || this.rootContext.isDecreaseDisabled()\n );\n\n /**\n * @ignore\n */\n readonly useHold = this.pressedHold.create({\n target: signal(this.elementRef.nativeElement),\n disabled: this.disabled\n });\n\n ngOnInit() {\n this.useHold.onTrigger(() => this.rootContext.handleDecrease());\n }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, ElementRef, inject, input, OnInit, signal } from '@angular/core';\nimport { injectNumberFieldRootContext } from './number-field-context.token';\nimport { PressedHoldService } from './utils';\n\n@Directive({\n selector: 'button[rdxNumberFieldIncrement]',\n providers: [PressedHoldService],\n host: {\n tabindex: '-1',\n type: '\"button\"',\n '[attr.aria-label]': '\"Increase\"',\n '[attr.disabled]': 'isDisabled() ? \"\" : undefined',\n '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n '[attr.data-pressed]': 'useHold.isPressed() ? \"true\" : undefined',\n\n '[style.user-select]': 'useHold.isPressed() ? \"none\" : null',\n\n '(contextmenu)': '$event.preventDefault()'\n }\n})\nexport class RdxNumberFieldIncrementDirective implements OnInit {\n private readonly elementRef = inject(ElementRef<HTMLElement>);\n private readonly pressedHold = inject(PressedHoldService);\n\n protected readonly rootContext = injectNumberFieldRootContext();\n\n readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n /**\n * @ignore\n */\n readonly isDisabled = computed(\n () => this.rootContext.disabled() || this.disabled() || this.rootContext.isIncreaseDisabled()\n );\n\n /**\n * @ignore\n */\n readonly useHold = this.pressedHold.create({\n target: signal(this.elementRef.nativeElement),\n disabled: this.disabled\n });\n\n ngOnInit() {\n this.useHold.onTrigger(() => this.rootContext.handleIncrease());\n }\n}\n","import { Directive, effect, ElementRef, inject, OnInit, signal } from '@angular/core';\nimport { getActiveElement } from '@radix-ng/primitives/core';\nimport { injectNumberFieldRootContext } from './number-field-context.token';\n\n@Directive({\n selector: 'input[rdxNumberFieldInput]',\n host: {\n role: 'spinbutton',\n type: 'text',\n tabindex: '0',\n autocomplete: 'off',\n autocorrect: 'off',\n spellcheck: 'false',\n 'aria-roledescription': 'Number field',\n\n '[attr.aria-valuenow]': 'rootContext.value()',\n '[attr.aria-valuemin]': 'rootContext.min()',\n '[attr.aria-valuemax]': 'rootContext.max()',\n '[attr.inputmode]': 'rootContext.inputMode()',\n '[attr.disabled]': 'rootContext.disabled() ? \"\" : undefined',\n '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n '[attr.value]': 'inputValue()',\n\n '(change)': 'onChange()',\n '(input)': 'onInput($event)',\n '(blur)': 'onKeydownEnter($event)',\n '(beforeinput)': 'onBeforeInput($event)',\n '(keydown.enter)': 'onKeydownEnter($event)',\n '(keydown.arrowUp)': 'onKeydownUp($event)',\n '(keydown.arrowDown)': 'onKeydownDown($event)',\n '(keydown.home)': 'onKeydownHome($event)',\n '(keydown.end)': 'onKeydownEnd($event)',\n '(keydown.pageUp)': 'onKeydownPageUp($event)',\n '(keydown.pageDown)': 'onKeydownPageDown($event)',\n '(wheel)': 'onWheelEvent($event)'\n }\n})\nexport class RdxNumberFieldInputDirective implements OnInit {\n private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n protected readonly rootContext = injectNumberFieldRootContext();\n\n readonly inputValue = signal(this.rootContext.textValue());\n\n constructor() {\n effect(() => {\n this.inputValue.set(this.rootContext.textValue());\n this.rootContext.setInputValue(this.inputValue());\n });\n }\n\n ngOnInit() {\n this.rootContext.onInputElement(this.elementRef.nativeElement as HTMLInputElement);\n }\n\n onBeforeInput(event: InputEvent) {\n const target = event.target as HTMLInputElement;\n const nextValue =\n target.value.slice(0, target.selectionStart ?? undefined) +\n (event.data ?? '') +\n target.value.slice(target.selectionEnd ?? undefined);\n\n if (!this.rootContext.validate(nextValue)) {\n event.preventDefault();\n }\n }\n\n onWheelEvent(event: WheelEvent) {\n if (this.rootContext.disableWheelChange()) {\n return;\n }\n\n // only handle when in focus\n if (event.target !== getActiveElement()) return;\n\n // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change\n // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec\n // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication\n // especially if the user is scrolling near 45deg\n if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) {\n return;\n }\n\n event.preventDefault();\n if (event.deltaY > 0) {\n this.rootContext.handleIncrease();\n } else if (event.deltaY < 0) {\n this.rootContext.handleDecrease();\n }\n }\n\n onKeydownPageUp(event: KeyboardEvent) {\n event.preventDefault();\n this.rootContext.handleIncrease(10);\n }\n\n onKeydownPageDown(event: KeyboardEvent) {\n event.preventDefault();\n this.rootContext.handleDecrease(10);\n }\n\n onKeydownHome(event: KeyboardEvent) {\n event.preventDefault();\n this.rootContext.handleMinMaxValue('min');\n }\n\n onKeydownEnd(event: KeyboardEvent) {\n event.preventDefault();\n this.rootContext.handleMinMaxValue('max');\n }\n\n onInput(event: InputEvent) {\n const target = event.target as HTMLInputElement;\n this.rootContext.applyInputValue(target.value);\n }\n\n onChange() {\n this.inputValue.set(this.rootContext.textValue());\n }\n\n onKeydownEnter(event: KeyboardEvent) {\n const target = event.target as HTMLInputElement;\n this.rootContext.applyInputValue(target.value);\n }\n\n onKeydownUp(event: KeyboardEvent) {\n event.preventDefault();\n this.rootContext.handleIncrease();\n }\n\n onKeydownDown(event: KeyboardEvent) {\n event.preventDefault();\n this.rootContext.handleDecrease();\n }\n}\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, input, model, numberAttribute, OnInit, signal } from '@angular/core';\nimport { clamp, provideToken, snapValueToStep } from '@radix-ng/primitives/core';\nimport { NUMBER_FIELD_ROOT_CONTEXT, NumberFieldContextToken } from './number-field-context.token';\nimport { InputMode } from './types';\nimport { handleDecimalOperation, useNumberFormatter, useNumberParser } from './utils';\n\n@Directive({\n selector: '[rdxNumberFieldRoot]',\n exportAs: 'rdxNumberFieldRoot',\n providers: [provideToken(NUMBER_FIELD_ROOT_CONTEXT, RdxNumberFieldRootDirective)],\n host: {\n role: 'group',\n '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n }\n})\nexport class RdxNumberFieldRootDirective implements OnInit, NumberFieldContextToken {\n readonly value = model<number>();\n\n readonly min = input<number | undefined, NumberInput>(undefined, { transform: numberAttribute });\n\n readonly max = input<number | undefined, NumberInput>(undefined, { transform: numberAttribute });\n\n readonly step = input<number, NumberInput>(1, { transform: numberAttribute });\n\n readonly stepSnapping = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n readonly disableWheelChange = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n readonly locale = input<string>('en');\n\n readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n readonly formatOptions = input<Intl.NumberFormatOptions>();\n\n /**\n * @ignore\n */\n readonly inputEl = signal<HTMLInputElement | undefined>(undefined);\n\n /**\n * @ignore\n */\n readonly isDecreaseDisabled = computed(\n () =>\n this.clampInputValue(this.value()!) === this.min() ||\n (this.min() && !isNaN(this.value()!)\n ? handleDecimalOperation('-', this.value()!, this.step()) < this.min()!\n : false)\n );\n\n /**\n * @ignore\n */\n readonly isIncreaseDisabled = computed(\n () =>\n this.clampInputValue(this.value()!) === this.max() ||\n (this.max() && !isNaN(this.value()!)\n ? handleDecimalOperation('+', this.value()!, this.step()) > this.max()!\n : false)\n );\n\n /**\n * @ignore\n */\n readonly inputMode = computed<InputMode>(() => {\n // The inputMode attribute influences the software keyboard that is shown on touch devices.\n // Browsers and operating systems are quite inconsistent about what keys are available, however.\n // We choose between numeric and decimal based on whether we allow negative and fractional numbers,\n // and based on testing on various devices to determine what keys are available in each inputMode.\n const hasDecimals = this.numberFormatter().resolvedOptions().maximumFractionDigits! > 0;\n\n return hasDecimals ? 'decimal' : 'numeric';\n });\n\n /**\n * Replace negative textValue formatted using currencySign: 'accounting'\n * with a textValue that can be announced using a minus sign.\n * @ignore\n */\n readonly textValue = computed(() => (isNaN(this.value()!) ? '' : this.textValueFormatter().format(this.value())));\n\n /**\n * @ignore\n */\n readonly onInputElement = (el: HTMLInputElement) => this.inputEl.set(el);\n\n /**\n * @ignore\n */\n numberParser: any;\n /**\n * @ignore\n */\n numberFormatter: any;\n /**\n * @ignore\n */\n textValueFormatter: any;\n\n /**\n * @ignore\n */\n clampInputValue(val: number) {\n // Clamp to min and max, round to the nearest step, and round to the specified number of digits\n let clampedValue: number;\n if (this.step() === undefined || isNaN(this.step()) || !this.stepSnapping()) {\n clampedValue = clamp(val, this.min(), this.max());\n } else {\n clampedValue = snapValueToStep(val, this.min(), this.max(), this.step());\n }\n\n clampedValue = this.numberParser().parse(this.numberFormatter().format(clampedValue));\n return clampedValue;\n }\n\n ngOnInit() {\n this.numberParser = useNumberParser(this.locale, this.formatOptions);\n this.numberFormatter = useNumberFormatter(this.locale, this.formatOptions);\n this.textValueFormatter = useNumberFormatter(this.locale, this.formatOptions);\n }\n\n /**\n * @ignore\n */\n handleMinMaxValue(type: 'min' | 'max') {\n if (type === 'min' && this.min() !== undefined) {\n this.value.set(this.clampInputValue(this.min()!));\n } else if (type === 'max' && this.max() !== undefined) {\n this.value.set(this.clampInputValue(this.max()!));\n }\n }\n\n /**\n * @ignore\n */\n handleDecrease(multiplier = 1) {\n this.handleChangingValue('decrease', multiplier);\n }\n\n /**\n * @ignore\n */\n handleIncrease(multiplier = 1) {\n this.handleChangingValue('increase', multiplier);\n }\n\n /**\n * @ignore\n */\n applyInputValue(val: string) {\n const parsedValue = this.numberParser().parse(val);\n\n this.value.set(this.clampInputValue(parsedValue));\n\n // Set to empty state if input value is empty\n if (!val.length) {\n return this.setInputValue(val);\n }\n\n // if it failed to parse, then reset input to formatted version of current number\n if (isNaN(parsedValue)) {\n return this.setInputValue(this.textValue());\n }\n\n return this.setInputValue(this.textValue());\n }\n\n /**\n * @ignore\n */\n setInputValue(val: string) {\n if (this.inputEl()) {\n this.inputEl.update((el) => {\n if (el) el.value = val;\n return el;\n });\n }\n }\n\n /**\n * @ignore\n */\n validate(val: string) {\n return this.numberParser().isValidPartialNumber(val, this.min(), this.max());\n }\n\n private handleChangingValue(type: 'increase' | 'decrease', multiplier = 1) {\n this.inputEl()?.focus();\n const currentInputValue = this.numberParser().parse(this.inputEl()?.value ?? '');\n\n if (this.disabled()) {\n return;\n }\n\n if (isNaN(currentInputValue)) {\n this.value.set(this.min() ?? 0);\n } else {\n if (type === 'increase') {\n this.value.set(this.clampInputValue(currentInputValue + (this.step() ?? 1) * multiplier));\n } else {\n this.value.set(this.clampInputValue(currentInputValue - (this.step() ?? 1) * multiplier));\n }\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxNumberFieldDecrementDirective } from './src/number-field-decrement.directive';\nimport { RdxNumberFieldIncrementDirective } from './src/number-field-increment.directive';\nimport { RdxNumberFieldInputDirective } from './src/number-field-input.directive';\nimport { RdxNumberFieldRootDirective } from './src/number-field-root.directive';\n\nexport * from './src/number-field-context.token';\nexport * from './src/number-field-decrement.directive';\nexport * from './src/number-field-increment.directive';\nexport * from './src/number-field-input.directive';\nexport * from './src/number-field-root.directive';\nexport * from './src/types';\nexport * from './src/utils';\n\nconst _imports = [\n RdxNumberFieldRootDirective,\n RdxNumberFieldInputDirective,\n RdxNumberFieldIncrementDirective,\n RdxNumberFieldDecrementDirective\n];\n\n@NgModule({\n imports: [..._imports],\n exports: [..._imports]\n})\nexport class RdxNumberFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
2
|
import { InjectionToken, inject, model, input, computed, effect, Directive, NgModule } from '@angular/core';
|
3
|
-
import { isNullish, isNumber } from '@radix-ng/primitives/core';
|
3
|
+
import { isNullish, isNumber, provideToken } from '@radix-ng/primitives/core';
|
4
4
|
|
5
5
|
const RdxProgressToken = new InjectionToken('RdxProgressDirective');
|
6
6
|
/**
|
@@ -85,14 +85,14 @@ Defaulting to \`null\`.`);
|
|
85
85
|
return `${Math.round((value / max) * 100)}%`;
|
86
86
|
}
|
87
87
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxProgressRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
88
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxProgressRootDirective, isStandalone: true, selector: "[rdxProgressRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, valueLabel: { classPropertyName: "valueLabel", publicName: "valueLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", max: "maxChange" }, host: { attributes: { "role": "progressbar", "tabindex": "-1" }, properties: { "attr.aria-valuemax": "max()", "attr.aria-valuemin": "0", "attr.aria-valuenow": "value()", "attr.aria-valuetext": "label()", "attr.aria-label": "label()", "attr.data-state": "progressState()", "attr.data-value": "value() ?? undefined", "attr.data-max": "max()" } }, providers: [
|
88
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxProgressRootDirective, isStandalone: true, selector: "[rdxProgressRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, valueLabel: { classPropertyName: "valueLabel", publicName: "valueLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", max: "maxChange" }, host: { attributes: { "role": "progressbar", "tabindex": "-1" }, properties: { "attr.aria-valuemax": "max()", "attr.aria-valuemin": "0", "attr.aria-valuenow": "value()", "attr.aria-valuetext": "label()", "attr.aria-label": "label()", "attr.data-state": "progressState()", "attr.data-value": "value() ?? undefined", "attr.data-max": "max()" } }, providers: [provideToken(RdxProgressToken, RdxProgressRootDirective)], exportAs: ["rdxProgressRoot"], ngImport: i0 }); }
|
89
89
|
}
|
90
90
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxProgressRootDirective, decorators: [{
|
91
91
|
type: Directive,
|
92
92
|
args: [{
|
93
93
|
selector: '[rdxProgressRoot]',
|
94
94
|
exportAs: 'rdxProgressRoot',
|
95
|
-
providers: [
|
95
|
+
providers: [provideToken(RdxProgressToken, RdxProgressRootDirective)],
|
96
96
|
host: {
|
97
97
|
role: 'progressbar',
|
98
98
|
'[attr.aria-valuemax]': 'max()',
|