@wirekyt/angular 0.0.20 → 0.0.21
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-format.mjs +245 -0
- package/dist/fesm2022/wirekyt-angular-format.mjs.map +1 -0
- package/dist/package.json +5 -1
- package/dist/types/wirekyt-angular-checkbox.d.ts +1 -1
- package/dist/types/wirekyt-angular-color-picker.d.ts +1 -1
- package/dist/types/wirekyt-angular-combobox.d.ts +1 -1
- package/dist/types/wirekyt-angular-date-picker.d.ts +1 -1
- package/dist/types/wirekyt-angular-format.d.ts +101 -0
- package/dist/types/wirekyt-angular-format.d.ts.map +1 -0
- package/package.json +6 -2
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { injectLocale } from '@wirekyt/angular';
|
|
4
|
+
import { formatBytes, formatNumber, formatRelativeTime, formatTime } from '@wirekyt/dom/i18n-utils';
|
|
5
|
+
|
|
6
|
+
class FormatByte {
|
|
7
|
+
value = input.required(/* @ts-ignore */
|
|
8
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
9
|
+
locale = input(undefined, /* @ts-ignore */
|
|
10
|
+
...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
|
|
11
|
+
unit = input("byte", /* @ts-ignore */
|
|
12
|
+
...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
|
|
13
|
+
unitDisplay = input("short", /* @ts-ignore */
|
|
14
|
+
...(ngDevMode ? [{ debugName: "unitDisplay" }] : /* istanbul ignore next */ []));
|
|
15
|
+
unitSystem = input(undefined, /* @ts-ignore */
|
|
16
|
+
...(ngDevMode ? [{ debugName: "unitSystem" }] : /* istanbul ignore next */ []));
|
|
17
|
+
precision = input(undefined, /* @ts-ignore */
|
|
18
|
+
...(ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []));
|
|
19
|
+
localeContext = injectLocale();
|
|
20
|
+
formatted = computed(() => {
|
|
21
|
+
return formatBytes(this.value(), this.locale() ?? this.localeContext.locale, compactOptions$2({
|
|
22
|
+
precision: this.precision(),
|
|
23
|
+
unit: this.unit(),
|
|
24
|
+
unitDisplay: this.unitDisplay(),
|
|
25
|
+
unitSystem: this.unitSystem(),
|
|
26
|
+
}));
|
|
27
|
+
}, /* @ts-ignore */
|
|
28
|
+
...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatByte, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: FormatByte, isStandalone: true, selector: "format-byte", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, unitDisplay: { classPropertyName: "unitDisplay", publicName: "unitDisplay", isSignal: true, isRequired: false, transformFunction: null }, unitSystem: { classPropertyName: "unitSystem", publicName: "unitSystem", isSignal: true, isRequired: false, transformFunction: null }, precision: { classPropertyName: "precision", publicName: "precision", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: ` {{ formatted() }} `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatByte, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{
|
|
35
|
+
selector: "format-byte",
|
|
36
|
+
standalone: true,
|
|
37
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
38
|
+
host: { style: "display: contents" },
|
|
39
|
+
template: ` {{ formatted() }} `,
|
|
40
|
+
}]
|
|
41
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], unitDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "unitDisplay", required: false }] }], unitSystem: [{ type: i0.Input, args: [{ isSignal: true, alias: "unitSystem", required: false }] }], precision: [{ type: i0.Input, args: [{ isSignal: true, alias: "precision", required: false }] }] } });
|
|
42
|
+
function compactOptions$2(options) {
|
|
43
|
+
return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
class FormatNumber {
|
|
47
|
+
value = input.required(/* @ts-ignore */
|
|
48
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
49
|
+
locale = input(undefined, /* @ts-ignore */
|
|
50
|
+
...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
|
|
51
|
+
options = input(undefined, /* @ts-ignore */
|
|
52
|
+
...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
53
|
+
localeMatcher = input(undefined, /* @ts-ignore */
|
|
54
|
+
...(ngDevMode ? [{ debugName: "localeMatcher" }] : /* istanbul ignore next */ []));
|
|
55
|
+
numberingSystem = input(undefined, /* @ts-ignore */
|
|
56
|
+
...(ngDevMode ? [{ debugName: "numberingSystem" }] : /* istanbul ignore next */ []));
|
|
57
|
+
style = input(undefined, /* @ts-ignore */
|
|
58
|
+
...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
|
|
59
|
+
currency = input(undefined, /* @ts-ignore */
|
|
60
|
+
...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
|
|
61
|
+
currencyDisplay = input(undefined, /* @ts-ignore */
|
|
62
|
+
...(ngDevMode ? [{ debugName: "currencyDisplay" }] : /* istanbul ignore next */ []));
|
|
63
|
+
currencySign = input(undefined, /* @ts-ignore */
|
|
64
|
+
...(ngDevMode ? [{ debugName: "currencySign" }] : /* istanbul ignore next */ []));
|
|
65
|
+
unit = input(undefined, /* @ts-ignore */
|
|
66
|
+
...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
|
|
67
|
+
unitDisplay = input(undefined, /* @ts-ignore */
|
|
68
|
+
...(ngDevMode ? [{ debugName: "unitDisplay" }] : /* istanbul ignore next */ []));
|
|
69
|
+
notation = input(undefined, /* @ts-ignore */
|
|
70
|
+
...(ngDevMode ? [{ debugName: "notation" }] : /* istanbul ignore next */ []));
|
|
71
|
+
compactDisplay = input(undefined, /* @ts-ignore */
|
|
72
|
+
...(ngDevMode ? [{ debugName: "compactDisplay" }] : /* istanbul ignore next */ []));
|
|
73
|
+
useGrouping = input(undefined, /* @ts-ignore */
|
|
74
|
+
...(ngDevMode ? [{ debugName: "useGrouping" }] : /* istanbul ignore next */ []));
|
|
75
|
+
minimumIntegerDigits = input(undefined, /* @ts-ignore */
|
|
76
|
+
...(ngDevMode ? [{ debugName: "minimumIntegerDigits" }] : /* istanbul ignore next */ []));
|
|
77
|
+
minimumFractionDigits = input(undefined, /* @ts-ignore */
|
|
78
|
+
...(ngDevMode ? [{ debugName: "minimumFractionDigits" }] : /* istanbul ignore next */ []));
|
|
79
|
+
maximumFractionDigits = input(undefined, /* @ts-ignore */
|
|
80
|
+
...(ngDevMode ? [{ debugName: "maximumFractionDigits" }] : /* istanbul ignore next */ []));
|
|
81
|
+
minimumSignificantDigits = input(undefined, /* @ts-ignore */
|
|
82
|
+
...(ngDevMode ? [{ debugName: "minimumSignificantDigits" }] : /* istanbul ignore next */ []));
|
|
83
|
+
maximumSignificantDigits = input(undefined, /* @ts-ignore */
|
|
84
|
+
...(ngDevMode ? [{ debugName: "maximumSignificantDigits" }] : /* istanbul ignore next */ []));
|
|
85
|
+
signDisplay = input(undefined, /* @ts-ignore */
|
|
86
|
+
...(ngDevMode ? [{ debugName: "signDisplay" }] : /* istanbul ignore next */ []));
|
|
87
|
+
roundingPriority = input(undefined, /* @ts-ignore */
|
|
88
|
+
...(ngDevMode ? [{ debugName: "roundingPriority" }] : /* istanbul ignore next */ []));
|
|
89
|
+
roundingIncrement = input(undefined, /* @ts-ignore */
|
|
90
|
+
...(ngDevMode ? [{ debugName: "roundingIncrement" }] : /* istanbul ignore next */ []));
|
|
91
|
+
roundingMode = input(undefined, /* @ts-ignore */
|
|
92
|
+
...(ngDevMode ? [{ debugName: "roundingMode" }] : /* istanbul ignore next */ []));
|
|
93
|
+
trailingZeroDisplay = input(undefined, /* @ts-ignore */
|
|
94
|
+
...(ngDevMode ? [{ debugName: "trailingZeroDisplay" }] : /* istanbul ignore next */ []));
|
|
95
|
+
localeContext = injectLocale();
|
|
96
|
+
formatted = computed(() => {
|
|
97
|
+
return formatNumber(this.value(), this.locale() ?? this.localeContext.locale, this.intlOptions());
|
|
98
|
+
}, /* @ts-ignore */
|
|
99
|
+
...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
|
|
100
|
+
intlOptions() {
|
|
101
|
+
return compactOptions$1({
|
|
102
|
+
...this.options(),
|
|
103
|
+
...compactOptions$1({
|
|
104
|
+
localeMatcher: this.localeMatcher(),
|
|
105
|
+
numberingSystem: this.numberingSystem(),
|
|
106
|
+
style: this.style(),
|
|
107
|
+
currency: this.currency(),
|
|
108
|
+
currencyDisplay: this.currencyDisplay(),
|
|
109
|
+
currencySign: this.currencySign(),
|
|
110
|
+
unit: this.unit(),
|
|
111
|
+
unitDisplay: this.unitDisplay(),
|
|
112
|
+
notation: this.notation(),
|
|
113
|
+
compactDisplay: this.compactDisplay(),
|
|
114
|
+
useGrouping: this.useGrouping(),
|
|
115
|
+
minimumIntegerDigits: this.minimumIntegerDigits(),
|
|
116
|
+
minimumFractionDigits: this.minimumFractionDigits(),
|
|
117
|
+
maximumFractionDigits: this.maximumFractionDigits(),
|
|
118
|
+
minimumSignificantDigits: this.minimumSignificantDigits(),
|
|
119
|
+
maximumSignificantDigits: this.maximumSignificantDigits(),
|
|
120
|
+
signDisplay: this.signDisplay(),
|
|
121
|
+
roundingPriority: this.roundingPriority(),
|
|
122
|
+
roundingIncrement: this.roundingIncrement(),
|
|
123
|
+
roundingMode: this.roundingMode(),
|
|
124
|
+
trailingZeroDisplay: this.trailingZeroDisplay(),
|
|
125
|
+
}),
|
|
126
|
+
});
|
|
127
|
+
}
|
|
128
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
129
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: FormatNumber, isStandalone: true, selector: "format-number", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, localeMatcher: { classPropertyName: "localeMatcher", publicName: "localeMatcher", isSignal: true, isRequired: false, transformFunction: null }, numberingSystem: { classPropertyName: "numberingSystem", publicName: "numberingSystem", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, currencySign: { classPropertyName: "currencySign", publicName: "currencySign", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, unitDisplay: { classPropertyName: "unitDisplay", publicName: "unitDisplay", isSignal: true, isRequired: false, transformFunction: null }, notation: { classPropertyName: "notation", publicName: "notation", isSignal: true, isRequired: false, transformFunction: null }, compactDisplay: { classPropertyName: "compactDisplay", publicName: "compactDisplay", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, minimumIntegerDigits: { classPropertyName: "minimumIntegerDigits", publicName: "minimumIntegerDigits", isSignal: true, isRequired: false, transformFunction: null }, minimumFractionDigits: { classPropertyName: "minimumFractionDigits", publicName: "minimumFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maximumFractionDigits: { classPropertyName: "maximumFractionDigits", publicName: "maximumFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, minimumSignificantDigits: { classPropertyName: "minimumSignificantDigits", publicName: "minimumSignificantDigits", isSignal: true, isRequired: false, transformFunction: null }, maximumSignificantDigits: { classPropertyName: "maximumSignificantDigits", publicName: "maximumSignificantDigits", isSignal: true, isRequired: false, transformFunction: null }, signDisplay: { classPropertyName: "signDisplay", publicName: "signDisplay", isSignal: true, isRequired: false, transformFunction: null }, roundingPriority: { classPropertyName: "roundingPriority", publicName: "roundingPriority", isSignal: true, isRequired: false, transformFunction: null }, roundingIncrement: { classPropertyName: "roundingIncrement", publicName: "roundingIncrement", isSignal: true, isRequired: false, transformFunction: null }, roundingMode: { classPropertyName: "roundingMode", publicName: "roundingMode", isSignal: true, isRequired: false, transformFunction: null }, trailingZeroDisplay: { classPropertyName: "trailingZeroDisplay", publicName: "trailingZeroDisplay", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: ` {{ formatted() }} `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
130
|
+
}
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatNumber, decorators: [{
|
|
132
|
+
type: Component,
|
|
133
|
+
args: [{
|
|
134
|
+
selector: "format-number",
|
|
135
|
+
standalone: true,
|
|
136
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
137
|
+
host: { style: "display: contents" },
|
|
138
|
+
template: ` {{ formatted() }} `,
|
|
139
|
+
}]
|
|
140
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], localeMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "localeMatcher", required: false }] }], numberingSystem: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberingSystem", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], currencyDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyDisplay", required: false }] }], currencySign: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySign", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], unitDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "unitDisplay", required: false }] }], notation: [{ type: i0.Input, args: [{ isSignal: true, alias: "notation", required: false }] }], compactDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "compactDisplay", required: false }] }], useGrouping: [{ type: i0.Input, args: [{ isSignal: true, alias: "useGrouping", required: false }] }], minimumIntegerDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumIntegerDigits", required: false }] }], minimumFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumFractionDigits", required: false }] }], maximumFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximumFractionDigits", required: false }] }], minimumSignificantDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumSignificantDigits", required: false }] }], maximumSignificantDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximumSignificantDigits", required: false }] }], signDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "signDisplay", required: false }] }], roundingPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundingPriority", required: false }] }], roundingIncrement: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundingIncrement", required: false }] }], roundingMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundingMode", required: false }] }], trailingZeroDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingZeroDisplay", required: false }] }] } });
|
|
141
|
+
function compactOptions$1(options) {
|
|
142
|
+
return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined));
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
class FormatRelativeTime {
|
|
146
|
+
value = input.required(/* @ts-ignore */
|
|
147
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
148
|
+
unit = input("day", /* @ts-ignore */
|
|
149
|
+
...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
|
|
150
|
+
locale = input(undefined, /* @ts-ignore */
|
|
151
|
+
...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
|
|
152
|
+
options = input(undefined, /* @ts-ignore */
|
|
153
|
+
...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
154
|
+
localeMatcher = input(undefined, /* @ts-ignore */
|
|
155
|
+
...(ngDevMode ? [{ debugName: "localeMatcher" }] : /* istanbul ignore next */ []));
|
|
156
|
+
numeric = input(undefined, /* @ts-ignore */
|
|
157
|
+
...(ngDevMode ? [{ debugName: "numeric" }] : /* istanbul ignore next */ []));
|
|
158
|
+
style = input(undefined, /* @ts-ignore */
|
|
159
|
+
...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
|
|
160
|
+
localeContext = injectLocale();
|
|
161
|
+
formatted = computed(() => {
|
|
162
|
+
const locale = this.locale() ?? this.localeContext.locale;
|
|
163
|
+
const options = compactOptions({
|
|
164
|
+
...this.options(),
|
|
165
|
+
...compactOptions({
|
|
166
|
+
localeMatcher: this.localeMatcher(),
|
|
167
|
+
numeric: this.numeric(),
|
|
168
|
+
style: this.style(),
|
|
169
|
+
}),
|
|
170
|
+
});
|
|
171
|
+
const value = this.value();
|
|
172
|
+
if (value instanceof Date) {
|
|
173
|
+
return formatRelativeTime(value, locale, options);
|
|
174
|
+
}
|
|
175
|
+
return new Intl.RelativeTimeFormat(locale, options).format(value, this.unit());
|
|
176
|
+
}, /* @ts-ignore */
|
|
177
|
+
...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
|
|
178
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatRelativeTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
179
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: FormatRelativeTime, isStandalone: true, selector: "format-relative-time", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, localeMatcher: { classPropertyName: "localeMatcher", publicName: "localeMatcher", isSignal: true, isRequired: false, transformFunction: null }, numeric: { classPropertyName: "numeric", publicName: "numeric", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: ` {{ formatted() }} `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
180
|
+
}
|
|
181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatRelativeTime, decorators: [{
|
|
182
|
+
type: Component,
|
|
183
|
+
args: [{
|
|
184
|
+
selector: "format-relative-time",
|
|
185
|
+
standalone: true,
|
|
186
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
187
|
+
host: { style: "display: contents" },
|
|
188
|
+
template: ` {{ formatted() }} `,
|
|
189
|
+
}]
|
|
190
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], localeMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "localeMatcher", required: false }] }], numeric: [{ type: i0.Input, args: [{ isSignal: true, alias: "numeric", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }] } });
|
|
191
|
+
function compactOptions(options) {
|
|
192
|
+
return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined));
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
class FormatTime {
|
|
196
|
+
value = input.required(/* @ts-ignore */
|
|
197
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
198
|
+
locale = input(undefined, /* @ts-ignore */
|
|
199
|
+
...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
|
|
200
|
+
format = input(undefined, /* @ts-ignore */
|
|
201
|
+
...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
|
|
202
|
+
amLabel = input(undefined, /* @ts-ignore */
|
|
203
|
+
...(ngDevMode ? [{ debugName: "amLabel" }] : /* istanbul ignore next */ []));
|
|
204
|
+
pmLabel = input(undefined, /* @ts-ignore */
|
|
205
|
+
...(ngDevMode ? [{ debugName: "pmLabel" }] : /* istanbul ignore next */ []));
|
|
206
|
+
withSeconds = input(undefined, /* @ts-ignore */
|
|
207
|
+
...(ngDevMode ? [{ debugName: "withSeconds" }] : /* istanbul ignore next */ []));
|
|
208
|
+
localeContext = injectLocale();
|
|
209
|
+
formatted = computed(() => {
|
|
210
|
+
return (formatTime(this.value(), this.locale() ?? this.localeContext.locale, {
|
|
211
|
+
format: this.format(),
|
|
212
|
+
amLabel: this.amLabel(),
|
|
213
|
+
pmLabel: this.pmLabel(),
|
|
214
|
+
withSeconds: this.withSeconds(),
|
|
215
|
+
}) ?? "");
|
|
216
|
+
}, /* @ts-ignore */
|
|
217
|
+
...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
|
|
218
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
219
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: FormatTime, isStandalone: true, selector: "format-time", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, amLabel: { classPropertyName: "amLabel", publicName: "amLabel", isSignal: true, isRequired: false, transformFunction: null }, pmLabel: { classPropertyName: "pmLabel", publicName: "pmLabel", isSignal: true, isRequired: false, transformFunction: null }, withSeconds: { classPropertyName: "withSeconds", publicName: "withSeconds", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: ` {{ formatted() }} `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
220
|
+
}
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatTime, decorators: [{
|
|
222
|
+
type: Component,
|
|
223
|
+
args: [{
|
|
224
|
+
selector: "format-time",
|
|
225
|
+
standalone: true,
|
|
226
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
227
|
+
host: { style: "display: contents" },
|
|
228
|
+
template: ` {{ formatted() }} `,
|
|
229
|
+
}]
|
|
230
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], amLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "amLabel", required: false }] }], pmLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pmLabel", required: false }] }], withSeconds: [{ type: i0.Input, args: [{ isSignal: true, alias: "withSeconds", required: false }] }] } });
|
|
231
|
+
|
|
232
|
+
var format = /*#__PURE__*/Object.freeze({
|
|
233
|
+
__proto__: null,
|
|
234
|
+
Byte: FormatByte,
|
|
235
|
+
Number: FormatNumber,
|
|
236
|
+
RelativeTime: FormatRelativeTime,
|
|
237
|
+
Time: FormatTime
|
|
238
|
+
});
|
|
239
|
+
|
|
240
|
+
/**
|
|
241
|
+
* Generated bundle index. Do not edit.
|
|
242
|
+
*/
|
|
243
|
+
|
|
244
|
+
export { format as Format, FormatByte, FormatNumber, FormatRelativeTime, FormatTime };
|
|
245
|
+
//# sourceMappingURL=wirekyt-angular-format.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wirekyt-angular-format.mjs","sources":["../../src/components/format/byte.ts","../../src/components/format/number.ts","../../src/components/format/relative-time.ts","../../src/components/format/time.ts","../../src/components/format/wirekyt-angular-format.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from \"@angular/core\";\nimport { injectLocale } from \"@wirekyt/angular\";\nimport { type FormatBytesOptions, formatBytes } from \"@wirekyt/dom/i18n-utils\";\n\nexport interface FormatByteProps extends FormatBytesOptions {\n value: number;\n locale?: string;\n}\n\n@Component({\n selector: \"format-byte\",\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { style: \"display: contents\" },\n template: ` {{ formatted() }} `,\n})\nexport class FormatByte {\n readonly value = input.required<number>();\n readonly locale = input<string | undefined>(undefined);\n readonly unit = input<FormatBytesOptions[\"unit\"]>(\"byte\");\n readonly unitDisplay = input<FormatBytesOptions[\"unitDisplay\"]>(\"short\");\n readonly unitSystem = input<FormatBytesOptions[\"unitSystem\"] | undefined>(undefined);\n readonly precision = input<number | undefined>(undefined);\n\n private readonly localeContext = injectLocale();\n protected readonly formatted = computed(() => {\n return formatBytes(\n this.value(),\n this.locale() ?? this.localeContext.locale,\n compactOptions({\n precision: this.precision(),\n unit: this.unit(),\n unitDisplay: this.unitDisplay(),\n unitSystem: this.unitSystem(),\n }),\n );\n });\n}\n\nfunction compactOptions<T extends Record<string, unknown>>(options: T): T {\n return Object.fromEntries(\n Object.entries(options).filter(([, value]) => value !== undefined),\n ) as T;\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from \"@angular/core\";\nimport { injectLocale } from \"@wirekyt/angular\";\nimport { formatNumber } from \"@wirekyt/dom/i18n-utils\";\n\nexport interface FormatNumberProps extends Intl.NumberFormatOptions {\n value: number;\n locale?: string;\n}\n\n@Component({\n selector: \"format-number\",\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { style: \"display: contents\" },\n template: ` {{ formatted() }} `,\n})\nexport class FormatNumber {\n readonly value = input.required<number>();\n readonly locale = input<string | undefined>(undefined);\n readonly options = input<Intl.NumberFormatOptions | undefined>(undefined);\n readonly localeMatcher = input<Intl.NumberFormatOptions[\"localeMatcher\"] | undefined>(undefined);\n readonly numberingSystem = input<Intl.NumberFormatOptions[\"numberingSystem\"] | undefined>(\n undefined,\n );\n readonly style = input<Intl.NumberFormatOptions[\"style\"] | undefined>(undefined);\n readonly currency = input<string | undefined>(undefined);\n readonly currencyDisplay = input<Intl.NumberFormatOptions[\"currencyDisplay\"] | undefined>(\n undefined,\n );\n readonly currencySign = input<Intl.NumberFormatOptions[\"currencySign\"] | undefined>(undefined);\n readonly unit = input<string | undefined>(undefined);\n readonly unitDisplay = input<Intl.NumberFormatOptions[\"unitDisplay\"] | undefined>(undefined);\n readonly notation = input<Intl.NumberFormatOptions[\"notation\"] | undefined>(undefined);\n readonly compactDisplay = input<Intl.NumberFormatOptions[\"compactDisplay\"] | undefined>(\n undefined,\n );\n readonly useGrouping = input<Intl.NumberFormatOptions[\"useGrouping\"] | undefined>(undefined);\n readonly minimumIntegerDigits = input<number | undefined>(undefined);\n readonly minimumFractionDigits = input<number | undefined>(undefined);\n readonly maximumFractionDigits = input<number | undefined>(undefined);\n readonly minimumSignificantDigits = input<number | undefined>(undefined);\n readonly maximumSignificantDigits = input<number | undefined>(undefined);\n readonly signDisplay = input<Intl.NumberFormatOptions[\"signDisplay\"] | undefined>(undefined);\n readonly roundingPriority = input<Intl.NumberFormatOptions[\"roundingPriority\"] | undefined>(\n undefined,\n );\n readonly roundingIncrement = input<Intl.NumberFormatOptions[\"roundingIncrement\"] | undefined>(\n undefined,\n );\n readonly roundingMode = input<Intl.NumberFormatOptions[\"roundingMode\"] | undefined>(undefined);\n readonly trailingZeroDisplay = input<Intl.NumberFormatOptions[\"trailingZeroDisplay\"] | undefined>(\n undefined,\n );\n\n private readonly localeContext = injectLocale();\n protected readonly formatted = computed(() => {\n return formatNumber(\n this.value(),\n this.locale() ?? this.localeContext.locale,\n this.intlOptions(),\n );\n });\n\n private intlOptions(): Intl.NumberFormatOptions {\n return compactOptions({\n ...this.options(),\n ...compactOptions({\n localeMatcher: this.localeMatcher(),\n numberingSystem: this.numberingSystem(),\n style: this.style(),\n currency: this.currency(),\n currencyDisplay: this.currencyDisplay(),\n currencySign: this.currencySign(),\n unit: this.unit(),\n unitDisplay: this.unitDisplay(),\n notation: this.notation(),\n compactDisplay: this.compactDisplay(),\n useGrouping: this.useGrouping(),\n minimumIntegerDigits: this.minimumIntegerDigits(),\n minimumFractionDigits: this.minimumFractionDigits(),\n maximumFractionDigits: this.maximumFractionDigits(),\n minimumSignificantDigits: this.minimumSignificantDigits(),\n maximumSignificantDigits: this.maximumSignificantDigits(),\n signDisplay: this.signDisplay(),\n roundingPriority: this.roundingPriority(),\n roundingIncrement: this.roundingIncrement(),\n roundingMode: this.roundingMode(),\n trailingZeroDisplay: this.trailingZeroDisplay(),\n }),\n });\n }\n}\n\nfunction compactOptions<T extends Record<string, unknown>>(options: T): T {\n return Object.fromEntries(\n Object.entries(options).filter(([, value]) => value !== undefined),\n ) as T;\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from \"@angular/core\";\nimport { injectLocale } from \"@wirekyt/angular\";\nimport { formatRelativeTime } from \"@wirekyt/dom/i18n-utils\";\n\nexport interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {\n value: Date | number;\n unit?: Intl.RelativeTimeFormatUnit;\n locale?: string;\n}\n\n@Component({\n selector: \"format-relative-time\",\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { style: \"display: contents\" },\n template: ` {{ formatted() }} `,\n})\nexport class FormatRelativeTime {\n readonly value = input.required<Date | number>();\n readonly unit = input<Intl.RelativeTimeFormatUnit>(\"day\");\n readonly locale = input<string | undefined>(undefined);\n readonly options = input<Intl.RelativeTimeFormatOptions | undefined>(undefined);\n readonly localeMatcher = input<Intl.RelativeTimeFormatOptions[\"localeMatcher\"] | undefined>(\n undefined,\n );\n readonly numeric = input<Intl.RelativeTimeFormatOptions[\"numeric\"] | undefined>(undefined);\n readonly style = input<Intl.RelativeTimeFormatOptions[\"style\"] | undefined>(undefined);\n\n private readonly localeContext = injectLocale();\n protected readonly formatted = computed(() => {\n const locale = this.locale() ?? this.localeContext.locale;\n const options = compactOptions({\n ...this.options(),\n ...compactOptions({\n localeMatcher: this.localeMatcher(),\n numeric: this.numeric(),\n style: this.style(),\n }),\n });\n const value = this.value();\n if (value instanceof Date) {\n return formatRelativeTime(value, locale, options);\n }\n return new Intl.RelativeTimeFormat(locale, options).format(value, this.unit());\n });\n}\n\nfunction compactOptions<T extends Record<string, unknown>>(options: T): T {\n return Object.fromEntries(\n Object.entries(options).filter(([, value]) => value !== undefined),\n ) as T;\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from \"@angular/core\";\nimport { injectLocale } from \"@wirekyt/angular\";\nimport { type FormatTimeOptions, formatTime } from \"@wirekyt/dom/i18n-utils\";\n\nexport interface FormatTimeProps extends FormatTimeOptions {\n value: string | Date;\n locale?: string;\n}\n\n@Component({\n selector: \"format-time\",\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { style: \"display: contents\" },\n template: ` {{ formatted() }} `,\n})\nexport class FormatTime {\n readonly value = input.required<string | Date>();\n readonly locale = input<string | undefined>(undefined);\n readonly format = input<FormatTimeOptions[\"format\"] | undefined>(undefined);\n readonly amLabel = input<string | undefined>(undefined);\n readonly pmLabel = input<string | undefined>(undefined);\n readonly withSeconds = input<boolean | undefined>(undefined);\n\n private readonly localeContext = injectLocale();\n protected readonly formatted = computed(() => {\n return (\n formatTime(this.value(), this.locale() ?? this.localeContext.locale, {\n format: this.format(),\n amLabel: this.amLabel(),\n pmLabel: this.pmLabel(),\n withSeconds: this.withSeconds(),\n }) ?? \"\"\n );\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["compactOptions"],"mappings":"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"}
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wirekyt/angular",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.21",
|
|
4
4
|
"description": "Angular adapter for Wirekyt",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -95,6 +95,10 @@
|
|
|
95
95
|
"types": "./types/wirekyt-angular-focus-trap.d.ts",
|
|
96
96
|
"default": "./fesm2022/wirekyt-angular-focus-trap.mjs"
|
|
97
97
|
},
|
|
98
|
+
"./format": {
|
|
99
|
+
"types": "./types/wirekyt-angular-format.d.ts",
|
|
100
|
+
"default": "./fesm2022/wirekyt-angular-format.mjs"
|
|
101
|
+
},
|
|
98
102
|
"./presence": {
|
|
99
103
|
"types": "./types/wirekyt-angular-presence.d.ts",
|
|
100
104
|
"default": "./fesm2022/wirekyt-angular-presence.mjs"
|
|
@@ -7,7 +7,7 @@ import * as i0 from '@angular/core';
|
|
|
7
7
|
import { Signal, InputSignal, ModelSignal, InputSignalWithTransform, OutputEmitterRef, InjectionToken } from '@angular/core';
|
|
8
8
|
import { ControlValueAccessor } from '@angular/forms';
|
|
9
9
|
|
|
10
|
-
declare const checkboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "
|
|
10
|
+
declare const checkboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "indicator" | "label" | "control" | "group">;
|
|
11
11
|
|
|
12
12
|
type OptionalId<T extends {
|
|
13
13
|
id: string;
|
|
@@ -9,7 +9,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
|
|
|
9
9
|
import { ControlValueAccessor } from '@angular/forms';
|
|
10
10
|
import { ColorStringFormat } from '@wirekyt/dom/color-utils';
|
|
11
11
|
|
|
12
|
-
declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"
|
|
12
|
+
declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"trigger" | "content" | "positioner" | "root" | "area" | "label" | "control" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
|
|
13
13
|
|
|
14
14
|
declare class ColorPickerArea {
|
|
15
15
|
readonly xChannel: InputSignal<colorPicker.ColorChannel | undefined>;
|
|
@@ -13,7 +13,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
|
|
|
13
13
|
import { ControlValueAccessor } from '@angular/forms';
|
|
14
14
|
import * as _wirekyt_angular_combobox from '@wirekyt/angular/combobox';
|
|
15
15
|
|
|
16
|
-
declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"
|
|
16
|
+
declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"trigger" | "content" | "positioner" | "input" | "root" | "item" | "label" | "control" | "clearTrigger" | "list" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "empty">;
|
|
17
17
|
|
|
18
18
|
type ComboboxSchema<T extends CollectionItem = CollectionItem> = Machine<T> extends Machine$1<infer S> ? S : never;
|
|
19
19
|
|
|
@@ -9,7 +9,7 @@ import * as _wirekyt_angular_presence from '@wirekyt/angular/presence';
|
|
|
9
9
|
import { PresenceBase } from '@wirekyt/angular/presence';
|
|
10
10
|
import { ControlValueAccessor } from '@angular/forms';
|
|
11
11
|
|
|
12
|
-
declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"
|
|
12
|
+
declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"trigger" | "content" | "positioner" | "input" | "root" | "label" | "table" | "view" | "control" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText">;
|
|
13
13
|
|
|
14
14
|
type OptionalId<T extends {
|
|
15
15
|
id?: string | undefined;
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as _wirekyt_dom_i18n_utils from '@wirekyt/dom/i18n-utils';
|
|
3
|
+
import { FormatBytesOptions, FormatTimeOptions } from '@wirekyt/dom/i18n-utils';
|
|
4
|
+
|
|
5
|
+
interface FormatByteProps extends FormatBytesOptions {
|
|
6
|
+
value: number;
|
|
7
|
+
locale?: string;
|
|
8
|
+
}
|
|
9
|
+
declare class FormatByte {
|
|
10
|
+
readonly value: _angular_core.InputSignal<number>;
|
|
11
|
+
readonly locale: _angular_core.InputSignal<string | undefined>;
|
|
12
|
+
readonly unit: _angular_core.InputSignal<"bit" | "byte" | undefined>;
|
|
13
|
+
readonly unitDisplay: _angular_core.InputSignal<"long" | "short" | "narrow" | undefined>;
|
|
14
|
+
readonly unitSystem: _angular_core.InputSignal<"binary" | "decimal" | undefined>;
|
|
15
|
+
readonly precision: _angular_core.InputSignal<number | undefined>;
|
|
16
|
+
private readonly localeContext;
|
|
17
|
+
protected readonly formatted: _angular_core.Signal<string>;
|
|
18
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormatByte, never>;
|
|
19
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormatByte, "format-byte", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "unitSystem": { "alias": "unitSystem"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
interface FormatNumberProps extends Intl.NumberFormatOptions {
|
|
23
|
+
value: number;
|
|
24
|
+
locale?: string;
|
|
25
|
+
}
|
|
26
|
+
declare class FormatNumber {
|
|
27
|
+
readonly value: _angular_core.InputSignal<number>;
|
|
28
|
+
readonly locale: _angular_core.InputSignal<string | undefined>;
|
|
29
|
+
readonly options: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
|
|
30
|
+
readonly localeMatcher: _angular_core.InputSignal<"lookup" | "best fit" | undefined>;
|
|
31
|
+
readonly numberingSystem: _angular_core.InputSignal<string | undefined>;
|
|
32
|
+
readonly style: _angular_core.InputSignal<keyof Intl.NumberFormatOptionsStyleRegistry | undefined>;
|
|
33
|
+
readonly currency: _angular_core.InputSignal<string | undefined>;
|
|
34
|
+
readonly currencyDisplay: _angular_core.InputSignal<keyof Intl.NumberFormatOptionsCurrencyDisplayRegistry | undefined>;
|
|
35
|
+
readonly currencySign: _angular_core.InputSignal<"standard" | "accounting" | undefined>;
|
|
36
|
+
readonly unit: _angular_core.InputSignal<string | undefined>;
|
|
37
|
+
readonly unitDisplay: _angular_core.InputSignal<"long" | "short" | "narrow" | undefined>;
|
|
38
|
+
readonly notation: _angular_core.InputSignal<"standard" | "scientific" | "engineering" | "compact" | undefined>;
|
|
39
|
+
readonly compactDisplay: _angular_core.InputSignal<"long" | "short" | undefined>;
|
|
40
|
+
readonly useGrouping: _angular_core.InputSignal<boolean | keyof Intl.NumberFormatOptionsUseGroupingRegistry | "true" | "false" | undefined>;
|
|
41
|
+
readonly minimumIntegerDigits: _angular_core.InputSignal<number | undefined>;
|
|
42
|
+
readonly minimumFractionDigits: _angular_core.InputSignal<number | undefined>;
|
|
43
|
+
readonly maximumFractionDigits: _angular_core.InputSignal<number | undefined>;
|
|
44
|
+
readonly minimumSignificantDigits: _angular_core.InputSignal<number | undefined>;
|
|
45
|
+
readonly maximumSignificantDigits: _angular_core.InputSignal<number | undefined>;
|
|
46
|
+
readonly signDisplay: _angular_core.InputSignal<keyof Intl.NumberFormatOptionsSignDisplayRegistry | undefined>;
|
|
47
|
+
readonly roundingPriority: _angular_core.InputSignal<"auto" | "morePrecision" | "lessPrecision" | undefined>;
|
|
48
|
+
readonly roundingIncrement: _angular_core.InputSignal<2 | 1 | 5 | 10 | 20 | 25 | 50 | 100 | 200 | 250 | 500 | 1000 | 2000 | 2500 | 5000 | undefined>;
|
|
49
|
+
readonly roundingMode: _angular_core.InputSignal<"ceil" | "floor" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined>;
|
|
50
|
+
readonly trailingZeroDisplay: _angular_core.InputSignal<"auto" | "stripIfInteger" | undefined>;
|
|
51
|
+
private readonly localeContext;
|
|
52
|
+
protected readonly formatted: _angular_core.Signal<string>;
|
|
53
|
+
private intlOptions;
|
|
54
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormatNumber, never>;
|
|
55
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormatNumber, "format-number", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; "isSignal": true; }; "numberingSystem": { "alias": "numberingSystem"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "currencySign": { "alias": "currencySign"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "notation": { "alias": "notation"; "required": false; "isSignal": true; }; "compactDisplay": { "alias": "compactDisplay"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minimumIntegerDigits": { "alias": "minimumIntegerDigits"; "required": false; "isSignal": true; }; "minimumFractionDigits": { "alias": "minimumFractionDigits"; "required": false; "isSignal": true; }; "maximumFractionDigits": { "alias": "maximumFractionDigits"; "required": false; "isSignal": true; }; "minimumSignificantDigits": { "alias": "minimumSignificantDigits"; "required": false; "isSignal": true; }; "maximumSignificantDigits": { "alias": "maximumSignificantDigits"; "required": false; "isSignal": true; }; "signDisplay": { "alias": "signDisplay"; "required": false; "isSignal": true; }; "roundingPriority": { "alias": "roundingPriority"; "required": false; "isSignal": true; }; "roundingIncrement": { "alias": "roundingIncrement"; "required": false; "isSignal": true; }; "roundingMode": { "alias": "roundingMode"; "required": false; "isSignal": true; }; "trailingZeroDisplay": { "alias": "trailingZeroDisplay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
|
|
59
|
+
value: Date | number;
|
|
60
|
+
unit?: Intl.RelativeTimeFormatUnit;
|
|
61
|
+
locale?: string;
|
|
62
|
+
}
|
|
63
|
+
declare class FormatRelativeTime {
|
|
64
|
+
readonly value: _angular_core.InputSignal<number | Date>;
|
|
65
|
+
readonly unit: _angular_core.InputSignal<Intl.RelativeTimeFormatUnit>;
|
|
66
|
+
readonly locale: _angular_core.InputSignal<string | undefined>;
|
|
67
|
+
readonly options: _angular_core.InputSignal<Intl.RelativeTimeFormatOptions | undefined>;
|
|
68
|
+
readonly localeMatcher: _angular_core.InputSignal<Intl.RelativeTimeFormatLocaleMatcher | undefined>;
|
|
69
|
+
readonly numeric: _angular_core.InputSignal<Intl.RelativeTimeFormatNumeric | undefined>;
|
|
70
|
+
readonly style: _angular_core.InputSignal<Intl.RelativeTimeFormatStyle | undefined>;
|
|
71
|
+
private readonly localeContext;
|
|
72
|
+
protected readonly formatted: _angular_core.Signal<string>;
|
|
73
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormatRelativeTime, never>;
|
|
74
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormatRelativeTime, "format-relative-time", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; "isSignal": true; }; "numeric": { "alias": "numeric"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
interface FormatTimeProps extends FormatTimeOptions {
|
|
78
|
+
value: string | Date;
|
|
79
|
+
locale?: string;
|
|
80
|
+
}
|
|
81
|
+
declare class FormatTime {
|
|
82
|
+
readonly value: _angular_core.InputSignal<string | Date>;
|
|
83
|
+
readonly locale: _angular_core.InputSignal<string | undefined>;
|
|
84
|
+
readonly format: _angular_core.InputSignal<_wirekyt_dom_i18n_utils.TimeFormat | undefined>;
|
|
85
|
+
readonly amLabel: _angular_core.InputSignal<string | undefined>;
|
|
86
|
+
readonly pmLabel: _angular_core.InputSignal<string | undefined>;
|
|
87
|
+
readonly withSeconds: _angular_core.InputSignal<boolean | undefined>;
|
|
88
|
+
private readonly localeContext;
|
|
89
|
+
protected readonly formatted: _angular_core.Signal<string>;
|
|
90
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormatTime, never>;
|
|
91
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormatTime, "format-time", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "amLabel": { "alias": "amLabel"; "required": false; "isSignal": true; }; "pmLabel": { "alias": "pmLabel"; "required": false; "isSignal": true; }; "withSeconds": { "alias": "withSeconds"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
declare namespace format_d {
|
|
95
|
+
export { FormatByte as Byte, FormatNumber as Number, FormatRelativeTime as RelativeTime, FormatTime as Time };
|
|
96
|
+
export type { FormatByteProps as ByteProps, FormatNumberProps as NumberProps, FormatRelativeTimeProps as RelativeTimeProps, FormatTimeProps as TimeProps };
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export { format_d as Format, FormatByte, FormatNumber, FormatRelativeTime, FormatTime };
|
|
100
|
+
export type { FormatByteProps, FormatNumberProps, FormatRelativeTimeProps, FormatTimeProps };
|
|
101
|
+
//# sourceMappingURL=wirekyt-angular-format.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wirekyt-angular-format.d.ts","sources":["../../src/components/format/byte.ts","../../src/components/format/number.ts","../../src/components/format/relative-time.ts","../../src/components/format/time.ts"],"mappings":";;;;AAIM,UAAW,eAAgB,SAAQ,kBAAkB;;;AAG1D;AAED,cAOa,UAAU;oBACP,aAAA,CAAA,WAAA;qBACC,aAAA,CAAA,WAAA;mBACF,aAAA,CAAA,WAAA;0BACO,aAAA,CAAA,WAAA;yBACD,aAAA,CAAA,WAAA;wBACD,aAAA,CAAA,WAAA;AAElB;AACA,kCAA4B,aAAA,CAAA,MAAA;oDATjB,UAAU;sDAAV,UAAU;AAqBtB;;ACjCK,UAAW,iBAAkB,SAAQ,IAAI,CAAC,mBAAmB;;;AAGlE;AAED,cAOa,YAAY;oBACT,aAAA,CAAA,WAAA;qBACC,aAAA,CAAA,WAAA;sBACC,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,mBAAA;4BACM,aAAA,CAAA,WAAA;8BACE,aAAA,CAAA,WAAA;oBAGV,aAAA,CAAA,WAAA,OAAA,IAAA,CAAA,gCAAA;uBACG,aAAA,CAAA,WAAA;8BACO,aAAA,CAAA,WAAA,OAAA,IAAA,CAAA,0CAAA;2BAGH,aAAA,CAAA,WAAA;mBACR,aAAA,CAAA,WAAA;0BACO,aAAA,CAAA,WAAA;uBACH,aAAA,CAAA,WAAA;6BACM,aAAA,CAAA,WAAA;0BAGH,aAAA,CAAA,WAAA,iBAAA,IAAA,CAAA,sCAAA;mCACS,aAAA,CAAA,WAAA;oCACC,aAAA,CAAA,WAAA;oCACA,aAAA,CAAA,WAAA;uCACG,aAAA,CAAA,WAAA;uCACA,aAAA,CAAA,WAAA;0BACb,aAAA,CAAA,WAAA,OAAA,IAAA,CAAA,sCAAA;+BACK,aAAA,CAAA,WAAA;gCAGC,aAAA,CAAA,WAAA;2BAGL,aAAA,CAAA,WAAA;kCACO,aAAA,CAAA,WAAA;AAI5B;AACA,kCAA4B,aAAA,CAAA,MAAA;AAQ5B;oDA/CW,YAAY;sDAAZ,YAAY;AA2ExB;;ACvFK,UAAW,uBAAwB,SAAQ,IAAI,CAAC,yBAAyB;AAC7E,WAAO,IAAI;AACX,WAAO,IAAI,CAAC,sBAAsB;;AAEnC;AAED,cAOa,kBAAkB;oBACf,aAAA,CAAA,WAAA,UAAA,IAAA;mBACD,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,sBAAA;qBACE,aAAA,CAAA,WAAA;sBACC,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,yBAAA;4BACM,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,+BAAA;sBAGN,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,yBAAA;oBACF,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,uBAAA;AAEd;AACA,kCAA4B,aAAA,CAAA,MAAA;oDAZjB,kBAAkB;sDAAlB,kBAAkB;AA4B9B;;ACzCK,UAAW,eAAgB,SAAQ,iBAAiB;AACxD,oBAAgB,IAAI;;AAErB;AAED,cAOa,UAAU;oBACP,aAAA,CAAA,WAAA,UAAA,IAAA;qBACC,aAAA,CAAA,WAAA;qBACA,aAAA,CAAA,WAAA,CAAA,uBAAA,CAAA,UAAA;sBACC,aAAA,CAAA,WAAA;sBACA,aAAA,CAAA,WAAA;0BACI,aAAA,CAAA,WAAA;AAEpB;AACA,kCAA4B,aAAA,CAAA,MAAA;oDATjB,UAAU;sDAAV,UAAU;AAmBtB;;;;;;;;;;;;;;;;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wirekyt/angular",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.21",
|
|
4
4
|
"description": "Angular adapter for Wirekyt",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -95,6 +95,10 @@
|
|
|
95
95
|
"types": "./dist/types/wirekyt-angular-focus-trap.d.ts",
|
|
96
96
|
"default": "./dist/fesm2022/wirekyt-angular-focus-trap.mjs"
|
|
97
97
|
},
|
|
98
|
+
"./format": {
|
|
99
|
+
"types": "./dist/types/wirekyt-angular-format.d.ts",
|
|
100
|
+
"default": "./dist/fesm2022/wirekyt-angular-format.mjs"
|
|
101
|
+
},
|
|
98
102
|
"./presence": {
|
|
99
103
|
"types": "./dist/types/wirekyt-angular-presence.d.ts",
|
|
100
104
|
"default": "./dist/fesm2022/wirekyt-angular-presence.mjs"
|
|
@@ -108,7 +112,7 @@
|
|
|
108
112
|
"dependencies": {
|
|
109
113
|
"@internationalized/date": "^3.12.3",
|
|
110
114
|
"@internationalized/number": "^3.6.7",
|
|
111
|
-
"@wirekyt/dom": "0.0.
|
|
115
|
+
"@wirekyt/dom": "0.0.21",
|
|
112
116
|
"tslib": "^2.8.1"
|
|
113
117
|
},
|
|
114
118
|
"peerDependencies": {
|