@onsvisual/svelte-components 0.1.90 → 0.1.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/inputs/AccessibleSelect/AccessibleSelect.svelte.d.ts +53 -0
- package/dist/@types/inputs/AccessibleSelect/options.d.ts +6 -0
- package/dist/css/main.css +1 -1
- package/dist/inputs/AccessibleSelect/AccessibleSelect.svelte +266 -0
- package/dist/inputs/AccessibleSelect/options.js +263 -0
- package/package.json +3 -1
|
@@ -0,0 +1,266 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import { createEventDispatcher } from "svelte";
|
|
3
|
+
|
|
4
|
+
const dispatch = createEventDispatcher();
|
|
5
|
+
const sleep = (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
|
|
6
|
+
const chevron = (opts) =>
|
|
7
|
+
`<svg class="${opts?.className}" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 11.75 7.7" width="18" style="z-index:1"><path fill="currentColor" d="m1.37.15 4.5 5.1 4.5-5.1a.37.37 0 0 1 .6 0l.7.7a.45.45 0 0 1 0 .5l-5.5 6.2a.37.37 0 0 1-.6 0l-5.5-6.1a.64.64 0 0 1 0-.6l.7-.7a.64.64 0 0 1 .6 0Z"></path></svg>`;
|
|
8
|
+
|
|
9
|
+
let inputElement;
|
|
10
|
+
let scriptLoaded;
|
|
11
|
+
let accessibleAutocomplete;
|
|
12
|
+
let hideMenu = false;
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Unique id for the element
|
|
16
|
+
* @type {string}
|
|
17
|
+
*/
|
|
18
|
+
export let id = "autocomplete";
|
|
19
|
+
/**
|
|
20
|
+
* The mode can be either "default" or "search"
|
|
21
|
+
* @type {"default"|"search"}
|
|
22
|
+
*/
|
|
23
|
+
export let mode = "default";
|
|
24
|
+
/**
|
|
25
|
+
* Defines whether the selection can be cleared
|
|
26
|
+
* @type {boolean}
|
|
27
|
+
*/
|
|
28
|
+
export let clearable = mode !== "search";
|
|
29
|
+
/**
|
|
30
|
+
* Clear value on selection (default for "search" mode)
|
|
31
|
+
* @type {boolean}
|
|
32
|
+
*/
|
|
33
|
+
export let autoClear = mode === "search";
|
|
34
|
+
/**
|
|
35
|
+
* A label to describe the element (expected for accessibility)
|
|
36
|
+
* @type {string}
|
|
37
|
+
*/
|
|
38
|
+
export let label = mode === "search" ? "Type to select" : "Select an option";
|
|
39
|
+
/**
|
|
40
|
+
* Visually hide the label
|
|
41
|
+
* @type {boolean}
|
|
42
|
+
*/
|
|
43
|
+
export let hideLabel = false;
|
|
44
|
+
/**
|
|
45
|
+
* An optional placeholder text
|
|
46
|
+
* @type {string}
|
|
47
|
+
*/
|
|
48
|
+
export let placeholder = mode === "search" ? "Enter text" : "Select one";
|
|
49
|
+
/**
|
|
50
|
+
* A prop to bind to for the selected value (will be an array for multi-select)
|
|
51
|
+
* @type {object}
|
|
52
|
+
*/
|
|
53
|
+
export let value = null;
|
|
54
|
+
/**
|
|
55
|
+
* An array of options, formatted {id, label}
|
|
56
|
+
* @type {array}
|
|
57
|
+
*/
|
|
58
|
+
export let options = [];
|
|
59
|
+
/**
|
|
60
|
+
* The attribute of an option that defines its label/name
|
|
61
|
+
* @type {string}
|
|
62
|
+
*/
|
|
63
|
+
export let labelKey = "label";
|
|
64
|
+
/**
|
|
65
|
+
* The attribute of an option that defines its group (optional)
|
|
66
|
+
* @type {string|null}
|
|
67
|
+
*/
|
|
68
|
+
export let groupKey = null;
|
|
69
|
+
/**
|
|
70
|
+
* Optional: Minimum query length to return results
|
|
71
|
+
* @type {number}
|
|
72
|
+
*/
|
|
73
|
+
export let minLength = mode === "search" ? 3 : 1;
|
|
74
|
+
/**
|
|
75
|
+
* Optional: Override function for loading/filtering options based on the entered text
|
|
76
|
+
* @type {function}
|
|
77
|
+
*/
|
|
78
|
+
export let loadOptions = (query, populateResults) => {
|
|
79
|
+
const filteredResults = options.filter((opt) =>
|
|
80
|
+
opt[labelKey].match(new RegExp(`\\b${query.replace(/[^\w\s]/gi, "")}`, "i"))
|
|
81
|
+
);
|
|
82
|
+
populateResults(filteredResults);
|
|
83
|
+
};
|
|
84
|
+
/**
|
|
85
|
+
* Optional: Override the default CDN URL for the accessible-autocomplete script
|
|
86
|
+
* @type {string}
|
|
87
|
+
*/
|
|
88
|
+
export let scriptUrl =
|
|
89
|
+
"https://cdn.ons.gov.uk/vendor/accessible-autocomplete/3.0.1/accessible-autocomplete.min.js";
|
|
90
|
+
|
|
91
|
+
function inputValueTemplate(result) {
|
|
92
|
+
return result && result[labelKey];
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
function highlight(text, query = "") {
|
|
96
|
+
console.log(query);
|
|
97
|
+
return text.replace(
|
|
98
|
+
new RegExp(`\\b${query.replace(/[^\w\s]/gi, "")}`, "i"),
|
|
99
|
+
(str) => `<b>${str}</b>`
|
|
100
|
+
);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
function suggestionTemplate(result) {
|
|
104
|
+
const query = inputElement.value || "";
|
|
105
|
+
return (
|
|
106
|
+
result &&
|
|
107
|
+
(groupKey
|
|
108
|
+
? `${highlight(result[labelKey], query)} <span class="muted-text">${
|
|
109
|
+
result[groupKey]
|
|
110
|
+
}</span>`
|
|
111
|
+
: highlight(result[labelKey], query))
|
|
112
|
+
);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
async function select(option) {
|
|
116
|
+
console.log(option);
|
|
117
|
+
value = option;
|
|
118
|
+
dispatch("change", value);
|
|
119
|
+
if (value && autoClear) {
|
|
120
|
+
await sleep(0);
|
|
121
|
+
clearInput();
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
function inputChange(e) {
|
|
126
|
+
if (!e.target.value) select(null);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
// This clearing method is a bit of a hack, but no better options available at present
|
|
130
|
+
// https://github.com/alphagov/accessible-autocomplete/issues/390
|
|
131
|
+
async function clearInput() {
|
|
132
|
+
hideMenu = true;
|
|
133
|
+
inputElement.value = "";
|
|
134
|
+
await sleep(110);
|
|
135
|
+
inputElement.focus();
|
|
136
|
+
inputElement.blur();
|
|
137
|
+
hideMenu = false;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
function handleScriptLoad() {
|
|
141
|
+
accessibleAutocomplete = window?.accessibleAutocomplete;
|
|
142
|
+
scriptLoaded = true;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
function initAutocomplete(element) {
|
|
146
|
+
accessibleAutocomplete({
|
|
147
|
+
element,
|
|
148
|
+
id,
|
|
149
|
+
name: `${id}-input`,
|
|
150
|
+
source: loadOptions,
|
|
151
|
+
autoselect: true,
|
|
152
|
+
onConfirm: select,
|
|
153
|
+
confirmOnBlur: false,
|
|
154
|
+
placeholder,
|
|
155
|
+
displayMenu: "overlay",
|
|
156
|
+
showAllValues: mode === "default",
|
|
157
|
+
dropdownArrow: chevron,
|
|
158
|
+
minLength,
|
|
159
|
+
templates: {
|
|
160
|
+
inputValue: inputValueTemplate,
|
|
161
|
+
suggestion: suggestionTemplate,
|
|
162
|
+
},
|
|
163
|
+
});
|
|
164
|
+
inputElement = document.getElementById(id);
|
|
165
|
+
inputElement.addEventListener("blur", inputChange);
|
|
166
|
+
}
|
|
167
|
+
</script>
|
|
168
|
+
|
|
169
|
+
<svelte:head>
|
|
170
|
+
<script src="{scriptUrl}" on:load="{handleScriptLoad}"></script>
|
|
171
|
+
</svelte:head>
|
|
172
|
+
|
|
173
|
+
<div class="ons-field">
|
|
174
|
+
{#if label}<label for="{id}" class="ons-label" class:ons-u-vh="{hideLabel}">{label}</label>{/if}
|
|
175
|
+
<div class="ons-autocomplete-wrapper">
|
|
176
|
+
{#if scriptLoaded}
|
|
177
|
+
<div
|
|
178
|
+
id="{id}-container"
|
|
179
|
+
class="ons-autocomplete"
|
|
180
|
+
class:hide-menu="{hideMenu}"
|
|
181
|
+
use:initAutocomplete
|
|
182
|
+
></div>
|
|
183
|
+
{#if clearable && !autoClear && value}
|
|
184
|
+
<button
|
|
185
|
+
title="Clear selection"
|
|
186
|
+
aria-label="Clear selection"
|
|
187
|
+
on:click="{clearInput}"
|
|
188
|
+
class="ons-autocomplete-clear"
|
|
189
|
+
>
|
|
190
|
+
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 14 14" width="18">
|
|
191
|
+
<path
|
|
192
|
+
fill="currentColor"
|
|
193
|
+
d="M13.6 1 l -0.71 -0.71 a 0.5 0.5 0 0 0 -0.71 0 l -5.25 5.25 l -5.25 -5.25 a 0.51 0.51 0 0 0 -0.71 0 l -0.71 0.71 a 0.5 0.5 0 0 0 0 0.71 l 5.25 5.25 l -5.25 5.25 a 0.5 0.5 0 0 0 0 0.71 l 0.71 0.71 a 0.5 0.5 0 0 0 0.71 0 l 5.25 -5.25 l 5.25 5.25 a 0.5 0.5 0 0 0 0.71 0 l 0.71 -0.71 a 0.5 0.5 0 0 0 0 -0.71 l -5.25 -5.25 l 5.25 -5.25 a 0.5 0.5 0 0 0 0 -0.71Z"
|
|
194
|
+
></path>
|
|
195
|
+
</svg>
|
|
196
|
+
</button>
|
|
197
|
+
{/if}
|
|
198
|
+
{/if}
|
|
199
|
+
</div>
|
|
200
|
+
</div>
|
|
201
|
+
|
|
202
|
+
<style>
|
|
203
|
+
.ons-autocomplete-wrapper {
|
|
204
|
+
position: relative;
|
|
205
|
+
}
|
|
206
|
+
.ons-autocomplete-clear {
|
|
207
|
+
position: absolute;
|
|
208
|
+
display: flex;
|
|
209
|
+
align-items: center;
|
|
210
|
+
align-content: center;
|
|
211
|
+
z-index: 1;
|
|
212
|
+
right: 3px;
|
|
213
|
+
top: calc(50% - 14px);
|
|
214
|
+
height: 28px;
|
|
215
|
+
width: 28px;
|
|
216
|
+
border: none;
|
|
217
|
+
background: white;
|
|
218
|
+
}
|
|
219
|
+
.ons-autocomplete-clear:focus {
|
|
220
|
+
outline: 3px solid #fbc900 !important;
|
|
221
|
+
}
|
|
222
|
+
.hide-menu :global(.autocomplete__menu) {
|
|
223
|
+
display: none;
|
|
224
|
+
}
|
|
225
|
+
.ons-autocomplete :global(.autocomplete__input) {
|
|
226
|
+
border-radius: 3px !important;
|
|
227
|
+
border-width: 1px !important;
|
|
228
|
+
background: white;
|
|
229
|
+
}
|
|
230
|
+
.ons-autocomplete :global(.autocomplete__input--focused) {
|
|
231
|
+
box-shadow: inset 0 0 0 1px black !important;
|
|
232
|
+
outline-color: #fbc900 !important;
|
|
233
|
+
}
|
|
234
|
+
.ons-autocomplete :global(.autocomplete__dropdown-arrow-down) {
|
|
235
|
+
width: 18px !important;
|
|
236
|
+
transform: translateY(-2px);
|
|
237
|
+
}
|
|
238
|
+
.ons-autocomplete :global(.muted-text) {
|
|
239
|
+
opacity: 0.8;
|
|
240
|
+
font-size: smaller;
|
|
241
|
+
}
|
|
242
|
+
.ons-autocomplete-wrapper :global(*) {
|
|
243
|
+
font-size: 18px;
|
|
244
|
+
}
|
|
245
|
+
.ons-autocomplete-wrapper :global(.autocomplete__hint),
|
|
246
|
+
.ons-autocomplete-wrapper :global(.autocomplete__input) {
|
|
247
|
+
height: 40px;
|
|
248
|
+
}
|
|
249
|
+
.ons-autocomplete-wrapper :global(.autocomplete__option) {
|
|
250
|
+
margin: 0;
|
|
251
|
+
}
|
|
252
|
+
.ons-autocomplete-wrapper :global(.autocomplete__menu) {
|
|
253
|
+
transform: translateY(5px);
|
|
254
|
+
border: 1px solid currentColor;
|
|
255
|
+
border-radius: 3px;
|
|
256
|
+
}
|
|
257
|
+
.ons-autocomplete-wrapper :global(.autocomplete__option--focused),
|
|
258
|
+
.ons-autocomplete-wrapper :global(.autocomplete__option:hover) {
|
|
259
|
+
background-color: var(--ons-color-branded-secondary, #003c57);
|
|
260
|
+
}
|
|
261
|
+
.ons-autocomplete-wrapper :global(.autocomplete__option:focus) {
|
|
262
|
+
outline: none !important;
|
|
263
|
+
}
|
|
264
|
+
.ons-autocomplete-wrapper :global(input) {
|
|
265
|
+
padding: 0 35px 0 8px;
|
|
266
|
+
}</style>
|
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
export default [
|
|
2
|
+
{ id: "AF", label: "Afghanistan", group: "Asia" },
|
|
3
|
+
{ id: "AX", label: "Åland Islands", group: "Europe" },
|
|
4
|
+
{ id: "AL", label: "Albania", group: "Europe" },
|
|
5
|
+
{ id: "DZ", label: "Algeria", group: "Africa" },
|
|
6
|
+
{ id: "AS", label: "American Samoa", group: "Oceania" },
|
|
7
|
+
{ id: "AD", label: "Andorra", group: "Europe" },
|
|
8
|
+
{ id: "AO", label: "Angola", group: "Africa" },
|
|
9
|
+
{ id: "AI", label: "Anguilla", group: "Americas" },
|
|
10
|
+
{ id: "AQ", label: "Antarctica", group: "" },
|
|
11
|
+
{ id: "AG", label: "Antigua and Barbuda", group: "Americas" },
|
|
12
|
+
{ id: "AR", label: "Argentina", group: "Americas" },
|
|
13
|
+
{ id: "AM", label: "Armenia", group: "Asia" },
|
|
14
|
+
{ id: "AW", label: "Aruba", group: "Americas" },
|
|
15
|
+
{ id: "AU", label: "Australia", group: "Oceania" },
|
|
16
|
+
{ id: "AT", label: "Austria", group: "Europe" },
|
|
17
|
+
{ id: "AZ", label: "Azerbaijan", group: "Asia" },
|
|
18
|
+
{ id: "BS", label: "Bahamas", group: "Americas" },
|
|
19
|
+
{ id: "BH", label: "Bahrain", group: "Asia" },
|
|
20
|
+
{ id: "BD", label: "Bangladesh", group: "Asia" },
|
|
21
|
+
{ id: "BB", label: "Barbados", group: "Americas" },
|
|
22
|
+
{ id: "BY", label: "Belarus", group: "Europe" },
|
|
23
|
+
{ id: "BE", label: "Belgium", group: "Europe" },
|
|
24
|
+
{ id: "BZ", label: "Belize", group: "Americas" },
|
|
25
|
+
{ id: "BJ", label: "Benin", group: "Africa" },
|
|
26
|
+
{ id: "BM", label: "Bermuda", group: "Americas" },
|
|
27
|
+
{ id: "BT", label: "Bhutan", group: "Asia" },
|
|
28
|
+
{ id: "BO", label: "Bolivia, Plurinational State of", group: "Americas" },
|
|
29
|
+
{ id: "BQ", label: "Bonaire, Sint Eustatius and Saba", group: "Americas" },
|
|
30
|
+
{ id: "BA", label: "Bosnia and Herzegovina", group: "Europe" },
|
|
31
|
+
{ id: "BW", label: "Botswana", group: "Africa" },
|
|
32
|
+
{ id: "BV", label: "Bouvet Island", group: "Americas" },
|
|
33
|
+
{ id: "BR", label: "Brazil", group: "Americas" },
|
|
34
|
+
{ id: "IO", label: "British Indian Ocean Territory", group: "Africa" },
|
|
35
|
+
{ id: "BN", label: "Brunei Darussalam", group: "Asia" },
|
|
36
|
+
{ id: "BG", label: "Bulgaria", group: "Europe" },
|
|
37
|
+
{ id: "BF", label: "Burkina Faso", group: "Africa" },
|
|
38
|
+
{ id: "BI", label: "Burundi", group: "Africa" },
|
|
39
|
+
{ id: "CV", label: "Cabo Verde", group: "Africa" },
|
|
40
|
+
{ id: "KH", label: "Cambodia", group: "Asia" },
|
|
41
|
+
{ id: "CM", label: "Cameroon", group: "Africa" },
|
|
42
|
+
{ id: "CA", label: "Canada", group: "Americas" },
|
|
43
|
+
{ id: "KY", label: "Cayman Islands", group: "Americas" },
|
|
44
|
+
{ id: "CF", label: "Central African Republic", group: "Africa" },
|
|
45
|
+
{ id: "TD", label: "Chad", group: "Africa" },
|
|
46
|
+
{ id: "CL", label: "Chile", group: "Americas" },
|
|
47
|
+
{ id: "CN", label: "China", group: "Asia" },
|
|
48
|
+
{ id: "CX", label: "Christmas Island", group: "Oceania" },
|
|
49
|
+
{ id: "CC", label: "Cocos (Keeling) Islands", group: "Oceania" },
|
|
50
|
+
{ id: "CO", label: "Colombia", group: "Americas" },
|
|
51
|
+
{ id: "KM", label: "Comoros", group: "Africa" },
|
|
52
|
+
{ id: "CG", label: "Congo", group: "Africa" },
|
|
53
|
+
{ id: "CD", label: "Congo, Democratic Republic of the", group: "Africa" },
|
|
54
|
+
{ id: "CK", label: "Cook Islands", group: "Oceania" },
|
|
55
|
+
{ id: "CR", label: "Costa Rica", group: "Americas" },
|
|
56
|
+
{ id: "CI", label: "Côte d'Ivoire", group: "Africa" },
|
|
57
|
+
{ id: "HR", label: "Croatia", group: "Europe" },
|
|
58
|
+
{ id: "CU", label: "Cuba", group: "Americas" },
|
|
59
|
+
{ id: "CW", label: "Curaçao", group: "Americas" },
|
|
60
|
+
{ id: "CY", label: "Cyprus", group: "Asia" },
|
|
61
|
+
{ id: "CZ", label: "Czechia", group: "Europe" },
|
|
62
|
+
{ id: "DK", label: "Denmark", group: "Europe" },
|
|
63
|
+
{ id: "DJ", label: "Djibouti", group: "Africa" },
|
|
64
|
+
{ id: "DM", label: "Dominica", group: "Americas" },
|
|
65
|
+
{ id: "DO", label: "Dominican Republic", group: "Americas" },
|
|
66
|
+
{ id: "EC", label: "Ecuador", group: "Americas" },
|
|
67
|
+
{ id: "EG", label: "Egypt", group: "Africa" },
|
|
68
|
+
{ id: "SV", label: "El Salvador", group: "Americas" },
|
|
69
|
+
{ id: "GQ", label: "Equatorial Guinea", group: "Africa" },
|
|
70
|
+
{ id: "ER", label: "Eritrea", group: "Africa" },
|
|
71
|
+
{ id: "EE", label: "Estonia", group: "Europe" },
|
|
72
|
+
{ id: "SZ", label: "Eswatini", group: "Africa" },
|
|
73
|
+
{ id: "ET", label: "Ethiopia", group: "Africa" },
|
|
74
|
+
{ id: "FK", label: "Falkland Islands (Malvinas)", group: "Americas" },
|
|
75
|
+
{ id: "FO", label: "Faroe Islands", group: "Europe" },
|
|
76
|
+
{ id: "FJ", label: "Fiji", group: "Oceania" },
|
|
77
|
+
{ id: "FI", label: "Finland", group: "Europe" },
|
|
78
|
+
{ id: "FR", label: "France", group: "Europe" },
|
|
79
|
+
{ id: "GF", label: "French Guiana", group: "Americas" },
|
|
80
|
+
{ id: "PF", label: "French Polynesia", group: "Oceania" },
|
|
81
|
+
{ id: "TF", label: "French Southern Territories", group: "Africa" },
|
|
82
|
+
{ id: "GA", label: "Gabon", group: "Africa" },
|
|
83
|
+
{ id: "GM", label: "Gambia", group: "Africa" },
|
|
84
|
+
{ id: "GE", label: "Georgia", group: "Asia" },
|
|
85
|
+
{ id: "DE", label: "Germany", group: "Europe" },
|
|
86
|
+
{ id: "GH", label: "Ghana", group: "Africa" },
|
|
87
|
+
{ id: "GI", label: "Gibraltar", group: "Europe" },
|
|
88
|
+
{ id: "GR", label: "Greece", group: "Europe" },
|
|
89
|
+
{ id: "GL", label: "Greenland", group: "Americas" },
|
|
90
|
+
{ id: "GD", label: "Grenada", group: "Americas" },
|
|
91
|
+
{ id: "GP", label: "Guadeloupe", group: "Americas" },
|
|
92
|
+
{ id: "GU", label: "Guam", group: "Oceania" },
|
|
93
|
+
{ id: "GT", label: "Guatemala", group: "Americas" },
|
|
94
|
+
{ id: "GG", label: "Guernsey", group: "Europe" },
|
|
95
|
+
{ id: "GN", label: "Guinea", group: "Africa" },
|
|
96
|
+
{ id: "GW", label: "Guinea-Bissau", group: "Africa" },
|
|
97
|
+
{ id: "GY", label: "Guyana", group: "Americas" },
|
|
98
|
+
{ id: "HT", label: "Haiti", group: "Americas" },
|
|
99
|
+
{ id: "HM", label: "Heard Island and McDonald Islands", group: "Oceania" },
|
|
100
|
+
{ id: "VA", label: "Holy See", group: "Europe" },
|
|
101
|
+
{ id: "HN", label: "Honduras", group: "Americas" },
|
|
102
|
+
{ id: "HK", label: "Hong Kong", group: "Asia" },
|
|
103
|
+
{ id: "HU", label: "Hungary", group: "Europe" },
|
|
104
|
+
{ id: "IS", label: "Iceland", group: "Europe" },
|
|
105
|
+
{ id: "IN", label: "India", group: "Asia" },
|
|
106
|
+
{ id: "ID", label: "Indonesia", group: "Asia" },
|
|
107
|
+
{ id: "IR", label: "Iran, Islamic Republic of", group: "Asia" },
|
|
108
|
+
{ id: "IQ", label: "Iraq", group: "Asia" },
|
|
109
|
+
{ id: "IE", label: "Ireland", group: "Europe" },
|
|
110
|
+
{ id: "IM", label: "Isle of Man", group: "Europe" },
|
|
111
|
+
{ id: "IL", label: "Israel", group: "Asia" },
|
|
112
|
+
{ id: "IT", label: "Italy", group: "Europe" },
|
|
113
|
+
{ id: "JM", label: "Jamaica", group: "Americas" },
|
|
114
|
+
{ id: "JP", label: "Japan", group: "Asia" },
|
|
115
|
+
{ id: "JE", label: "Jersey", group: "Europe" },
|
|
116
|
+
{ id: "JO", label: "Jordan", group: "Asia" },
|
|
117
|
+
{ id: "KZ", label: "Kazakhstan", group: "Asia" },
|
|
118
|
+
{ id: "KE", label: "Kenya", group: "Africa" },
|
|
119
|
+
{ id: "KI", label: "Kiribati", group: "Oceania" },
|
|
120
|
+
{ id: "KP", label: "Korea, Democratic People's Republic of", group: "Asia" },
|
|
121
|
+
{ id: "KR", label: "Korea, Republic of", group: "Asia" },
|
|
122
|
+
{ id: "KW", label: "Kuwait", group: "Asia" },
|
|
123
|
+
{ id: "KG", label: "Kyrgyzstan", group: "Asia" },
|
|
124
|
+
{ id: "LA", label: "Lao People's Democratic Republic", group: "Asia" },
|
|
125
|
+
{ id: "LV", label: "Latvia", group: "Europe" },
|
|
126
|
+
{ id: "LB", label: "Lebanon", group: "Asia" },
|
|
127
|
+
{ id: "LS", label: "Lesotho", group: "Africa" },
|
|
128
|
+
{ id: "LR", label: "Liberia", group: "Africa" },
|
|
129
|
+
{ id: "LY", label: "Libya", group: "Africa" },
|
|
130
|
+
{ id: "LI", label: "Liechtenstein", group: "Europe" },
|
|
131
|
+
{ id: "LT", label: "Lithuania", group: "Europe" },
|
|
132
|
+
{ id: "LU", label: "Luxembourg", group: "Europe" },
|
|
133
|
+
{ id: "MO", label: "Macao", group: "Asia" },
|
|
134
|
+
{ id: "MG", label: "Madagascar", group: "Africa" },
|
|
135
|
+
{ id: "MW", label: "Malawi", group: "Africa" },
|
|
136
|
+
{ id: "MY", label: "Malaysia", group: "Asia" },
|
|
137
|
+
{ id: "MV", label: "Maldives", group: "Asia" },
|
|
138
|
+
{ id: "ML", label: "Mali", group: "Africa" },
|
|
139
|
+
{ id: "MT", label: "Malta", group: "Europe" },
|
|
140
|
+
{ id: "MH", label: "Marshall Islands", group: "Oceania" },
|
|
141
|
+
{ id: "MQ", label: "Martinique", group: "Americas" },
|
|
142
|
+
{ id: "MR", label: "Mauritania", group: "Africa" },
|
|
143
|
+
{ id: "MU", label: "Mauritius", group: "Africa" },
|
|
144
|
+
{ id: "YT", label: "Mayotte", group: "Africa" },
|
|
145
|
+
{ id: "MX", label: "Mexico", group: "Americas" },
|
|
146
|
+
{ id: "FM", label: "Micronesia, Federated States of", group: "Oceania" },
|
|
147
|
+
{ id: "MD", label: "Moldova, Republic of", group: "Europe" },
|
|
148
|
+
{ id: "MC", label: "Monaco", group: "Europe" },
|
|
149
|
+
{ id: "MN", label: "Mongolia", group: "Asia" },
|
|
150
|
+
{ id: "ME", label: "Montenegro", group: "Europe" },
|
|
151
|
+
{ id: "MS", label: "Montserrat", group: "Americas" },
|
|
152
|
+
{ id: "MA", label: "Morocco", group: "Africa" },
|
|
153
|
+
{ id: "MZ", label: "Mozambique", group: "Africa" },
|
|
154
|
+
{ id: "MM", label: "Myanmar", group: "Asia" },
|
|
155
|
+
{ id: "NA", label: "Namibia", group: "Africa" },
|
|
156
|
+
{ id: "NR", label: "Nauru", group: "Oceania" },
|
|
157
|
+
{ id: "NP", label: "Nepal", group: "Asia" },
|
|
158
|
+
{ id: "NL", label: "Netherlands, Kingdom of the", group: "Europe" },
|
|
159
|
+
{ id: "NC", label: "New Caledonia", group: "Oceania" },
|
|
160
|
+
{ id: "NZ", label: "New Zealand", group: "Oceania" },
|
|
161
|
+
{ id: "NI", label: "Nicaragua", group: "Americas" },
|
|
162
|
+
{ id: "NE", label: "Niger", group: "Africa" },
|
|
163
|
+
{ id: "NG", label: "Nigeria", group: "Africa" },
|
|
164
|
+
{ id: "NU", label: "Niue", group: "Oceania" },
|
|
165
|
+
{ id: "NF", label: "Norfolk Island", group: "Oceania" },
|
|
166
|
+
{ id: "MK", label: "North Macedonia", group: "Europe" },
|
|
167
|
+
{ id: "MP", label: "Northern Mariana Islands", group: "Oceania" },
|
|
168
|
+
{ id: "NO", label: "Norway", group: "Europe" },
|
|
169
|
+
{ id: "OM", label: "Oman", group: "Asia" },
|
|
170
|
+
{ id: "PK", label: "Pakistan", group: "Asia" },
|
|
171
|
+
{ id: "PW", label: "Palau", group: "Oceania" },
|
|
172
|
+
{ id: "PS", label: "Palestine, State of", group: "Asia" },
|
|
173
|
+
{ id: "PA", label: "Panama", group: "Americas" },
|
|
174
|
+
{ id: "PG", label: "Papua New Guinea", group: "Oceania" },
|
|
175
|
+
{ id: "PY", label: "Paraguay", group: "Americas" },
|
|
176
|
+
{ id: "PE", label: "Peru", group: "Americas" },
|
|
177
|
+
{ id: "PH", label: "Philippines", group: "Asia" },
|
|
178
|
+
{ id: "PN", label: "Pitcairn", group: "Oceania" },
|
|
179
|
+
{ id: "PL", label: "Poland", group: "Europe" },
|
|
180
|
+
{ id: "PT", label: "Portugal", group: "Europe" },
|
|
181
|
+
{ id: "PR", label: "Puerto Rico", group: "Americas" },
|
|
182
|
+
{ id: "QA", label: "Qatar", group: "Asia" },
|
|
183
|
+
{ id: "RE", label: "Réunion", group: "Africa" },
|
|
184
|
+
{ id: "RO", label: "Romania", group: "Europe" },
|
|
185
|
+
{ id: "RU", label: "Russian Federation", group: "Europe" },
|
|
186
|
+
{ id: "RW", label: "Rwanda", group: "Africa" },
|
|
187
|
+
{ id: "BL", label: "Saint Barthélemy", group: "Americas" },
|
|
188
|
+
{
|
|
189
|
+
id: "SH",
|
|
190
|
+
label: "Saint Helena, Ascension and Tristan da Cunha",
|
|
191
|
+
group: "Africa",
|
|
192
|
+
},
|
|
193
|
+
{ id: "KN", label: "Saint Kitts and Nevis", group: "Americas" },
|
|
194
|
+
{ id: "LC", label: "Saint Lucia", group: "Americas" },
|
|
195
|
+
{ id: "MF", label: "Saint Martin (French part)", group: "Americas" },
|
|
196
|
+
{ id: "PM", label: "Saint Pierre and Miquelon", group: "Americas" },
|
|
197
|
+
{ id: "VC", label: "Saint Vincent and the Grenadines", group: "Americas" },
|
|
198
|
+
{ id: "WS", label: "Samoa", group: "Oceania" },
|
|
199
|
+
{ id: "SM", label: "San Marino", group: "Europe" },
|
|
200
|
+
{ id: "ST", label: "Sao Tome and Principe", group: "Africa" },
|
|
201
|
+
{ id: "SA", label: "Saudi Arabia", group: "Asia" },
|
|
202
|
+
{ id: "SN", label: "Senegal", group: "Africa" },
|
|
203
|
+
{ id: "RS", label: "Serbia", group: "Europe" },
|
|
204
|
+
{ id: "SC", label: "Seychelles", group: "Africa" },
|
|
205
|
+
{ id: "SL", label: "Sierra Leone", group: "Africa" },
|
|
206
|
+
{ id: "SG", label: "Singapore", group: "Asia" },
|
|
207
|
+
{ id: "SX", label: "Sint Maarten (Dutch part)", group: "Americas" },
|
|
208
|
+
{ id: "SK", label: "Slovakia", group: "Europe" },
|
|
209
|
+
{ id: "SI", label: "Slovenia", group: "Europe" },
|
|
210
|
+
{ id: "SB", label: "Solomon Islands", group: "Oceania" },
|
|
211
|
+
{ id: "SO", label: "Somalia", group: "Africa" },
|
|
212
|
+
{ id: "ZA", label: "South Africa", group: "Africa" },
|
|
213
|
+
{
|
|
214
|
+
id: "GS",
|
|
215
|
+
label: "South Georgia and the South Sandwich Islands",
|
|
216
|
+
group: "Americas",
|
|
217
|
+
},
|
|
218
|
+
{ id: "SS", label: "South Sudan", group: "Africa" },
|
|
219
|
+
{ id: "ES", label: "Spain", group: "Europe" },
|
|
220
|
+
{ id: "LK", label: "Sri Lanka", group: "Asia" },
|
|
221
|
+
{ id: "SD", label: "Sudan", group: "Africa" },
|
|
222
|
+
{ id: "SR", label: "Suriname", group: "Americas" },
|
|
223
|
+
{ id: "SJ", label: "Svalbard and Jan Mayen", group: "Europe" },
|
|
224
|
+
{ id: "SE", label: "Sweden", group: "Europe" },
|
|
225
|
+
{ id: "CH", label: "Switzerland", group: "Europe" },
|
|
226
|
+
{ id: "SY", label: "Syrian Arab Republic", group: "Asia" },
|
|
227
|
+
{ id: "TW", label: "Taiwan, Province of China", group: "" },
|
|
228
|
+
{ id: "TJ", label: "Tajikistan", group: "Asia" },
|
|
229
|
+
{ id: "TZ", label: "Tanzania, United Republic of", group: "Africa" },
|
|
230
|
+
{ id: "TH", label: "Thailand", group: "Asia" },
|
|
231
|
+
{ id: "TL", label: "Timor-Leste", group: "Asia" },
|
|
232
|
+
{ id: "TG", label: "Togo", group: "Africa" },
|
|
233
|
+
{ id: "TK", label: "Tokelau", group: "Oceania" },
|
|
234
|
+
{ id: "TO", label: "Tonga", group: "Oceania" },
|
|
235
|
+
{ id: "TT", label: "Trinidad and Tobago", group: "Americas" },
|
|
236
|
+
{ id: "TN", label: "Tunisia", group: "Africa" },
|
|
237
|
+
{ id: "TR", label: "Türkiye", group: "Asia" },
|
|
238
|
+
{ id: "TM", label: "Turkmenistan", group: "Asia" },
|
|
239
|
+
{ id: "TC", label: "Turks and Caicos Islands", group: "Americas" },
|
|
240
|
+
{ id: "TV", label: "Tuvalu", group: "Oceania" },
|
|
241
|
+
{ id: "UG", label: "Uganda", group: "Africa" },
|
|
242
|
+
{ id: "UA", label: "Ukraine", group: "Europe" },
|
|
243
|
+
{ id: "AE", label: "United Arab Emirates", group: "Asia" },
|
|
244
|
+
{
|
|
245
|
+
id: "GB",
|
|
246
|
+
label: "United Kingdom of Great Britain and Northern Ireland",
|
|
247
|
+
group: "Europe",
|
|
248
|
+
},
|
|
249
|
+
{ id: "US", label: "United States of America", group: "Americas" },
|
|
250
|
+
{ id: "UM", label: "United States Minor Outlying Islands", group: "Oceania" },
|
|
251
|
+
{ id: "UY", label: "Uruguay", group: "Americas" },
|
|
252
|
+
{ id: "UZ", label: "Uzbekistan", group: "Asia" },
|
|
253
|
+
{ id: "VU", label: "Vanuatu", group: "Oceania" },
|
|
254
|
+
{ id: "VE", label: "Venezuela, Bolivarian Republic of", group: "Americas" },
|
|
255
|
+
{ id: "VN", label: "Viet Nam", group: "Asia" },
|
|
256
|
+
{ id: "VG", label: "Virgin Islands (British)", group: "Americas" },
|
|
257
|
+
{ id: "VI", label: "Virgin Islands (U.S.)", group: "Americas" },
|
|
258
|
+
{ id: "WF", label: "Wallis and Futuna", group: "Oceania" },
|
|
259
|
+
{ id: "EH", label: "Western Sahara", group: "Africa" },
|
|
260
|
+
{ id: "YE", label: "Yemen", group: "Asia" },
|
|
261
|
+
{ id: "ZM", label: "Zambia", group: "Africa" },
|
|
262
|
+
{ id: "ZW", label: "Zimbabwe", group: "Africa" },
|
|
263
|
+
];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onsvisual/svelte-components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.91",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"homepage": "https://onsvisual.github.io/svelte-components",
|
|
@@ -126,6 +126,8 @@
|
|
|
126
126
|
"./decorators/Divider/Divider.svelte": "./dist/decorators/Divider/Divider.svelte",
|
|
127
127
|
"./decorators/Em/Em.svelte": "./dist/decorators/Em/Em.svelte",
|
|
128
128
|
"./globals.d.ts": "./dist/globals.d.ts",
|
|
129
|
+
"./inputs/AccessibleSelect/AccessibleSelect.svelte": "./dist/inputs/AccessibleSelect/AccessibleSelect.svelte",
|
|
130
|
+
"./inputs/AccessibleSelect/options": "./dist/inputs/AccessibleSelect/options.js",
|
|
129
131
|
"./inputs/Button/Button.svelte": "./dist/inputs/Button/Button.svelte",
|
|
130
132
|
"./inputs/Button/Icon.svelte": "./dist/inputs/Button/Icon.svelte",
|
|
131
133
|
"./inputs/Checkbox/Checkbox.svelte": "./dist/inputs/Checkbox/Checkbox.svelte",
|