@aceshooting/lyra-ui 2.6.0 → 2.8.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/README.md +13 -8
- package/custom-elements.json +3128 -31
- package/dist/components/app-rail/app-rail.class.d.ts +8 -1
- package/dist/components/app-rail/app-rail.class.d.ts.map +1 -1
- package/dist/components/app-rail/app-rail.class.js +12 -2
- package/dist/components/app-rail/app-rail.class.js.map +1 -1
- package/dist/components/chat-composer/chat-composer.class.d.ts +27 -0
- package/dist/components/chat-composer/chat-composer.class.d.ts.map +1 -1
- package/dist/components/chat-composer/chat-composer.class.js +64 -1
- package/dist/components/chat-composer/chat-composer.class.js.map +1 -1
- package/dist/components/checkbox/checkbox.class.d.ts +7 -0
- package/dist/components/checkbox/checkbox.class.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.class.js +7 -0
- package/dist/components/checkbox/checkbox.class.js.map +1 -1
- package/dist/components/chip/chip.class.d.ts +2 -0
- package/dist/components/chip/chip.class.d.ts.map +1 -1
- package/dist/components/chip/chip.class.js +3 -1
- package/dist/components/chip/chip.class.js.map +1 -1
- package/dist/components/chip/chip.styles.d.ts.map +1 -1
- package/dist/components/chip/chip.styles.js +4 -1
- package/dist/components/chip/chip.styles.js.map +1 -1
- package/dist/components/combobox/combobox.class.d.ts +16 -0
- package/dist/components/combobox/combobox.class.d.ts.map +1 -1
- package/dist/components/combobox/combobox.class.js +47 -2
- package/dist/components/combobox/combobox.class.js.map +1 -1
- package/dist/components/combobox/combobox.styles.d.ts.map +1 -1
- package/dist/components/combobox/combobox.styles.js +56 -6
- package/dist/components/combobox/combobox.styles.js.map +1 -1
- package/dist/components/conversation-item/conversation-item.class.d.ts +14 -0
- package/dist/components/conversation-item/conversation-item.class.d.ts.map +1 -1
- package/dist/components/conversation-item/conversation-item.class.js +38 -0
- package/dist/components/conversation-item/conversation-item.class.js.map +1 -1
- package/dist/components/date-picker/date-input.class.d.ts +25 -0
- package/dist/components/date-picker/date-input.class.d.ts.map +1 -1
- package/dist/components/date-picker/date-input.class.js +61 -0
- package/dist/components/date-picker/date-input.class.js.map +1 -1
- package/dist/components/dialog/dialog.class.d.ts +13 -1
- package/dist/components/dialog/dialog.class.d.ts.map +1 -1
- package/dist/components/dialog/dialog.class.js +24 -8
- package/dist/components/dialog/dialog.class.js.map +1 -1
- package/dist/components/empty/empty.class.d.ts +2 -0
- package/dist/components/empty/empty.class.d.ts.map +1 -1
- package/dist/components/empty/empty.class.js +2 -0
- package/dist/components/empty/empty.class.js.map +1 -1
- package/dist/components/empty/empty.styles.d.ts.map +1 -1
- package/dist/components/empty/empty.styles.js +5 -2
- package/dist/components/empty/empty.styles.js.map +1 -1
- package/dist/components/export-button/export-button.class.d.ts +19 -2
- package/dist/components/export-button/export-button.class.d.ts.map +1 -1
- package/dist/components/export-button/export-button.class.js +32 -8
- package/dist/components/export-button/export-button.class.js.map +1 -1
- package/dist/components/export-button/export-button.styles.d.ts.map +1 -1
- package/dist/components/export-button/export-button.styles.js +8 -1
- package/dist/components/export-button/export-button.styles.js.map +1 -1
- package/dist/components/gauge/gauge.class.d.ts +6 -2
- package/dist/components/gauge/gauge.class.d.ts.map +1 -1
- package/dist/components/gauge/gauge.class.js +40 -4
- package/dist/components/gauge/gauge.class.js.map +1 -1
- package/dist/components/gauge/gauge.styles.js +1 -1
- package/dist/components/graph/graph.class.d.ts +28 -1
- package/dist/components/graph/graph.class.d.ts.map +1 -1
- package/dist/components/graph/graph.class.js +94 -42
- package/dist/components/graph/graph.class.js.map +1 -1
- package/dist/components/graph/graph.styles.d.ts.map +1 -1
- package/dist/components/graph/graph.styles.js +4 -1
- package/dist/components/graph/graph.styles.js.map +1 -1
- package/dist/components/map/map.class.d.ts +4 -2
- package/dist/components/map/map.class.d.ts.map +1 -1
- package/dist/components/map/map.class.js +5 -3
- package/dist/components/map/map.class.js.map +1 -1
- package/dist/components/mention-popover/mention-popover.class.d.ts +9 -4
- package/dist/components/mention-popover/mention-popover.class.d.ts.map +1 -1
- package/dist/components/mention-popover/mention-popover.class.js +11 -5
- package/dist/components/mention-popover/mention-popover.class.js.map +1 -1
- package/dist/components/menu/menu.class.d.ts +10 -4
- package/dist/components/menu/menu.class.d.ts.map +1 -1
- package/dist/components/menu/menu.class.js +11 -5
- package/dist/components/menu/menu.class.js.map +1 -1
- package/dist/components/model-select/model-select.class.d.ts +44 -0
- package/dist/components/model-select/model-select.class.d.ts.map +1 -1
- package/dist/components/model-select/model-select.class.js +125 -0
- package/dist/components/model-select/model-select.class.js.map +1 -1
- package/dist/components/model-select/model-select.styles.d.ts.map +1 -1
- package/dist/components/model-select/model-select.styles.js +21 -0
- package/dist/components/model-select/model-select.styles.js.map +1 -1
- package/dist/components/pagination/pagination.class.d.ts +81 -0
- package/dist/components/pagination/pagination.class.d.ts.map +1 -0
- package/dist/components/pagination/pagination.class.js +278 -0
- package/dist/components/pagination/pagination.class.js.map +1 -0
- package/dist/components/pagination/pagination.d.ts +2 -0
- package/dist/components/pagination/pagination.d.ts.map +1 -0
- package/dist/components/pagination/pagination.js +5 -0
- package/dist/components/pagination/pagination.js.map +1 -0
- package/dist/components/pagination/pagination.styles.d.ts +2 -0
- package/dist/components/pagination/pagination.styles.d.ts.map +1 -0
- package/dist/components/pagination/pagination.styles.js +142 -0
- package/dist/components/pagination/pagination.styles.js.map +1 -0
- package/dist/components/phone-input/phone-input.class.d.ts +191 -0
- package/dist/components/phone-input/phone-input.class.d.ts.map +1 -0
- package/dist/components/phone-input/phone-input.class.js +493 -0
- package/dist/components/phone-input/phone-input.class.js.map +1 -0
- package/dist/components/phone-input/phone-input.d.ts +2 -0
- package/dist/components/phone-input/phone-input.d.ts.map +1 -0
- package/dist/components/phone-input/phone-input.js +5 -0
- package/dist/components/phone-input/phone-input.js.map +1 -0
- package/dist/components/phone-input/phone-input.styles.d.ts +2 -0
- package/dist/components/phone-input/phone-input.styles.d.ts.map +1 -0
- package/dist/components/phone-input/phone-input.styles.js +123 -0
- package/dist/components/phone-input/phone-input.styles.js.map +1 -0
- package/dist/components/segmented/segmented.class.d.ts +1 -0
- package/dist/components/segmented/segmented.class.d.ts.map +1 -1
- package/dist/components/segmented/segmented.class.js +1 -0
- package/dist/components/segmented/segmented.class.js.map +1 -1
- package/dist/components/slider/slider.class.d.ts +3 -0
- package/dist/components/slider/slider.class.d.ts.map +1 -1
- package/dist/components/slider/slider.class.js +3 -0
- package/dist/components/slider/slider.class.js.map +1 -1
- package/dist/components/switch/switch.class.d.ts +20 -0
- package/dist/components/switch/switch.class.d.ts.map +1 -1
- package/dist/components/switch/switch.class.js +83 -23
- package/dist/components/switch/switch.class.js.map +1 -1
- package/dist/components/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/switch/switch.styles.js +18 -0
- package/dist/components/switch/switch.styles.js.map +1 -1
- package/dist/components/table/table.class.d.ts +22 -6
- package/dist/components/table/table.class.d.ts.map +1 -1
- package/dist/components/table/table.class.js +20 -6
- package/dist/components/table/table.class.js.map +1 -1
- package/dist/components/textarea/textarea.class.d.ts +86 -7
- package/dist/components/textarea/textarea.class.d.ts.map +1 -1
- package/dist/components/textarea/textarea.class.js +305 -21
- package/dist/components/textarea/textarea.class.js.map +1 -1
- package/dist/components/textarea/textarea.styles.d.ts.map +1 -1
- package/dist/components/textarea/textarea.styles.js +36 -0
- package/dist/components/textarea/textarea.styles.js.map +1 -1
- package/dist/components/time-range/time-range.class.d.ts +4 -0
- package/dist/components/time-range/time-range.class.d.ts.map +1 -1
- package/dist/components/time-range/time-range.class.js +4 -0
- package/dist/components/time-range/time-range.class.js.map +1 -1
- package/dist/components/tool-approval-dialog/tool-approval-dialog.class.d.ts +6 -0
- package/dist/components/tool-approval-dialog/tool-approval-dialog.class.d.ts.map +1 -1
- package/dist/components/tool-approval-dialog/tool-approval-dialog.class.js +8 -0
- package/dist/components/tool-approval-dialog/tool-approval-dialog.class.js.map +1 -1
- package/dist/components/tree/tree-node.class.d.ts +3 -0
- package/dist/components/tree/tree-node.class.d.ts.map +1 -1
- package/dist/components/tree/tree-node.class.js +16 -1
- package/dist/components/tree/tree-node.class.js.map +1 -1
- package/dist/components/tree/tree-node.styles.d.ts.map +1 -1
- package/dist/components/tree/tree-node.styles.js +27 -1
- package/dist/components/tree/tree-node.styles.js.map +1 -1
- package/dist/components/tree/tree.class.d.ts +11 -1
- package/dist/components/tree/tree.class.d.ts.map +1 -1
- package/dist/components/tree/tree.class.js +6 -2
- package/dist/components/tree/tree.class.js.map +1 -1
- package/dist/components/typing-indicator/typing-indicator.class.d.ts +4 -0
- package/dist/components/typing-indicator/typing-indicator.class.d.ts.map +1 -1
- package/dist/components/typing-indicator/typing-indicator.class.js +4 -0
- package/dist/components/typing-indicator/typing-indicator.class.js.map +1 -1
- package/dist/components/typing-indicator/typing-indicator.styles.d.ts.map +1 -1
- package/dist/components/typing-indicator/typing-indicator.styles.js +9 -7
- package/dist/components/typing-indicator/typing-indicator.styles.js.map +1 -1
- package/dist/internal/localization.d.ts +1 -1
- package/dist/internal/localization.d.ts.map +1 -1
- package/dist/internal/localization.js +5 -0
- package/dist/internal/localization.js.map +1 -1
- package/dist/internal/root-registration-allowlist.d.ts +1 -1
- package/dist/internal/root-registration-allowlist.d.ts.map +1 -1
- package/dist/internal/root-registration-allowlist.js +2 -0
- package/dist/internal/root-registration-allowlist.js.map +1 -1
- package/dist/lyra.d.ts +11 -3
- package/dist/lyra.d.ts.map +1 -1
- package/dist/lyra.js +4 -0
- package/dist/lyra.js.map +1 -1
- package/llms-full.txt +573 -94
- package/llms.txt +5 -3
- package/package.json +9 -1
|
@@ -0,0 +1,493 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { html, nothing } from 'lit';
|
|
8
|
+
import { property, query, state } from 'lit/decorators.js';
|
|
9
|
+
import { nextId } from '../../internal/a11y.js';
|
|
10
|
+
import { SET_ANCHORED_VALIDITY, VALIDITY_ANCHOR } from '../../internal/anchored-validity.js';
|
|
11
|
+
import { FormAssociated } from '../../internal/form-associated.js';
|
|
12
|
+
import { LyraElement } from '../../internal/lyra-element.js';
|
|
13
|
+
import { styles } from './phone-input.styles.js';
|
|
14
|
+
/**
|
|
15
|
+
* Lazily creates an adapter from a `libphonenumber-js`-compatible module.
|
|
16
|
+
* Keeping the loader consumer-supplied avoids a static import, so neither the
|
|
17
|
+
* dependency nor its numbering metadata enters Lyra's base bundle.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* `el.adapter = await loadLibphonenumberAdapter(() => import('libphonenumber-js/min'))`
|
|
21
|
+
*/
|
|
22
|
+
export async function loadLibphonenumberAdapter(loader) {
|
|
23
|
+
const module = await loader();
|
|
24
|
+
const countries = module.getCountries().map((code) => ({
|
|
25
|
+
code: normalizeCountry(code),
|
|
26
|
+
callingCode: module.getCountryCallingCode(code),
|
|
27
|
+
}));
|
|
28
|
+
return {
|
|
29
|
+
countries,
|
|
30
|
+
parse(input, country) {
|
|
31
|
+
const raw = input.trim();
|
|
32
|
+
if (!raw)
|
|
33
|
+
return { status: 'empty' };
|
|
34
|
+
const normalizedCountry = country ? normalizeCountry(country) : undefined;
|
|
35
|
+
const phone = module.parsePhoneNumberFromString(raw, normalizedCountry);
|
|
36
|
+
if (!phone) {
|
|
37
|
+
const length = module.validatePhoneNumberLength?.(raw, normalizedCountry);
|
|
38
|
+
return {
|
|
39
|
+
status: length === 'TOO_SHORT' || isDialLike(raw) ? 'incomplete' : 'invalid',
|
|
40
|
+
formatted: raw,
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
const formatted = raw.startsWith('+') ? phone.formatInternational() : phone.formatNational();
|
|
44
|
+
if (phone.isValid()) {
|
|
45
|
+
return {
|
|
46
|
+
status: 'valid',
|
|
47
|
+
e164: phone.number,
|
|
48
|
+
formatted,
|
|
49
|
+
country: phone.country ? normalizeCountry(phone.country) : normalizedCountry,
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
const length = module.validatePhoneNumberLength?.(raw, normalizedCountry);
|
|
53
|
+
return {
|
|
54
|
+
status: length === 'TOO_SHORT' || (!length && !phone.isPossible()) ? 'incomplete' : 'invalid',
|
|
55
|
+
formatted,
|
|
56
|
+
country: phone.country ? normalizeCountry(phone.country) : normalizedCountry,
|
|
57
|
+
};
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
class LyraPhoneInputBase extends LyraElement {
|
|
62
|
+
}
|
|
63
|
+
const E164_RE = /^\+[1-9]\d{1,14}$/;
|
|
64
|
+
const DIAL_LIKE_RE = /^[+\d\s().-]+$/;
|
|
65
|
+
function normalizeCountry(country) {
|
|
66
|
+
return country.trim().toUpperCase();
|
|
67
|
+
}
|
|
68
|
+
function isDialLike(value) {
|
|
69
|
+
return DIAL_LIKE_RE.test(value.trim());
|
|
70
|
+
}
|
|
71
|
+
function fallbackParse(input) {
|
|
72
|
+
const raw = input.trim();
|
|
73
|
+
if (!raw)
|
|
74
|
+
return { status: 'empty' };
|
|
75
|
+
const compact = raw.replace(/[\s().-]/g, '');
|
|
76
|
+
if (E164_RE.test(compact))
|
|
77
|
+
return { status: 'valid', e164: compact, formatted: raw };
|
|
78
|
+
if (isDialLike(raw))
|
|
79
|
+
return { status: 'incomplete', formatted: raw };
|
|
80
|
+
return { status: 'invalid', formatted: raw };
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* `<lyra-phone-input>` — a country-aware telephone field whose form value is
|
|
84
|
+
* canonical E.164. National formatting and numbering-plan validation are
|
|
85
|
+
* supplied through `adapter`; without one, already-international E.164 input
|
|
86
|
+
* remains useful and national input stays editable with `incomplete` validity.
|
|
87
|
+
*
|
|
88
|
+
* User edits emit native-style `input` and `change` events. Event detail
|
|
89
|
+
* exposes both the canonical `value` and editable `inputValue`; programmatic
|
|
90
|
+
* property changes are silent. Phone-number text is deliberately LTR while
|
|
91
|
+
* the form chrome and country selector follow the inherited direction.
|
|
92
|
+
*
|
|
93
|
+
* @customElement lyra-phone-input
|
|
94
|
+
* @slot label - Custom label content.
|
|
95
|
+
* @slot hint - Custom hint content.
|
|
96
|
+
* @slot error - Custom error content.
|
|
97
|
+
* @slot country-prefix - Optional visual displayed before the country selector, such as a flag.
|
|
98
|
+
* @event input - Fired for user edits and country changes; detail contains canonical and display values.
|
|
99
|
+
* @event change - Fired when the native input commits or the country changes.
|
|
100
|
+
* @event focus - Fired when the internal telephone input receives focus.
|
|
101
|
+
* @event blur - Fired when the internal telephone input loses focus.
|
|
102
|
+
* @csspart form-control - The outer form-control wrapper.
|
|
103
|
+
* @csspart form-control-label - The visible label.
|
|
104
|
+
* @csspart input-wrapper - The country selector and telephone input wrapper.
|
|
105
|
+
* @csspart country-prefix - Optional country adornment slot wrapper.
|
|
106
|
+
* @csspart country-select - The native country selector.
|
|
107
|
+
* @csspart calling-code - The selected country's calling code.
|
|
108
|
+
* @csspart input - The native telephone input.
|
|
109
|
+
* @csspart hint - The hint message.
|
|
110
|
+
* @csspart error - The error or validation message.
|
|
111
|
+
*/
|
|
112
|
+
export class LyraPhoneInput extends FormAssociated(LyraPhoneInputBase) {
|
|
113
|
+
constructor() {
|
|
114
|
+
super(...arguments);
|
|
115
|
+
/** Explicit country rows. Takes precedence over `adapter.countries`. */
|
|
116
|
+
this.countries = [];
|
|
117
|
+
/** Country selected when no explicit `country` has been set. */
|
|
118
|
+
this.defaultCountry = '';
|
|
119
|
+
this.label = '';
|
|
120
|
+
this.hint = '';
|
|
121
|
+
this.errorText = '';
|
|
122
|
+
this.placeholder = '';
|
|
123
|
+
this.accessibleLabel = null;
|
|
124
|
+
/** Accessible name for the country selector. */
|
|
125
|
+
this.countryLabel = 'Select';
|
|
126
|
+
/** Accessible-name override for the telephone input. */
|
|
127
|
+
this.phoneLabel = '';
|
|
128
|
+
/** Validation message for a number that may still become valid with more digits. */
|
|
129
|
+
this.incompleteText = 'The value is invalid.';
|
|
130
|
+
/** Validation message for a completed but invalid number. */
|
|
131
|
+
this.invalidText = 'The value is invalid.';
|
|
132
|
+
this.autocomplete = 'tel';
|
|
133
|
+
this.inputmode = 'tel';
|
|
134
|
+
this.enterkeyhint = '';
|
|
135
|
+
this.editableValue = '';
|
|
136
|
+
this.status = 'empty';
|
|
137
|
+
this.touched = false;
|
|
138
|
+
this.hasLabelSlot = false;
|
|
139
|
+
this.hasHintSlot = false;
|
|
140
|
+
this.hasErrorSlot = false;
|
|
141
|
+
this.hasCountryPrefixSlot = false;
|
|
142
|
+
this.inputId = nextId('phone-input');
|
|
143
|
+
this.hintId = nextId('phone-hint');
|
|
144
|
+
this.errorId = nextId('phone-error');
|
|
145
|
+
this.explicitCountry = '';
|
|
146
|
+
this.onInput = (event) => {
|
|
147
|
+
event.stopPropagation();
|
|
148
|
+
const input = event.currentTarget;
|
|
149
|
+
this.applyParsed(input.value, this.parse(input.value));
|
|
150
|
+
input.value = this.editableValue;
|
|
151
|
+
this.emit('input', this.eventDetail);
|
|
152
|
+
};
|
|
153
|
+
this.onChange = (event) => {
|
|
154
|
+
event.stopPropagation();
|
|
155
|
+
this.touched = true;
|
|
156
|
+
this.emit('change', this.eventDetail);
|
|
157
|
+
};
|
|
158
|
+
this.onCountryChange = (event) => {
|
|
159
|
+
event.stopPropagation();
|
|
160
|
+
this.country = normalizeCountry(event.currentTarget.value);
|
|
161
|
+
this.applyParsed(this.editableValue, this.parse(this.editableValue));
|
|
162
|
+
this.emit('input', this.eventDetail);
|
|
163
|
+
this.emit('change', this.eventDetail);
|
|
164
|
+
};
|
|
165
|
+
this.onFocus = (event) => {
|
|
166
|
+
event.stopPropagation();
|
|
167
|
+
this.emit('focus');
|
|
168
|
+
};
|
|
169
|
+
this.onBlur = (event) => {
|
|
170
|
+
event.stopPropagation();
|
|
171
|
+
this.touched = true;
|
|
172
|
+
this.emit('blur');
|
|
173
|
+
};
|
|
174
|
+
this.onLabelSlotChange = (event) => {
|
|
175
|
+
this.hasLabelSlot = event.currentTarget.assignedElements({ flatten: true }).length > 0;
|
|
176
|
+
};
|
|
177
|
+
this.onHintSlotChange = (event) => {
|
|
178
|
+
this.hasHintSlot = event.currentTarget.assignedElements({ flatten: true }).length > 0;
|
|
179
|
+
};
|
|
180
|
+
this.onErrorSlotChange = (event) => {
|
|
181
|
+
this.hasErrorSlot = event.currentTarget.assignedElements({ flatten: true }).length > 0;
|
|
182
|
+
};
|
|
183
|
+
this.onCountryPrefixSlotChange = (event) => {
|
|
184
|
+
this.hasCountryPrefixSlot =
|
|
185
|
+
event.currentTarget.assignedElements({ flatten: true }).length > 0;
|
|
186
|
+
};
|
|
187
|
+
}
|
|
188
|
+
static { this.styles = [LyraElement.styles, styles]; }
|
|
189
|
+
static { this.properties = {
|
|
190
|
+
country: { noAccessor: true },
|
|
191
|
+
}; }
|
|
192
|
+
/** Currently selected ISO 3166-1 alpha-2 country code. */
|
|
193
|
+
get country() {
|
|
194
|
+
const firstCountry = this.countries[0]?.code ?? this.adapter?.countries?.[0]?.code ?? '';
|
|
195
|
+
return normalizeCountry(this.explicitCountry || this.defaultCountry || firstCountry);
|
|
196
|
+
}
|
|
197
|
+
set country(next) {
|
|
198
|
+
const old = this.country;
|
|
199
|
+
this.explicitCountry = normalizeCountry(next ?? '');
|
|
200
|
+
this.requestUpdate('country', old);
|
|
201
|
+
}
|
|
202
|
+
/** The underlying telephone input for platform-specific integrations. */
|
|
203
|
+
get input() {
|
|
204
|
+
return this.inputElement;
|
|
205
|
+
}
|
|
206
|
+
/** Editable display text, including a partial or invalid number. */
|
|
207
|
+
get inputValue() {
|
|
208
|
+
return this.editableValue;
|
|
209
|
+
}
|
|
210
|
+
/** Current parse/validation state. */
|
|
211
|
+
get phoneStatus() {
|
|
212
|
+
return this.status;
|
|
213
|
+
}
|
|
214
|
+
/** @internal */
|
|
215
|
+
[VALIDITY_ANCHOR]() {
|
|
216
|
+
return this.inputElement ?? null;
|
|
217
|
+
}
|
|
218
|
+
get value() {
|
|
219
|
+
return super.value;
|
|
220
|
+
}
|
|
221
|
+
set value(next) {
|
|
222
|
+
const raw = next ?? '';
|
|
223
|
+
const parsed = this.parse(raw);
|
|
224
|
+
this.applyParsed(raw, parsed);
|
|
225
|
+
}
|
|
226
|
+
get selectedCountry() {
|
|
227
|
+
return this.country;
|
|
228
|
+
}
|
|
229
|
+
get availableCountries() {
|
|
230
|
+
const source = this.countries.length ? this.countries : (this.adapter?.countries ?? []);
|
|
231
|
+
const seen = new Set();
|
|
232
|
+
const rows = [];
|
|
233
|
+
for (const item of source) {
|
|
234
|
+
const code = normalizeCountry(item.code);
|
|
235
|
+
if (!/^[A-Z]{2}$/.test(code) || seen.has(code))
|
|
236
|
+
continue;
|
|
237
|
+
seen.add(code);
|
|
238
|
+
rows.push({ ...item, code, callingCode: item.callingCode.replace(/^\+/, '') });
|
|
239
|
+
}
|
|
240
|
+
if (rows.length === 0 && this.selectedCountry) {
|
|
241
|
+
rows.push({ code: this.selectedCountry, callingCode: '' });
|
|
242
|
+
}
|
|
243
|
+
return rows;
|
|
244
|
+
}
|
|
245
|
+
parse(input) {
|
|
246
|
+
if (!this.adapter)
|
|
247
|
+
return fallbackParse(input);
|
|
248
|
+
try {
|
|
249
|
+
const parsed = this.adapter.parse(input, this.selectedCountry || undefined);
|
|
250
|
+
if (parsed.status === 'valid' && (!parsed.e164 || !E164_RE.test(parsed.e164))) {
|
|
251
|
+
return { status: 'invalid', formatted: parsed.formatted ?? input, country: parsed.country };
|
|
252
|
+
}
|
|
253
|
+
return parsed;
|
|
254
|
+
}
|
|
255
|
+
catch {
|
|
256
|
+
return fallbackParse(input);
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
applyParsed(raw, parsed) {
|
|
260
|
+
this.editableValue = parsed.formatted ?? raw;
|
|
261
|
+
this.status = parsed.status;
|
|
262
|
+
if (parsed.country)
|
|
263
|
+
this.country = normalizeCountry(parsed.country);
|
|
264
|
+
super.value = parsed.status === 'valid' ? parsed.e164 : '';
|
|
265
|
+
this.setAttribute('data-phone-status', parsed.status);
|
|
266
|
+
}
|
|
267
|
+
get eventDetail() {
|
|
268
|
+
return {
|
|
269
|
+
value: super.value,
|
|
270
|
+
inputValue: this.editableValue,
|
|
271
|
+
country: this.selectedCountry,
|
|
272
|
+
valid: this.internals.validity.valid,
|
|
273
|
+
status: this.status,
|
|
274
|
+
};
|
|
275
|
+
}
|
|
276
|
+
get effectiveCountryLabel() {
|
|
277
|
+
return this.localize('select', this.countryLabel === 'Select' ? undefined : this.countryLabel);
|
|
278
|
+
}
|
|
279
|
+
get effectivePhoneLabel() {
|
|
280
|
+
return this.phoneLabel || this.accessibleLabel || this.label || this.placeholder || undefined;
|
|
281
|
+
}
|
|
282
|
+
get incompleteMessage() {
|
|
283
|
+
return this.localize('valueInvalid', this.incompleteText === 'The value is invalid.' ? undefined : this.incompleteText);
|
|
284
|
+
}
|
|
285
|
+
get invalidMessage() {
|
|
286
|
+
return this.localize('valueInvalid', this.invalidText === 'The value is invalid.' ? undefined : this.invalidText);
|
|
287
|
+
}
|
|
288
|
+
countryName(row) {
|
|
289
|
+
if (row.label)
|
|
290
|
+
return row.label;
|
|
291
|
+
try {
|
|
292
|
+
return new Intl.DisplayNames([this.effectiveLocale], { type: 'region' }).of(row.code) ?? row.code;
|
|
293
|
+
}
|
|
294
|
+
catch {
|
|
295
|
+
return row.code;
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
updateValidity() {
|
|
299
|
+
const flags = {};
|
|
300
|
+
let message = '';
|
|
301
|
+
if (this.required && this.status === 'empty') {
|
|
302
|
+
flags.valueMissing = true;
|
|
303
|
+
message = this.localize('fieldRequired');
|
|
304
|
+
}
|
|
305
|
+
else if (this.status === 'incomplete') {
|
|
306
|
+
flags.badInput = true;
|
|
307
|
+
message = this.incompleteMessage;
|
|
308
|
+
}
|
|
309
|
+
else if (this.status === 'invalid') {
|
|
310
|
+
flags.typeMismatch = true;
|
|
311
|
+
message = this.invalidMessage;
|
|
312
|
+
}
|
|
313
|
+
this[SET_ANCHORED_VALIDITY](flags, message);
|
|
314
|
+
}
|
|
315
|
+
willUpdate(changed) {
|
|
316
|
+
if (!this.hasUpdated) {
|
|
317
|
+
this.hasLabelSlot = Array.from(this.children).some((child) => child.getAttribute('slot') === 'label');
|
|
318
|
+
this.hasHintSlot = Array.from(this.children).some((child) => child.getAttribute('slot') === 'hint');
|
|
319
|
+
this.hasErrorSlot = Array.from(this.children).some((child) => child.getAttribute('slot') === 'error');
|
|
320
|
+
this.hasCountryPrefixSlot = Array.from(this.children).some((child) => child.getAttribute('slot') === 'country-prefix');
|
|
321
|
+
}
|
|
322
|
+
if ((changed.has('adapter') || changed.has('country') || changed.has('defaultCountry')) &&
|
|
323
|
+
this.editableValue) {
|
|
324
|
+
this.applyParsed(this.editableValue, this.parse(this.editableValue));
|
|
325
|
+
}
|
|
326
|
+
}
|
|
327
|
+
updated(changed) {
|
|
328
|
+
super.updated(changed);
|
|
329
|
+
if (changed.has('touched') ||
|
|
330
|
+
changed.has('required') ||
|
|
331
|
+
changed.has('value') ||
|
|
332
|
+
changed.has('status')) {
|
|
333
|
+
const invalid = this.touched && !this.internals.validity.valid;
|
|
334
|
+
this.toggleAttribute('data-invalid', invalid);
|
|
335
|
+
if (invalid)
|
|
336
|
+
this.setAttribute('aria-invalid', 'true');
|
|
337
|
+
else
|
|
338
|
+
this.removeAttribute('aria-invalid');
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
/** Focus the internal telephone input. */
|
|
342
|
+
focus(options) {
|
|
343
|
+
this.inputElement?.focus(options);
|
|
344
|
+
}
|
|
345
|
+
/** Blur the internal telephone input. */
|
|
346
|
+
blur() {
|
|
347
|
+
this.inputElement?.blur();
|
|
348
|
+
}
|
|
349
|
+
/** Select all editable telephone text. */
|
|
350
|
+
select() {
|
|
351
|
+
this.inputElement?.select();
|
|
352
|
+
}
|
|
353
|
+
formResetCallback() {
|
|
354
|
+
this.country = normalizeCountry(this.defaultCountry || this.availableCountries[0]?.code || '');
|
|
355
|
+
super.formResetCallback();
|
|
356
|
+
this.touched = false;
|
|
357
|
+
}
|
|
358
|
+
render() {
|
|
359
|
+
const hasLabel = Boolean(this.label || this.hasLabelSlot);
|
|
360
|
+
const validationError = this.touched ? this.validationMessage : '';
|
|
361
|
+
const renderedError = this.errorText || validationError;
|
|
362
|
+
const hasHint = Boolean(this.hint || this.hasHintSlot);
|
|
363
|
+
const hasError = Boolean(renderedError || this.hasErrorSlot);
|
|
364
|
+
const describedBy = [hasHint ? this.hintId : '', hasError ? this.errorId : ''].filter(Boolean).join(' ');
|
|
365
|
+
const rows = this.availableCountries;
|
|
366
|
+
const current = rows.find((row) => row.code === this.selectedCountry);
|
|
367
|
+
return html `
|
|
368
|
+
<div part="form-control">
|
|
369
|
+
<label part="form-control-label" for=${this.inputId} ?hidden=${!hasLabel}>
|
|
370
|
+
<slot name="label" @slotchange=${this.onLabelSlotChange}>${this.label}</slot>
|
|
371
|
+
</label>
|
|
372
|
+
<div part="input-wrapper">
|
|
373
|
+
<span part="country-prefix" ?hidden=${!this.hasCountryPrefixSlot}>
|
|
374
|
+
<slot name="country-prefix" @slotchange=${this.onCountryPrefixSlotChange}></slot>
|
|
375
|
+
</span>
|
|
376
|
+
<select
|
|
377
|
+
part="country-select"
|
|
378
|
+
aria-label=${this.effectiveCountryLabel}
|
|
379
|
+
.value=${this.selectedCountry}
|
|
380
|
+
?disabled=${this.effectiveDisabled || rows.length === 0}
|
|
381
|
+
@change=${this.onCountryChange}
|
|
382
|
+
>
|
|
383
|
+
${rows.length === 0
|
|
384
|
+
? html `<option value="">${this.effectiveCountryLabel}</option>`
|
|
385
|
+
: rows.map((row) => html `<option
|
|
386
|
+
value=${row.code}
|
|
387
|
+
?selected=${row.code === this.selectedCountry}
|
|
388
|
+
>${this.countryName(row)}${row.callingCode ? ` (+${row.callingCode})` : ''}</option>`)}
|
|
389
|
+
</select>
|
|
390
|
+
${current?.callingCode
|
|
391
|
+
? html `<span part="calling-code" aria-hidden="true">+${current.callingCode}</span>`
|
|
392
|
+
: nothing}
|
|
393
|
+
<input
|
|
394
|
+
id=${this.inputId}
|
|
395
|
+
part="input"
|
|
396
|
+
type="tel"
|
|
397
|
+
dir="ltr"
|
|
398
|
+
.value=${this.editableValue}
|
|
399
|
+
placeholder=${this.placeholder}
|
|
400
|
+
autocomplete=${this.autocomplete}
|
|
401
|
+
inputmode=${this.inputmode}
|
|
402
|
+
enterkeyhint=${this.enterkeyhint || nothing}
|
|
403
|
+
aria-label=${this.effectivePhoneLabel ?? nothing}
|
|
404
|
+
aria-describedby=${describedBy || nothing}
|
|
405
|
+
aria-invalid=${this.touched && !this.internals.validity.valid ? 'true' : 'false'}
|
|
406
|
+
?required=${this.required}
|
|
407
|
+
?disabled=${this.effectiveDisabled}
|
|
408
|
+
@input=${this.onInput}
|
|
409
|
+
@change=${this.onChange}
|
|
410
|
+
@focus=${this.onFocus}
|
|
411
|
+
@blur=${this.onBlur}
|
|
412
|
+
/>
|
|
413
|
+
</div>
|
|
414
|
+
<div id=${this.hintId} part="hint" ?hidden=${!hasHint}>
|
|
415
|
+
<slot name="hint" @slotchange=${this.onHintSlotChange}>${this.hint}</slot>
|
|
416
|
+
</div>
|
|
417
|
+
<div id=${this.errorId} part="error" role="alert" ?hidden=${!hasError}>
|
|
418
|
+
<slot name="error" @slotchange=${this.onErrorSlotChange}>${renderedError}</slot>
|
|
419
|
+
</div>
|
|
420
|
+
</div>
|
|
421
|
+
`;
|
|
422
|
+
}
|
|
423
|
+
}
|
|
424
|
+
__decorate([
|
|
425
|
+
property({ attribute: false })
|
|
426
|
+
], LyraPhoneInput.prototype, "adapter", void 0);
|
|
427
|
+
__decorate([
|
|
428
|
+
property({ attribute: false })
|
|
429
|
+
], LyraPhoneInput.prototype, "countries", void 0);
|
|
430
|
+
__decorate([
|
|
431
|
+
property({ attribute: 'default-country' })
|
|
432
|
+
], LyraPhoneInput.prototype, "defaultCountry", void 0);
|
|
433
|
+
__decorate([
|
|
434
|
+
property()
|
|
435
|
+
], LyraPhoneInput.prototype, "label", void 0);
|
|
436
|
+
__decorate([
|
|
437
|
+
property()
|
|
438
|
+
], LyraPhoneInput.prototype, "hint", void 0);
|
|
439
|
+
__decorate([
|
|
440
|
+
property({ attribute: 'error-text' })
|
|
441
|
+
], LyraPhoneInput.prototype, "errorText", void 0);
|
|
442
|
+
__decorate([
|
|
443
|
+
property()
|
|
444
|
+
], LyraPhoneInput.prototype, "placeholder", void 0);
|
|
445
|
+
__decorate([
|
|
446
|
+
property({ attribute: 'aria-label' })
|
|
447
|
+
], LyraPhoneInput.prototype, "accessibleLabel", void 0);
|
|
448
|
+
__decorate([
|
|
449
|
+
property({ attribute: 'country-label' })
|
|
450
|
+
], LyraPhoneInput.prototype, "countryLabel", void 0);
|
|
451
|
+
__decorate([
|
|
452
|
+
property({ attribute: 'phone-label' })
|
|
453
|
+
], LyraPhoneInput.prototype, "phoneLabel", void 0);
|
|
454
|
+
__decorate([
|
|
455
|
+
property({ attribute: 'incomplete-text' })
|
|
456
|
+
], LyraPhoneInput.prototype, "incompleteText", void 0);
|
|
457
|
+
__decorate([
|
|
458
|
+
property({ attribute: 'invalid-text' })
|
|
459
|
+
], LyraPhoneInput.prototype, "invalidText", void 0);
|
|
460
|
+
__decorate([
|
|
461
|
+
property()
|
|
462
|
+
], LyraPhoneInput.prototype, "autocomplete", void 0);
|
|
463
|
+
__decorate([
|
|
464
|
+
property()
|
|
465
|
+
], LyraPhoneInput.prototype, "inputmode", void 0);
|
|
466
|
+
__decorate([
|
|
467
|
+
property()
|
|
468
|
+
], LyraPhoneInput.prototype, "enterkeyhint", void 0);
|
|
469
|
+
__decorate([
|
|
470
|
+
query('input[part="input"]')
|
|
471
|
+
], LyraPhoneInput.prototype, "inputElement", void 0);
|
|
472
|
+
__decorate([
|
|
473
|
+
state()
|
|
474
|
+
], LyraPhoneInput.prototype, "editableValue", void 0);
|
|
475
|
+
__decorate([
|
|
476
|
+
state()
|
|
477
|
+
], LyraPhoneInput.prototype, "status", void 0);
|
|
478
|
+
__decorate([
|
|
479
|
+
state()
|
|
480
|
+
], LyraPhoneInput.prototype, "touched", void 0);
|
|
481
|
+
__decorate([
|
|
482
|
+
state()
|
|
483
|
+
], LyraPhoneInput.prototype, "hasLabelSlot", void 0);
|
|
484
|
+
__decorate([
|
|
485
|
+
state()
|
|
486
|
+
], LyraPhoneInput.prototype, "hasHintSlot", void 0);
|
|
487
|
+
__decorate([
|
|
488
|
+
state()
|
|
489
|
+
], LyraPhoneInput.prototype, "hasErrorSlot", void 0);
|
|
490
|
+
__decorate([
|
|
491
|
+
state()
|
|
492
|
+
], LyraPhoneInput.prototype, "hasCountryPrefixSlot", void 0);
|
|
493
|
+
//# sourceMappingURL=phone-input.class.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-input.class.js","sourceRoot":"","sources":["../../../src/components/phone-input/phone-input.class.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/components/phone-input/phone-input.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-input.js","sourceRoot":"","sources":["../../../src/components/phone-input/phone-input.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/phone-input/phone-input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAwHlB,CAAC"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `
|
|
3
|
+
:host {
|
|
4
|
+
display: block;
|
|
5
|
+
min-inline-size: 0;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
[part='form-control'] {
|
|
9
|
+
min-inline-size: 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
[part='form-control-label'] {
|
|
13
|
+
display: block;
|
|
14
|
+
margin-block-end: var(--lyra-space-xs);
|
|
15
|
+
color: var(--lyra-color-text);
|
|
16
|
+
font-size: var(--lyra-font-size-md-sm);
|
|
17
|
+
font-weight: var(--lyra-font-weight-semibold);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
[part='form-control-label'][hidden],
|
|
21
|
+
[part='country-prefix'][hidden],
|
|
22
|
+
[part='hint'][hidden],
|
|
23
|
+
[part='error'][hidden] {
|
|
24
|
+
display: none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:host([required]) [part='form-control-label']::after {
|
|
28
|
+
content: ' *';
|
|
29
|
+
color: var(--lyra-color-danger);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
[part='input-wrapper'] {
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: center;
|
|
35
|
+
min-inline-size: 0;
|
|
36
|
+
inline-size: 100%;
|
|
37
|
+
border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
|
|
38
|
+
border-radius: var(--lyra-radius);
|
|
39
|
+
background: var(--lyra-color-surface);
|
|
40
|
+
color: var(--lyra-color-text);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
[part='input-wrapper']:focus-within {
|
|
44
|
+
border-color: var(--lyra-color-brand);
|
|
45
|
+
outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
|
|
46
|
+
outline-offset: var(--lyra-focus-ring-offset);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:host([data-invalid]) [part='input-wrapper'] {
|
|
50
|
+
border-color: var(--lyra-color-danger);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
:host([disabled]) [part='input-wrapper'] {
|
|
54
|
+
cursor: not-allowed;
|
|
55
|
+
opacity: var(--lyra-opacity-disabled);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
[part='country-prefix'] {
|
|
59
|
+
display: inline-flex;
|
|
60
|
+
flex: 0 0 auto;
|
|
61
|
+
align-items: center;
|
|
62
|
+
padding-inline-start: var(--lyra-space-s);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
[part='country-select'] {
|
|
66
|
+
flex: 0 1 auto;
|
|
67
|
+
min-inline-size: var(--lyra-size-6rem);
|
|
68
|
+
max-inline-size: 45%;
|
|
69
|
+
align-self: stretch;
|
|
70
|
+
padding-inline: var(--lyra-space-s);
|
|
71
|
+
border: none;
|
|
72
|
+
border-inline-end: var(--lyra-border-width-thin) solid var(--lyra-color-border);
|
|
73
|
+
background: transparent;
|
|
74
|
+
color: inherit;
|
|
75
|
+
font: inherit;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
[part='country-select']:focus,
|
|
79
|
+
[part='input']:focus {
|
|
80
|
+
outline: none;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
[part='calling-code'] {
|
|
84
|
+
flex: 0 0 auto;
|
|
85
|
+
padding-inline-start: var(--lyra-space-s);
|
|
86
|
+
color: var(--lyra-color-text-quiet);
|
|
87
|
+
direction: ltr;
|
|
88
|
+
font-size: var(--lyra-font-size-md-sm);
|
|
89
|
+
unicode-bidi: isolate;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
[part='input'] {
|
|
93
|
+
flex: 1 1 auto;
|
|
94
|
+
min-inline-size: 0;
|
|
95
|
+
inline-size: 100%;
|
|
96
|
+
padding: var(--lyra-space-s);
|
|
97
|
+
border: none;
|
|
98
|
+
background: transparent;
|
|
99
|
+
color: inherit;
|
|
100
|
+
font: inherit;
|
|
101
|
+
text-align: start;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
[part='input']::placeholder {
|
|
105
|
+
color: var(--lyra-color-text-quiet);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
[part='hint'],
|
|
109
|
+
[part='error'] {
|
|
110
|
+
margin-block-start: var(--lyra-space-xs);
|
|
111
|
+
font-size: var(--lyra-font-size-sm);
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
[part='hint'] {
|
|
115
|
+
color: var(--lyra-color-text-quiet);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
[part='error'] {
|
|
119
|
+
color: var(--lyra-color-danger);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
`;
|
|
123
|
+
//# sourceMappingURL=phone-input.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-input.styles.js","sourceRoot":"","sources":["../../../src/components/phone-input/phone-input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHxB,CAAC"}
|