@desource/phone-mask-svelte 1.1.1 → 1.2.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.
@@ -1,382 +1,2 @@
1
- .phone-input,
2
- .phone-dropdown {
3
- --pi-bg: #ffffff;
4
- --pi-fg: #111827;
5
- --pi-muted: #6b7280;
6
- --pi-border: #e5e7eb;
7
- --pi-border-hover: #d1d5db;
8
- --pi-border-focus: #3b82f6;
9
- --pi-radius: 8px;
10
- --pi-padding: 12px;
11
- --pi-font-size: 16px;
12
- --pi-height: 44px;
13
- --pi-actions-size: 32px;
14
- --pi-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
15
- --pi-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);
16
- --pi-warning: #f59e0b;
17
- --pi-warning-light: #fbbf24;
18
- --pi-success: #10b981;
19
- --pi-focus-ring: 3px solid rgb(59 130 246 / 0.15);
20
- --pi-focus-ring-warning: 3px solid rgb(245 158 11 / 0.15);
21
- --pi-focus-ring-success: 3px solid rgb(16 185 129 / 0.15);
22
- --pi-disabled-bg: #f9fafb;
23
- --pi-disabled-fg: #9ca3af;
24
- }
25
- .phone-input.theme-dark,
26
- .phone-dropdown.theme-dark {
27
- --pi-bg: #1f2937;
28
- --pi-fg: #f9fafb;
29
- --pi-muted: #9ca3af;
30
- --pi-border: #374151;
31
- --pi-border-hover: #4b5563;
32
- --pi-border-focus: #60a5fa;
33
- --pi-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3);
34
- --pi-shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 10px 10px -5px rgb(0 0 0 / 0.2);
35
- --pi-warning: #fbbf24;
36
- --pi-warning-light: #fcd34d;
37
- --pi-focus-ring: 3px solid rgb(96 165 250 / 0.2);
38
- --pi-focus-ring-warning: 3px solid rgb(251 191 24 / 0.2);
39
- --pi-focus-ring-success: 3px solid rgb(16 185 129 / 0.2);
40
- --pi-disabled-bg: #374151;
41
- }
42
- .phone-input,
43
- .phone-dropdown {
44
- font-size: var(--pi-font-size);
45
- background: var(--pi-bg);
46
- color: var(--pi-fg);
47
- border-radius: var(--pi-radius);
48
- border: 1px solid var(--pi-border);
49
- }
50
- .phone-input *,
51
- .phone-input *::before,
52
- .phone-input *::after,
53
- .phone-dropdown *,
54
- .phone-dropdown *::before,
55
- .phone-dropdown *::after {
56
- box-sizing: border-box;
57
- }
58
- .phone-input button,
59
- .phone-input input,
60
- .phone-dropdown button,
61
- .phone-dropdown input {
62
- margin: 0;
63
- padding: 0;
64
- border: none;
65
- background: none;
66
- font: inherit;
67
- color: inherit;
68
- }
69
- .phone-input button,
70
- .phone-dropdown button {
71
- cursor: pointer;
72
- }
73
- .phone-input button:disabled,
74
- .phone-dropdown button:disabled {
75
- cursor: not-allowed;
76
- }
77
- .phone-input input,
78
- .phone-dropdown input {
79
- outline: none;
80
- }
81
- .phone-input input::placeholder,
82
- .phone-dropdown input::placeholder {
83
- opacity: 0.5;
84
- }
85
- .phone-input input:disabled,
86
- .phone-dropdown input:disabled {
87
- cursor: not-allowed;
88
- }
89
-
90
- .phone-input {
91
- position: relative;
92
- display: flex;
93
- align-items: stretch;
94
- width: 100%;
95
- }
96
- .phone-input:focus-within {
97
- outline: var(--pi-focus-ring);
98
- }
99
- .phone-input.is-incomplete {
100
- border-color: var(--pi-warning);
101
- }
102
- .phone-input.is-incomplete:focus-within {
103
- outline: var(--pi-focus-ring-warning);
104
- }
105
- .phone-input.is-complete {
106
- border-color: var(--pi-success);
107
- }
108
- .phone-input.is-complete:focus-within {
109
- outline: var(--pi-focus-ring-success);
110
- }
111
- .phone-input.is-disabled {
112
- background: var(--pi-disabled-bg);
113
- color: var(--pi-disabled-fg);
114
- }
115
- .phone-input.is-readonly {
116
- cursor: default;
117
- }
118
- .phone-input.size-compact {
119
- --pi-font-size: 14px;
120
- --pi-height: 36px;
121
- --pi-padding: 10px;
122
- --pi-actions-size: 24px;
123
- }
124
- .phone-input.size-large {
125
- --pi-font-size: 18px;
126
- --pi-height: 52px;
127
- --pi-padding: 16px;
128
- --pi-actions-size: 32px;
129
- }
130
- .phone-input.is-unstyled {
131
- all: initial;
132
- display: block;
133
- }
134
- .phone-input .pi-selector {
135
- flex-shrink: 0;
136
- }
137
- .phone-input .pi-selector-btn {
138
- display: flex;
139
- align-items: center;
140
- gap: 6px;
141
- padding-left: var(--pi-padding);
142
- padding-right: 0;
143
- min-height: var(--pi-height);
144
- border: 1px solid transparent;
145
- border-radius: var(--pi-radius) 0 0 var(--pi-radius);
146
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
147
- }
148
- .phone-input .pi-selector-btn.no-dropdown {
149
- cursor: default;
150
- }
151
- .phone-input .pi-selector-btn:focus-visible {
152
- border-color: var(--pi-border-focus);
153
- outline: none;
154
- }
155
- .phone-input .pi-selector-btn:disabled > .pi-flag {
156
- opacity: 0.5;
157
- }
158
- .phone-input .pi-flag {
159
- font-size: 1.25em;
160
- line-height: 1;
161
- display: inline-flex;
162
- }
163
- .phone-input .pi-code {
164
- color: var(--pi-fg);
165
- }
166
- .phone-input .pi-chevron {
167
- margin-left: 2px;
168
- color: var(--pi-muted);
169
- transition: transform 200ms ease;
170
- }
171
- .phone-input .pi-chevron.is-open {
172
- transform: rotate(180deg);
173
- }
174
- .phone-input .pi-input-wrap {
175
- flex: 1;
176
- position: relative;
177
- display: flex;
178
- align-items: center;
179
- }
180
- .phone-input .pi-input {
181
- flex: 1;
182
- width: 100%;
183
- padding-left: var(--pi-padding);
184
- padding-right: calc((var(--pi-actions-size) + 2px) * var(--pi-actions-count) + var(--pi-padding));
185
- min-height: var(--pi-height);
186
- border-radius: 0 var(--pi-radius) var(--pi-radius) 0;
187
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
188
- }
189
- .phone-input .pi-input:hover:not(:disabled):not(:read-only) {
190
- border-color: var(--pi-border-hover);
191
- }
192
- .phone-input .pi-input:focus {
193
- border-color: var(--pi-border-focus);
194
- position: relative;
195
- }
196
- .phone-input .pi-actions {
197
- position: absolute;
198
- right: 2px;
199
- top: 50%;
200
- transform: translateY(-50%);
201
- display: inline-flex;
202
- align-items: center;
203
- gap: 2px;
204
- }
205
- .phone-input .pi-btn {
206
- display: flex;
207
- align-items: center;
208
- justify-content: center;
209
- width: var(--pi-actions-size);
210
- height: var(--pi-actions-size);
211
- background: transparent;
212
- color: var(--pi-muted);
213
- border: none;
214
- border-radius: 9999px;
215
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
216
- }
217
- .phone-input .pi-btn:hover {
218
- background: var(--pi-disabled-bg);
219
- color: var(--pi-fg);
220
- }
221
- .phone-input .pi-btn:active:not(:disabled) {
222
- transform: scale(0.95);
223
- }
224
- .phone-input .pi-btn:focus {
225
- outline: 1px solid var(--pi-border-focus);
226
- outline-offset: -1px;
227
- }
228
- .phone-input .pi-btn.is-copied {
229
- color: var(--pi-success);
230
- border-color: var(--pi-success);
231
- }
232
- .phone-input .pi-btn svg {
233
- flex-shrink: 0;
234
- }
235
-
236
- .phone-dropdown {
237
- position: absolute;
238
- z-index: 9999;
239
- max-width: 400px;
240
- box-shadow: var(--pi-shadow-lg);
241
- overflow: hidden;
242
- animation: dropdown-enter 200ms cubic-bezier(0.4, 0, 0.2, 1) both;
243
- }
244
- .phone-dropdown .pi-search-wrap {
245
- padding: 8px;
246
- border-bottom: 1px solid var(--pi-border);
247
- }
248
- .phone-dropdown .pi-search {
249
- width: 100%;
250
- padding: 8px 12px;
251
- font-size: 0.875em;
252
- border: 1px solid var(--pi-border);
253
- border-radius: calc(var(--pi-radius) - 2px);
254
- background: var(--pi-bg);
255
- transition: border-color 150ms ease;
256
- }
257
- .phone-dropdown .pi-search:focus {
258
- border-color: var(--pi-border-focus);
259
- }
260
- .phone-dropdown .pi-options {
261
- max-height: 300px;
262
- overflow-y: auto;
263
- padding: 4px 0;
264
- margin: 0;
265
- list-style: none;
266
- }
267
- .phone-dropdown .pi-options::-webkit-scrollbar {
268
- width: 8px;
269
- }
270
- .phone-dropdown .pi-options::-webkit-scrollbar-track {
271
- background: transparent;
272
- }
273
- .phone-dropdown .pi-options::-webkit-scrollbar-thumb {
274
- background: var(--pi-border);
275
- border-radius: 4px;
276
- }
277
- .phone-dropdown .pi-options::-webkit-scrollbar-thumb:hover {
278
- background: var(--pi-border-hover);
279
- }
280
- .phone-dropdown .pi-option {
281
- display: flex;
282
- align-items: center;
283
- gap: 8px;
284
- padding: 8px 12px;
285
- cursor: pointer;
286
- transition: background-color 100ms ease;
287
- }
288
- .phone-dropdown .pi-option:hover, .phone-dropdown .pi-option.is-focused {
289
- background: var(--pi-disabled-bg);
290
- }
291
- .phone-dropdown .pi-option.is-selected {
292
- background: var(--pi-border);
293
- font-weight: 500;
294
- }
295
- .phone-dropdown .pi-opt-name {
296
- flex: 1;
297
- overflow: hidden;
298
- text-overflow: ellipsis;
299
- white-space: nowrap;
300
- }
301
- .phone-dropdown .pi-opt-code {
302
- color: var(--pi-muted);
303
- font-size: 0.875em;
304
- }
305
- .phone-dropdown .pi-empty {
306
- padding: 12px;
307
- text-align: center;
308
- color: var(--pi-muted);
309
- font-size: 0.875em;
310
- }
311
-
312
- @keyframes dropdown-enter {
313
- from {
314
- opacity: 0;
315
- transform: translateY(-8px);
316
- }
317
- to {
318
- opacity: 1;
319
- transform: translateY(0);
320
- }
321
- }
322
- @keyframes dropdown-leave {
323
- from {
324
- opacity: 1;
325
- transform: translateY(0);
326
- }
327
- to {
328
- opacity: 0;
329
- transform: translateY(-8px);
330
- }
331
- }
332
- .phone-dropdown.is-closing {
333
- animation: dropdown-leave 200ms cubic-bezier(0.4, 0, 0.2, 1) both;
334
- }
335
-
336
- @keyframes fade-scale-in {
337
- from {
338
- opacity: 0;
339
- transform: scale(0.8);
340
- }
341
- to {
342
- opacity: 1;
343
- transform: scale(1);
344
- }
345
- }
346
- .pi-actions .pi-btn {
347
- animation: fade-scale-in 200ms cubic-bezier(0.4, 0, 0.2, 1) both;
348
- }
349
-
350
- .sr-only {
351
- position: absolute;
352
- width: 1px;
353
- height: 1px;
354
- padding: 0;
355
- margin: -1px;
356
- overflow: hidden;
357
- clip: rect(0, 0, 0, 0);
358
- white-space: nowrap;
359
- border: 0;
360
- }
361
-
362
- @media (max-width: 480px) {
363
- .phone-input {
364
- --pi-padding: 8px;
365
- --pi-actions-size: 24px;
366
- }
367
- .size-compact {
368
- --pi-actions-size: 20px;
369
- }
370
- .phone-dropdown {
371
- left: 0;
372
- right: 0;
373
- max-width: none;
374
- }
375
- }
376
- @media (prefers-reduced-motion: reduce) {
377
- * {
378
- animation-duration: 0.01ms !important;
379
- animation-iteration-count: 1 !important;
380
- transition-duration: 0.01ms !important;
381
- }
382
- }
1
+ .phone-input,.phone-dropdown{--pi-bg:#fff;--pi-fg:#111827;--pi-muted:#6b7280;--pi-border:#e5e7eb;--pi-border-hover:#d1d5db;--pi-border-focus:#3b82f6;--pi-radius:8px;--pi-padding:12px;--pi-font-size:16px;--pi-height:44px;--pi-actions-size:32px;--pi-shadow:0 1px 2px 0 #0000000d;--pi-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--pi-warning:#f59e0b;--pi-warning-light:#fbbf24;--pi-success:#10b981;--pi-focus-ring:3px solid #3b82f626;--pi-focus-ring-warning:3px solid #f59e0b26;--pi-focus-ring-success:3px solid #10b98126;--pi-disabled-bg:#f9fafb;--pi-disabled-fg:#9ca3af}.phone-input.theme-dark,.phone-dropdown.theme-dark{--pi-bg:#1f2937;--pi-fg:#f9fafb;--pi-muted:#9ca3af;--pi-border:#374151;--pi-border-hover:#4b5563;--pi-border-focus:#60a5fa;--pi-shadow:0 1px 3px 0 #0000004d;--pi-shadow-lg:0 20px 25px -5px #0000004d, 0 10px 10px -5px #0003;--pi-warning:#fbbf24;--pi-warning-light:#fcd34d;--pi-focus-ring:3px solid #60a5fa33;--pi-focus-ring-warning:3px solid #fbbf1833;--pi-focus-ring-success:3px solid #10b98133;--pi-disabled-bg:#374151}.phone-input,.phone-dropdown{font-size:var(--pi-font-size);background:var(--pi-bg);color:var(--pi-fg);border-radius:var(--pi-radius);border:1px solid var(--pi-border)}.phone-input *,.phone-input :before,.phone-input :after,.phone-dropdown *,.phone-dropdown :before,.phone-dropdown :after{box-sizing:border-box}.phone-input button,.phone-input input,.phone-dropdown button,.phone-dropdown input{font:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0}.phone-input button,.phone-dropdown button{cursor:pointer}.phone-input button:disabled,.phone-dropdown button:disabled{cursor:not-allowed}.phone-input input,.phone-dropdown input{outline:none}.phone-input input::placeholder,.phone-dropdown input::placeholder{opacity:.5}.phone-input input:disabled,.phone-dropdown input:disabled{cursor:not-allowed}.phone-input{align-items:stretch;width:100%;display:flex;position:relative}.phone-input:focus-within{outline:var(--pi-focus-ring)}.phone-input.is-incomplete{border-color:var(--pi-warning)}.phone-input.is-incomplete:focus-within{outline:var(--pi-focus-ring-warning)}.phone-input.is-complete{border-color:var(--pi-success)}.phone-input.is-complete:focus-within{outline:var(--pi-focus-ring-success)}.phone-input.is-disabled{background:var(--pi-disabled-bg);color:var(--pi-disabled-fg)}.phone-input.is-readonly{cursor:default}.phone-input.size-compact{--pi-font-size:14px;--pi-height:36px;--pi-padding:10px;--pi-actions-size:24px}.phone-input.size-large{--pi-font-size:18px;--pi-height:52px;--pi-padding:16px;--pi-actions-size:32px}.phone-input.is-unstyled{all:initial;display:block}.phone-input .pi-selector{flex-shrink:0}.phone-input .pi-selector-btn{padding-left:var(--pi-padding);min-height:var(--pi-height);border-radius:var(--pi-radius) 0 0 var(--pi-radius);border:1px solid #0000;align-items:center;gap:6px;padding-right:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.phone-input .pi-selector-btn.no-dropdown{cursor:default}.phone-input .pi-selector-btn:focus-visible{border-color:var(--pi-border-focus);outline:none}.phone-input .pi-selector-btn:disabled>.pi-flag{opacity:.5}.phone-input .pi-flag{font-size:1.25em;line-height:1;display:inline-flex}.phone-input .pi-code{color:var(--pi-fg)}.phone-input .pi-chevron{color:var(--pi-muted);margin-left:2px;transition:transform .2s}.phone-input .pi-chevron.is-open{transform:rotate(180deg)}.phone-input .pi-input-wrap{flex:1;align-items:center;display:flex;position:relative}.phone-input .pi-input{width:100%;padding-left:var(--pi-padding);padding-right:calc((var(--pi-actions-size) + 2px) * var(--pi-actions-count) + var(--pi-padding));min-height:var(--pi-height);border-radius:0 var(--pi-radius) var(--pi-radius) 0;flex:1;transition:all .15s cubic-bezier(.4,0,.2,1)}.phone-input .pi-input:hover:not(:disabled):not(:read-only){border-color:var(--pi-border-hover)}.phone-input .pi-input:focus{border-color:var(--pi-border-focus);position:relative}.phone-input .pi-actions{align-items:center;gap:2px;display:inline-flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.phone-input .pi-btn{width:var(--pi-actions-size);height:var(--pi-actions-size);color:var(--pi-muted);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.phone-input .pi-btn:hover{background:var(--pi-disabled-bg);color:var(--pi-fg)}.phone-input .pi-btn:active:not(:disabled){transform:scale(.95)}.phone-input .pi-btn:focus{outline:1px solid var(--pi-border-focus);outline-offset:-1px}.phone-input .pi-btn.is-copied{color:var(--pi-success);border-color:var(--pi-success)}.phone-input .pi-btn svg{flex-shrink:0}.phone-dropdown{z-index:9999;max-width:400px;box-shadow:var(--pi-shadow-lg);animation:.2s cubic-bezier(.4,0,.2,1) both dropdown-enter;position:absolute;overflow:hidden}.phone-dropdown .pi-search-wrap{border-bottom:1px solid var(--pi-border);padding:8px}.phone-dropdown .pi-search{border:1px solid var(--pi-border);border-radius:calc(var(--pi-radius) - 2px);background:var(--pi-bg);width:100%;padding:8px 12px;font-size:.875em;transition:border-color .15s}.phone-dropdown .pi-search:focus{border-color:var(--pi-border-focus)}.phone-dropdown .pi-options{max-height:300px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.phone-dropdown .pi-options::-webkit-scrollbar{width:8px}.phone-dropdown .pi-options::-webkit-scrollbar-track{background:0 0}.phone-dropdown .pi-options::-webkit-scrollbar-thumb{background:var(--pi-border);border-radius:4px}.phone-dropdown .pi-options::-webkit-scrollbar-thumb:hover{background:var(--pi-border-hover)}.phone-dropdown .pi-option{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background-color .1s;display:flex}.phone-dropdown .pi-option:hover,.phone-dropdown .pi-option.is-focused{background:var(--pi-disabled-bg)}.phone-dropdown .pi-option.is-selected{background:var(--pi-border);font-weight:500}.phone-dropdown .pi-opt-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.phone-dropdown .pi-opt-code{color:var(--pi-muted);font-size:.875em}.phone-dropdown .pi-empty{text-align:center;color:var(--pi-muted);padding:12px;font-size:.875em}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.phone-dropdown.is-closing{animation:.2s cubic-bezier(.4,0,.2,1) both dropdown-leave}@keyframes fade-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pi-actions .pi-btn{animation:.2s cubic-bezier(.4,0,.2,1) both fade-scale-in}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){.phone-input{--pi-padding:8px;--pi-actions-size:24px}.size-compact{--pi-actions-size:20px}.phone-dropdown{max-width:none;left:0;right:0}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
2
+ /*$vite$:1*/
@@ -1,5 +1,6 @@
1
- import { countPlaceholders, formatDigitsWithMap, pickMaskVariant, removeCountryCodePrefix, toArray } from '@desource/phone-mask';
1
+ import { countPlaceholders, formatDigitsWithMap, pickMaskVariant, removeCountryCodePrefix } from '@desource/phone-mask';
2
2
  import type { Component } from 'svelte';
3
+ import './style.scss';
3
4
  export { usePhoneMask } from './composables/usePhoneMask.svelte';
4
5
  export { phoneMaskAttachment } from './directives/phoneMaskAttachment.svelte';
5
6
  export { phoneMaskAction } from './directives/phoneMaskAction';
@@ -14,6 +15,5 @@ export declare const PMaskHelpers: {
14
15
  formatDigitsWithMap: typeof formatDigitsWithMap;
15
16
  pickMaskVariant: typeof pickMaskVariant;
16
17
  removeCountryCodePrefix: typeof removeCountryCodePrefix;
17
- toArray: typeof toArray;
18
18
  };
19
19
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,uBAAuB,EACvB,OAAO,EACR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,UAAU,EAAqC,SAAS,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE1G,YAAY,EAAE,WAAW,IAAI,gBAAgB,EAAE,IAAI,IAAI,cAAc,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAEjH,YAAY,EACV,UAAU,IAAI,WAAW,EACzB,QAAQ,IAAI,SAAS,EACrB,WAAW,IAAI,YAAY,EAC3B,IAAI,IAAI,KAAK,EACb,OAAO,IAAI,QAAQ,EACnB,YAAY,IAAI,aAAa,EAC7B,eAAe,IAAI,gBAAgB,EACnC,QAAQ,IAAI,SAAS,EACrB,WAAW,IAAI,YAAY,EAC5B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,uBAAuB,EACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,cAAc,CAAC;AAItB,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,UAAU,EAAqC,SAAS,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE1G,YAAY,EAAE,WAAW,IAAI,gBAAgB,EAAE,IAAI,IAAI,cAAc,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAEjH,YAAY,EACV,UAAU,IAAI,WAAW,EACzB,QAAQ,IAAI,SAAS,EACrB,WAAW,IAAI,YAAY,EAC3B,IAAI,IAAI,KAAK,EACb,OAAO,IAAI,QAAQ,EACnB,YAAY,IAAI,aAAa,EAC7B,eAAe,IAAI,gBAAgB,EACnC,QAAQ,IAAI,SAAS,EACrB,WAAW,IAAI,YAAY,EAC5B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@desource/phone-mask-svelte",
3
- "version": "1.1.1",
3
+ "version": "1.2.0",
4
4
  "description": "🌍 Svelte 5 component, composable, action, and attachment for international phone number masking. Powered by @desource/phone-mask with Google libphonenumber sync.",
5
5
  "keywords": [
6
6
  "svelte",
@@ -55,21 +55,22 @@
55
55
  "svelte": "^5.0.0"
56
56
  },
57
57
  "dependencies": {
58
- "@desource/phone-mask": "1.1.1"
58
+ "@desource/phone-mask": "1.2.0"
59
59
  },
60
60
  "devDependencies": {
61
- "@sveltejs/vite-plugin-svelte": "^6.2.4",
61
+ "@sveltejs/vite-plugin-svelte": "^7.0.0",
62
62
  "@testing-library/svelte": "^5.3.1",
63
- "svelte": "^5.53.11",
63
+ "svelte": "^5.54.1",
64
64
  "svelte-check": "^4.4.5"
65
65
  },
66
66
  "scripts": {
67
- "clean": "rimraf dist tsconfig.build.tsbuildinfo test-results coverage",
67
+ "clean": "rimraf dist tsconfig.tsbuildinfo test-results coverage",
68
+ "clean:modules": "rimraf node_modules",
68
69
  "dev": "vite demo",
69
70
  "build": "pnpm clean && pnpm build:internal",
70
71
  "build:internal": "pnpm build:lib && pnpm build:types",
71
72
  "build:lib": "vite build",
72
- "build:types": "tsc --project tsconfig.build.json",
73
+ "build:types": "tsc --project tsconfig.json",
73
74
  "typecheck": "svelte-check --tsconfig tsconfig.json",
74
75
  "test:unit": "vitest run",
75
76
  "test:unit:coverage": "vitest run --coverage.enabled --coverage.provider=v8 --coverage.reporter=lcov --coverage.reportsDirectory=coverage",