@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.
Files changed (176) hide show
  1. package/README.md +13 -8
  2. package/custom-elements.json +3128 -31
  3. package/dist/components/app-rail/app-rail.class.d.ts +8 -1
  4. package/dist/components/app-rail/app-rail.class.d.ts.map +1 -1
  5. package/dist/components/app-rail/app-rail.class.js +12 -2
  6. package/dist/components/app-rail/app-rail.class.js.map +1 -1
  7. package/dist/components/chat-composer/chat-composer.class.d.ts +27 -0
  8. package/dist/components/chat-composer/chat-composer.class.d.ts.map +1 -1
  9. package/dist/components/chat-composer/chat-composer.class.js +64 -1
  10. package/dist/components/chat-composer/chat-composer.class.js.map +1 -1
  11. package/dist/components/checkbox/checkbox.class.d.ts +7 -0
  12. package/dist/components/checkbox/checkbox.class.d.ts.map +1 -1
  13. package/dist/components/checkbox/checkbox.class.js +7 -0
  14. package/dist/components/checkbox/checkbox.class.js.map +1 -1
  15. package/dist/components/chip/chip.class.d.ts +2 -0
  16. package/dist/components/chip/chip.class.d.ts.map +1 -1
  17. package/dist/components/chip/chip.class.js +3 -1
  18. package/dist/components/chip/chip.class.js.map +1 -1
  19. package/dist/components/chip/chip.styles.d.ts.map +1 -1
  20. package/dist/components/chip/chip.styles.js +4 -1
  21. package/dist/components/chip/chip.styles.js.map +1 -1
  22. package/dist/components/combobox/combobox.class.d.ts +16 -0
  23. package/dist/components/combobox/combobox.class.d.ts.map +1 -1
  24. package/dist/components/combobox/combobox.class.js +47 -2
  25. package/dist/components/combobox/combobox.class.js.map +1 -1
  26. package/dist/components/combobox/combobox.styles.d.ts.map +1 -1
  27. package/dist/components/combobox/combobox.styles.js +56 -6
  28. package/dist/components/combobox/combobox.styles.js.map +1 -1
  29. package/dist/components/conversation-item/conversation-item.class.d.ts +14 -0
  30. package/dist/components/conversation-item/conversation-item.class.d.ts.map +1 -1
  31. package/dist/components/conversation-item/conversation-item.class.js +38 -0
  32. package/dist/components/conversation-item/conversation-item.class.js.map +1 -1
  33. package/dist/components/date-picker/date-input.class.d.ts +25 -0
  34. package/dist/components/date-picker/date-input.class.d.ts.map +1 -1
  35. package/dist/components/date-picker/date-input.class.js +61 -0
  36. package/dist/components/date-picker/date-input.class.js.map +1 -1
  37. package/dist/components/dialog/dialog.class.d.ts +13 -1
  38. package/dist/components/dialog/dialog.class.d.ts.map +1 -1
  39. package/dist/components/dialog/dialog.class.js +24 -8
  40. package/dist/components/dialog/dialog.class.js.map +1 -1
  41. package/dist/components/empty/empty.class.d.ts +2 -0
  42. package/dist/components/empty/empty.class.d.ts.map +1 -1
  43. package/dist/components/empty/empty.class.js +2 -0
  44. package/dist/components/empty/empty.class.js.map +1 -1
  45. package/dist/components/empty/empty.styles.d.ts.map +1 -1
  46. package/dist/components/empty/empty.styles.js +5 -2
  47. package/dist/components/empty/empty.styles.js.map +1 -1
  48. package/dist/components/export-button/export-button.class.d.ts +19 -2
  49. package/dist/components/export-button/export-button.class.d.ts.map +1 -1
  50. package/dist/components/export-button/export-button.class.js +32 -8
  51. package/dist/components/export-button/export-button.class.js.map +1 -1
  52. package/dist/components/export-button/export-button.styles.d.ts.map +1 -1
  53. package/dist/components/export-button/export-button.styles.js +8 -1
  54. package/dist/components/export-button/export-button.styles.js.map +1 -1
  55. package/dist/components/gauge/gauge.class.d.ts +6 -2
  56. package/dist/components/gauge/gauge.class.d.ts.map +1 -1
  57. package/dist/components/gauge/gauge.class.js +40 -4
  58. package/dist/components/gauge/gauge.class.js.map +1 -1
  59. package/dist/components/gauge/gauge.styles.js +1 -1
  60. package/dist/components/graph/graph.class.d.ts +28 -1
  61. package/dist/components/graph/graph.class.d.ts.map +1 -1
  62. package/dist/components/graph/graph.class.js +94 -42
  63. package/dist/components/graph/graph.class.js.map +1 -1
  64. package/dist/components/graph/graph.styles.d.ts.map +1 -1
  65. package/dist/components/graph/graph.styles.js +4 -1
  66. package/dist/components/graph/graph.styles.js.map +1 -1
  67. package/dist/components/map/map.class.d.ts +4 -2
  68. package/dist/components/map/map.class.d.ts.map +1 -1
  69. package/dist/components/map/map.class.js +5 -3
  70. package/dist/components/map/map.class.js.map +1 -1
  71. package/dist/components/mention-popover/mention-popover.class.d.ts +9 -4
  72. package/dist/components/mention-popover/mention-popover.class.d.ts.map +1 -1
  73. package/dist/components/mention-popover/mention-popover.class.js +11 -5
  74. package/dist/components/mention-popover/mention-popover.class.js.map +1 -1
  75. package/dist/components/menu/menu.class.d.ts +10 -4
  76. package/dist/components/menu/menu.class.d.ts.map +1 -1
  77. package/dist/components/menu/menu.class.js +11 -5
  78. package/dist/components/menu/menu.class.js.map +1 -1
  79. package/dist/components/model-select/model-select.class.d.ts +44 -0
  80. package/dist/components/model-select/model-select.class.d.ts.map +1 -1
  81. package/dist/components/model-select/model-select.class.js +125 -0
  82. package/dist/components/model-select/model-select.class.js.map +1 -1
  83. package/dist/components/model-select/model-select.styles.d.ts.map +1 -1
  84. package/dist/components/model-select/model-select.styles.js +21 -0
  85. package/dist/components/model-select/model-select.styles.js.map +1 -1
  86. package/dist/components/pagination/pagination.class.d.ts +81 -0
  87. package/dist/components/pagination/pagination.class.d.ts.map +1 -0
  88. package/dist/components/pagination/pagination.class.js +278 -0
  89. package/dist/components/pagination/pagination.class.js.map +1 -0
  90. package/dist/components/pagination/pagination.d.ts +2 -0
  91. package/dist/components/pagination/pagination.d.ts.map +1 -0
  92. package/dist/components/pagination/pagination.js +5 -0
  93. package/dist/components/pagination/pagination.js.map +1 -0
  94. package/dist/components/pagination/pagination.styles.d.ts +2 -0
  95. package/dist/components/pagination/pagination.styles.d.ts.map +1 -0
  96. package/dist/components/pagination/pagination.styles.js +142 -0
  97. package/dist/components/pagination/pagination.styles.js.map +1 -0
  98. package/dist/components/phone-input/phone-input.class.d.ts +191 -0
  99. package/dist/components/phone-input/phone-input.class.d.ts.map +1 -0
  100. package/dist/components/phone-input/phone-input.class.js +493 -0
  101. package/dist/components/phone-input/phone-input.class.js.map +1 -0
  102. package/dist/components/phone-input/phone-input.d.ts +2 -0
  103. package/dist/components/phone-input/phone-input.d.ts.map +1 -0
  104. package/dist/components/phone-input/phone-input.js +5 -0
  105. package/dist/components/phone-input/phone-input.js.map +1 -0
  106. package/dist/components/phone-input/phone-input.styles.d.ts +2 -0
  107. package/dist/components/phone-input/phone-input.styles.d.ts.map +1 -0
  108. package/dist/components/phone-input/phone-input.styles.js +123 -0
  109. package/dist/components/phone-input/phone-input.styles.js.map +1 -0
  110. package/dist/components/segmented/segmented.class.d.ts +1 -0
  111. package/dist/components/segmented/segmented.class.d.ts.map +1 -1
  112. package/dist/components/segmented/segmented.class.js +1 -0
  113. package/dist/components/segmented/segmented.class.js.map +1 -1
  114. package/dist/components/slider/slider.class.d.ts +3 -0
  115. package/dist/components/slider/slider.class.d.ts.map +1 -1
  116. package/dist/components/slider/slider.class.js +3 -0
  117. package/dist/components/slider/slider.class.js.map +1 -1
  118. package/dist/components/switch/switch.class.d.ts +20 -0
  119. package/dist/components/switch/switch.class.d.ts.map +1 -1
  120. package/dist/components/switch/switch.class.js +83 -23
  121. package/dist/components/switch/switch.class.js.map +1 -1
  122. package/dist/components/switch/switch.styles.d.ts.map +1 -1
  123. package/dist/components/switch/switch.styles.js +18 -0
  124. package/dist/components/switch/switch.styles.js.map +1 -1
  125. package/dist/components/table/table.class.d.ts +22 -6
  126. package/dist/components/table/table.class.d.ts.map +1 -1
  127. package/dist/components/table/table.class.js +20 -6
  128. package/dist/components/table/table.class.js.map +1 -1
  129. package/dist/components/textarea/textarea.class.d.ts +86 -7
  130. package/dist/components/textarea/textarea.class.d.ts.map +1 -1
  131. package/dist/components/textarea/textarea.class.js +305 -21
  132. package/dist/components/textarea/textarea.class.js.map +1 -1
  133. package/dist/components/textarea/textarea.styles.d.ts.map +1 -1
  134. package/dist/components/textarea/textarea.styles.js +36 -0
  135. package/dist/components/textarea/textarea.styles.js.map +1 -1
  136. package/dist/components/time-range/time-range.class.d.ts +4 -0
  137. package/dist/components/time-range/time-range.class.d.ts.map +1 -1
  138. package/dist/components/time-range/time-range.class.js +4 -0
  139. package/dist/components/time-range/time-range.class.js.map +1 -1
  140. package/dist/components/tool-approval-dialog/tool-approval-dialog.class.d.ts +6 -0
  141. package/dist/components/tool-approval-dialog/tool-approval-dialog.class.d.ts.map +1 -1
  142. package/dist/components/tool-approval-dialog/tool-approval-dialog.class.js +8 -0
  143. package/dist/components/tool-approval-dialog/tool-approval-dialog.class.js.map +1 -1
  144. package/dist/components/tree/tree-node.class.d.ts +3 -0
  145. package/dist/components/tree/tree-node.class.d.ts.map +1 -1
  146. package/dist/components/tree/tree-node.class.js +16 -1
  147. package/dist/components/tree/tree-node.class.js.map +1 -1
  148. package/dist/components/tree/tree-node.styles.d.ts.map +1 -1
  149. package/dist/components/tree/tree-node.styles.js +27 -1
  150. package/dist/components/tree/tree-node.styles.js.map +1 -1
  151. package/dist/components/tree/tree.class.d.ts +11 -1
  152. package/dist/components/tree/tree.class.d.ts.map +1 -1
  153. package/dist/components/tree/tree.class.js +6 -2
  154. package/dist/components/tree/tree.class.js.map +1 -1
  155. package/dist/components/typing-indicator/typing-indicator.class.d.ts +4 -0
  156. package/dist/components/typing-indicator/typing-indicator.class.d.ts.map +1 -1
  157. package/dist/components/typing-indicator/typing-indicator.class.js +4 -0
  158. package/dist/components/typing-indicator/typing-indicator.class.js.map +1 -1
  159. package/dist/components/typing-indicator/typing-indicator.styles.d.ts.map +1 -1
  160. package/dist/components/typing-indicator/typing-indicator.styles.js +9 -7
  161. package/dist/components/typing-indicator/typing-indicator.styles.js.map +1 -1
  162. package/dist/internal/localization.d.ts +1 -1
  163. package/dist/internal/localization.d.ts.map +1 -1
  164. package/dist/internal/localization.js +5 -0
  165. package/dist/internal/localization.js.map +1 -1
  166. package/dist/internal/root-registration-allowlist.d.ts +1 -1
  167. package/dist/internal/root-registration-allowlist.d.ts.map +1 -1
  168. package/dist/internal/root-registration-allowlist.js +2 -0
  169. package/dist/internal/root-registration-allowlist.js.map +1 -1
  170. package/dist/lyra.d.ts +11 -3
  171. package/dist/lyra.d.ts.map +1 -1
  172. package/dist/lyra.js +4 -0
  173. package/dist/lyra.js.map +1 -1
  174. package/llms-full.txt +573 -94
  175. package/llms.txt +5 -3
  176. 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,2 @@
1
+ export * from './phone-input.class.js';
2
+ //# sourceMappingURL=phone-input.d.ts.map
@@ -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,5 @@
1
+ export * from './phone-input.class.js';
2
+ import { LyraPhoneInput } from './phone-input.class.js';
3
+ import { defineElement } from '../../internal/prefix.js';
4
+ defineElement('phone-input', LyraPhoneInput);
5
+ //# sourceMappingURL=phone-input.js.map
@@ -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,2 @@
1
+ export declare const styles: import("lit").CSSResult;
2
+ //# sourceMappingURL=phone-input.styles.d.ts.map
@@ -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"}