@swiftwc/ui 0.0.0-dev.93 → 0.0.0-dev.95
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/generated/components/alert-dialog.d.ts +1 -1
- package/generated/components/alert-dialog.js +1 -1
- package/generated/components/body-view.d.ts +6 -1
- package/generated/components/body-view.js +1 -1
- package/generated/components/color-scheme.d.ts +5 -0
- package/generated/components/confirmation-dialog.d.ts +1 -2
- package/generated/components/confirmation-dialog.js +1 -2
- package/generated/components/content-unavailable.d.ts +5 -0
- package/generated/components/date-picker.d.ts +9 -4
- package/generated/components/date-picker.js +17 -9
- package/generated/components/disclosure-group.d.ts +4 -1
- package/generated/components/disclosure-group.js +5 -1
- package/generated/components/fine-tooltip.d.ts +5 -0
- package/generated/components/form-view.d.ts +7 -0
- package/generated/components/form-view.js +2 -0
- package/generated/components/h-stack.d.ts +7 -2
- package/generated/components/h-stack.js +2 -2
- package/generated/components/image-view.d.ts +9 -0
- package/generated/components/image-view.js +4 -0
- package/generated/components/label-view.d.ts +7 -4
- package/generated/components/label-view.js +16 -5
- package/generated/components/labeled-content.d.ts +13 -0
- package/generated/components/labeled-content.js +19 -1
- package/generated/components/list-view.d.ts +7 -0
- package/generated/components/list-view.js +2 -0
- package/generated/components/menu-view.d.ts +5 -0
- package/generated/components/navigation-large-title.d.ts +12 -0
- package/generated/components/navigation-large-title.js +7 -0
- package/generated/components/navigation-split-view.d.ts +6 -1
- package/generated/components/navigation-split-view.js +1 -1
- package/generated/components/navigation-stack.d.ts +6 -1
- package/generated/components/navigation-stack.js +1 -1
- package/generated/components/navigation-title.d.ts +10 -0
- package/generated/components/navigation-title.js +5 -0
- package/generated/components/picker-view.d.ts +9 -4
- package/generated/components/picker-view.js +11 -9
- package/generated/components/progress-view.d.ts +6 -1
- package/generated/components/progress-view.js +1 -1
- package/generated/components/scroll-view-proxy.d.ts +6 -1
- package/generated/components/scroll-view-proxy.js +1 -1
- package/generated/components/scroll-view.d.ts +7 -0
- package/generated/components/scroll-view.js +2 -0
- package/generated/components/search-view.d.ts +5 -0
- package/generated/components/section-view.d.ts +5 -0
- package/generated/components/sheet-view.d.ts +3 -0
- package/generated/components/sheet-view.js +3 -0
- package/generated/components/sidebar-toggle.d.ts +9 -1
- package/generated/components/sidebar-toggle.js +9 -6
- package/generated/components/sidebar-view.d.ts +3 -0
- package/generated/components/sidebar-view.js +3 -0
- package/generated/components/sticky-container.d.ts +6 -1
- package/generated/components/sticky-container.js +5 -5
- package/generated/components/tab-bar.d.ts +1 -1
- package/generated/components/tab-bar.js +1 -1
- package/generated/components/tab-item.d.ts +3 -0
- package/generated/components/tab-item.js +3 -0
- package/generated/components/tab-view.d.ts +8 -2
- package/generated/components/tab-view.js +1 -0
- package/generated/components/table-view.d.ts +6 -1
- package/generated/components/table-view.js +1 -1
- package/generated/components/text-field.d.ts +9 -4
- package/generated/components/text-field.js +37 -15
- package/generated/components/toggle-view.d.ts +11 -4
- package/generated/components/toggle-view.js +13 -11
- package/generated/components/tool-bar-item-group.d.ts +6 -1
- package/generated/components/tool-bar-item-group.js +1 -1
- package/generated/components/tool-bar-item.d.ts +6 -1
- package/generated/components/tool-bar-item.js +1 -1
- package/generated/components/tool-bar.d.ts +6 -1
- package/generated/components/tool-bar.js +1 -1
- package/generated/components/v-keyboard.d.ts +5 -0
- package/generated/components/v-stack.d.ts +7 -2
- package/generated/components/v-stack.js +2 -2
- package/generated/events/alert-dialog.d.ts +3 -1
- package/generated/events/confirmation-dialog.d.ts +3 -1
- package/generated/events/date-picker.d.ts +3 -1
- package/generated/events/lifecycle-observer.d.ts +6 -2
- package/generated/events/picker-view.d.ts +12 -4
- package/generated/events/scroll-view.d.ts +6 -2
- package/generated/events/tab-view.d.ts +24 -8
- package/generated/events/text-field.d.ts +3 -1
- package/generated/events/toggle-view.d.ts +3 -1
- package/generated/internal/class/form-associated-base.js +1 -1
- package/generated/internal/utils/kebab-case.js +6 -9
- package/package.json +6 -4
- package/web-components.css-data/en.json +28 -0
- package/web-components.html-data/en.json +248 -82
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"url": "https://swiftwc.github.io/ui/web-components/body-view"
|
|
20
20
|
}
|
|
21
21
|
],
|
|
22
|
-
"description": ""
|
|
22
|
+
"description": "A container view that wraps a scroll view, marking it as a screen your app can navigate to.\n---"
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
25
|
"name": "bordered-button",
|
|
@@ -29,7 +29,6 @@
|
|
|
29
29
|
"url": "https://swiftwc.github.io/ui/web-components/bordered-button"
|
|
30
30
|
}
|
|
31
31
|
],
|
|
32
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a bordered button:**\n```html\n<button is=\"bordered-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
33
32
|
"attributes": [
|
|
34
33
|
{
|
|
35
34
|
"name": "role",
|
|
@@ -46,7 +45,8 @@
|
|
|
46
45
|
{
|
|
47
46
|
"name": "title-key"
|
|
48
47
|
}
|
|
49
|
-
]
|
|
48
|
+
],
|
|
49
|
+
"description": "A control that starts an action. Styled with a standard border, adapting to the button’s surroundings.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a bordered button:**\n```html\n<button is=\"bordered-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
50
50
|
},
|
|
51
51
|
{
|
|
52
52
|
"name": "bordered-prominent-button",
|
|
@@ -56,7 +56,6 @@
|
|
|
56
56
|
"url": "https://swiftwc.github.io/ui/web-components/bordered-prominent-button"
|
|
57
57
|
}
|
|
58
58
|
],
|
|
59
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a prominent bordered button:**\n```html\n<button is=\"bordered-prominent-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
60
59
|
"attributes": [
|
|
61
60
|
{
|
|
62
61
|
"name": "role",
|
|
@@ -73,7 +72,8 @@
|
|
|
73
72
|
{
|
|
74
73
|
"name": "title-key"
|
|
75
74
|
}
|
|
76
|
-
]
|
|
75
|
+
],
|
|
76
|
+
"description": "A control that starts an action. Styled with a prominent border, adapting to the button’s surroundings.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a prominent bordered button:**\n```html\n<button is=\"bordered-prominent-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
79
|
"name": "borderless-button",
|
|
@@ -83,7 +83,6 @@
|
|
|
83
83
|
"url": "https://swiftwc.github.io/ui/web-components/borderless-button"
|
|
84
84
|
}
|
|
85
85
|
],
|
|
86
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Use the `is` attribute to style a `button` as a `borderless-button`:**\n```html\n<button is=\"borderless-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
87
86
|
"attributes": [
|
|
88
87
|
{
|
|
89
88
|
"name": "role",
|
|
@@ -100,7 +99,8 @@
|
|
|
100
99
|
{
|
|
101
100
|
"name": "title-key"
|
|
102
101
|
}
|
|
103
|
-
]
|
|
102
|
+
],
|
|
103
|
+
"description": "A control that starts an action. Styled without any borders.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Use the `is` attribute to style a `button` as a `borderless-button`:**\n```html\n<button is=\"borderless-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
104
104
|
},
|
|
105
105
|
{
|
|
106
106
|
"name": "color-scheme",
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
"name": "anchor"
|
|
125
125
|
}
|
|
126
126
|
],
|
|
127
|
-
"description": "A
|
|
127
|
+
"description": "A dialog that asks the user to confirm an action. Use it from the client module like `await confirmationDialog(trigger, 'Permanently erase the items in the Trash?')`.\n---"
|
|
128
128
|
},
|
|
129
129
|
{
|
|
130
130
|
"name": "content-unavailable",
|
|
@@ -134,12 +134,12 @@
|
|
|
134
134
|
"url": "https://swiftwc.github.io/ui/web-components/content-unavailable"
|
|
135
135
|
}
|
|
136
136
|
],
|
|
137
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **description**\n- **actions**\n\n### **Examples:**\n**Example:**\n```html\n<content-unavailable search></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable search=\"foo\"></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n <label-view title=\"No Mail\">\n <i class=\"ph ph-tray\" slot=\"icon\" foreground=\"secondary\"></i>\n </label-view>\n <label-view\n title=\"New mails you receive will appear here.\"\n foreground=\"secondary\"\n slot=\"description\"\n ></label-view>\n <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n <label-view title=\"Switch Account\"></label-view>\n </button>\n</content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n <label-view title=\"No Mail\">\n <svg slot=\"icon\" foreground=\"secondary\" ...>...</svg>\n </label-view>\n <label-view\n title=\"New mails you receive will appear here.\"\n foreground=\"secondary\"\n slot=\"description\"\n ></label-view>\n <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n <label-view title=\"Switch Account\"></label-view>\n </button>\n</content-unavailable>\n\n```",
|
|
138
137
|
"attributes": [
|
|
139
138
|
{
|
|
140
139
|
"name": "search"
|
|
141
140
|
}
|
|
142
|
-
]
|
|
141
|
+
],
|
|
142
|
+
"description": "A message with a title and extra information that you show when part of your app can’t be used.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **description**\n- **actions**\n\n### **Examples:**\n**Example:**\n```html\n<content-unavailable search></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable search=\"foo\"></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n <label-view title=\"No Mail\">\n <i class=\"ph ph-tray\" slot=\"icon\" foreground=\"secondary\"></i>\n </label-view>\n <label-view\n title=\"New mails you receive will appear here.\"\n foreground=\"secondary\"\n slot=\"description\"\n ></label-view>\n <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n <label-view title=\"Switch Account\"></label-view>\n </button>\n</content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n <label-view title=\"No Mail\">\n <svg slot=\"icon\" foreground=\"secondary\" ...>...</svg>\n </label-view>\n <label-view\n title=\"New mails you receive will appear here.\"\n foreground=\"secondary\"\n slot=\"description\"\n ></label-view>\n <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n <label-view title=\"Switch Account\"></label-view>\n </button>\n</content-unavailable>\n\n```"
|
|
143
143
|
},
|
|
144
144
|
{
|
|
145
145
|
"name": "date-picker",
|
|
@@ -149,7 +149,6 @@
|
|
|
149
149
|
"url": "https://swiftwc.github.io/ui/web-components/date-picker"
|
|
150
150
|
}
|
|
151
151
|
],
|
|
152
|
-
"description": "### **Properties:**\n- readonly **template** — DocumentFragment\n- readonly **datePickerStyle** — \"graphical\" | \"field\" | \"automatic\"\n- readonly **name** — string Form participation property\n- readonly **value** — { year: string; month: string; day: string; }\n- readonly **valueAsDate** — Date | null Returns the value as a Date object.\n- readonly **minimum** — { year: string; month: string; day: string; } | null\n- readonly **maximum** — { year: string; month: string; day: string; } | null",
|
|
153
152
|
"attributes": [
|
|
154
153
|
{
|
|
155
154
|
"name": "date-picker-style",
|
|
@@ -167,7 +166,13 @@
|
|
|
167
166
|
]
|
|
168
167
|
},
|
|
169
168
|
{
|
|
170
|
-
"name": "required"
|
|
169
|
+
"name": "required",
|
|
170
|
+
"description": "Value Type: “boolean”",
|
|
171
|
+
"values": [
|
|
172
|
+
{
|
|
173
|
+
"name": "boolean"
|
|
174
|
+
}
|
|
175
|
+
]
|
|
171
176
|
},
|
|
172
177
|
{
|
|
173
178
|
"name": "prompt"
|
|
@@ -182,7 +187,19 @@
|
|
|
182
187
|
"name": "selection"
|
|
183
188
|
},
|
|
184
189
|
{
|
|
185
|
-
"name": "disabled"
|
|
190
|
+
"name": "disabled",
|
|
191
|
+
"references": [
|
|
192
|
+
{
|
|
193
|
+
"name": "MDN — disabled",
|
|
194
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled"
|
|
195
|
+
}
|
|
196
|
+
],
|
|
197
|
+
"description": "Value Type: “boolean”",
|
|
198
|
+
"values": [
|
|
199
|
+
{
|
|
200
|
+
"name": "boolean"
|
|
201
|
+
}
|
|
202
|
+
]
|
|
186
203
|
},
|
|
187
204
|
{
|
|
188
205
|
"name": "minimum"
|
|
@@ -190,7 +207,8 @@
|
|
|
190
207
|
{
|
|
191
208
|
"name": "maximum"
|
|
192
209
|
}
|
|
193
|
-
]
|
|
210
|
+
],
|
|
211
|
+
"description": "A control that selects an absolute date.\n---\n\n### **Properties:**\n- readonly **template** — DocumentFragment\n- readonly **datePickerStyle** — \"graphical\" | \"field\" | \"automatic\"\n- readonly **name** — string\n- readonly **value** — { year: string; month: string; day: string; }\n- readonly **valueAsDate** — Date | null\n- readonly **minimum** — { year: string; month: string; day: string; } | null\n- readonly **maximum** — { year: string; month: string; day: string; } | null"
|
|
194
212
|
},
|
|
195
213
|
{
|
|
196
214
|
"name": "disclosure-group",
|
|
@@ -200,13 +218,18 @@
|
|
|
200
218
|
"url": "https://swiftwc.github.io/ui/web-components/disclosure-group"
|
|
201
219
|
}
|
|
202
220
|
],
|
|
203
|
-
"description": "### **Examples:**\n**Example:**\n```html\n<details is=\"disclosure-group\">\n <summary><label-view title=\"Items\"></label-view></summary>\n <label-view title=\"Item 1\"></label-view>\n <label-view title=\"Item 2\"></label-view>\n <details is=\"disclosure-group\">\n <summary><label-view title=\"Sub-items\"></label-view></summary>\n <label-view title=\"Sub-item 1\"></label-view>\n </details>\n</details>\n\n```",
|
|
204
221
|
"attributes": [
|
|
205
222
|
{
|
|
206
223
|
"name": "open",
|
|
207
|
-
"description": "The status of this element"
|
|
224
|
+
"description": "Value Type: “boolean”\nDescription: The status of this element",
|
|
225
|
+
"values": [
|
|
226
|
+
{
|
|
227
|
+
"name": "boolean"
|
|
228
|
+
}
|
|
229
|
+
]
|
|
208
230
|
}
|
|
209
|
-
]
|
|
231
|
+
],
|
|
232
|
+
"description": "A view that shows or hides another view when the user opens or closes it.\n---\n\n### **Events:**\n- **is-expanded**\n- **is-collapsed**\n\n### **Examples:**\n**Example:**\n```html\n<details is=\"disclosure-group\">\n <summary><label-view title=\"Items\"></label-view></summary>\n <label-view title=\"Item 1\"></label-view>\n <label-view title=\"Item 2\"></label-view>\n <details is=\"disclosure-group\">\n <summary><label-view title=\"Sub-items\"></label-view></summary>\n <label-view title=\"Sub-item 1\"></label-view>\n </details>\n</details>\n\n```"
|
|
210
233
|
},
|
|
211
234
|
{
|
|
212
235
|
"name": "fine-tooltip",
|
|
@@ -231,7 +254,7 @@
|
|
|
231
254
|
]
|
|
232
255
|
}
|
|
233
256
|
],
|
|
234
|
-
"description": ""
|
|
257
|
+
"description": "A container view that groups controls together for entering data, like a settings screen.\n---"
|
|
235
258
|
},
|
|
236
259
|
{
|
|
237
260
|
"name": "glass-button",
|
|
@@ -241,7 +264,6 @@
|
|
|
241
264
|
"url": "https://swiftwc.github.io/ui/web-components/glass-button"
|
|
242
265
|
}
|
|
243
266
|
],
|
|
244
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a glass button:**\n```html\n<button is=\"glass-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
245
267
|
"attributes": [
|
|
246
268
|
{
|
|
247
269
|
"name": "role",
|
|
@@ -258,7 +280,8 @@
|
|
|
258
280
|
{
|
|
259
281
|
"name": "title-key"
|
|
260
282
|
}
|
|
261
|
-
]
|
|
283
|
+
],
|
|
284
|
+
"description": "A control that starts an action. Styled with a glass border, adapting to the button’s surroundings.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a glass button:**\n```html\n<button is=\"glass-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
262
285
|
},
|
|
263
286
|
{
|
|
264
287
|
"name": "glass-prominent-button",
|
|
@@ -268,7 +291,6 @@
|
|
|
268
291
|
"url": "https://swiftwc.github.io/ui/web-components/glass-prominent-button"
|
|
269
292
|
}
|
|
270
293
|
],
|
|
271
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a prominent glass button:**\n```html\n<button is=\"glass-prominent-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
272
294
|
"attributes": [
|
|
273
295
|
{
|
|
274
296
|
"name": "role",
|
|
@@ -285,7 +307,8 @@
|
|
|
285
307
|
{
|
|
286
308
|
"name": "title-key"
|
|
287
309
|
}
|
|
288
|
-
]
|
|
310
|
+
],
|
|
311
|
+
"description": "A control that starts an action. Styled with a prominent glass border, adapting to the button’s surroundings.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a prominent glass button:**\n```html\n<button is=\"glass-prominent-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
289
312
|
},
|
|
290
313
|
{
|
|
291
314
|
"name": "h-stack",
|
|
@@ -295,17 +318,16 @@
|
|
|
295
318
|
"url": "https://swiftwc.github.io/ui/web-components/h-stack"
|
|
296
319
|
}
|
|
297
320
|
],
|
|
298
|
-
"description": "",
|
|
299
321
|
"attributes": [
|
|
300
322
|
{
|
|
301
323
|
"name": "template",
|
|
302
324
|
"description": "\nDescription: The main-axis grid template",
|
|
303
|
-
"valueSet": "
|
|
325
|
+
"valueSet": "Template"
|
|
304
326
|
},
|
|
305
327
|
{
|
|
306
328
|
"name": "spacing",
|
|
307
329
|
"description": "\nDescription: The gap between the primary axis",
|
|
308
|
-
"valueSet": "
|
|
330
|
+
"valueSet": "Spacing"
|
|
309
331
|
},
|
|
310
332
|
{
|
|
311
333
|
"name": "alignment",
|
|
@@ -322,10 +344,17 @@
|
|
|
322
344
|
"description": "\nDescription: The main-axis alignment",
|
|
323
345
|
"valueSet": "inlinePlacementSet"
|
|
324
346
|
}
|
|
325
|
-
]
|
|
347
|
+
],
|
|
348
|
+
"description": "A view that arranges its children side by side.\n---"
|
|
326
349
|
},
|
|
327
350
|
{
|
|
328
351
|
"name": "image-view",
|
|
352
|
+
"references": [
|
|
353
|
+
{
|
|
354
|
+
"name": "Documentation",
|
|
355
|
+
"url": "https://swiftwc.github.io/ui/web-components/image-view"
|
|
356
|
+
}
|
|
357
|
+
],
|
|
329
358
|
"attributes": [
|
|
330
359
|
{
|
|
331
360
|
"name": "system-name"
|
|
@@ -334,7 +363,7 @@
|
|
|
334
363
|
"name": "system-weight"
|
|
335
364
|
}
|
|
336
365
|
],
|
|
337
|
-
"description": ""
|
|
366
|
+
"description": "A view that displays an image.\n---"
|
|
338
367
|
},
|
|
339
368
|
{
|
|
340
369
|
"name": "label-view",
|
|
@@ -344,12 +373,11 @@
|
|
|
344
373
|
"url": "https://swiftwc.github.io/ui/web-components/label-view"
|
|
345
374
|
}
|
|
346
375
|
],
|
|
347
|
-
"description": "### **Slots:**\n- _default_ — Place children without a `slot` attribute inside the main block of the label.\n- **icon** — Place children with a `slot=\"icon\"` attribute in the icon block of the label.\n\n### **Examples:**\n**Creating a label with an icon image and a title:**\n```html\n<label-view system-image=\"hand-tap\"><span>Hello</span></label-view>\n\n```",
|
|
348
376
|
"attributes": [
|
|
349
377
|
{
|
|
350
378
|
"name": "font",
|
|
351
379
|
"description": "\nDescription: Sets the default font for text in this view.",
|
|
352
|
-
"valueSet": "
|
|
380
|
+
"valueSet": "Font"
|
|
353
381
|
},
|
|
354
382
|
{
|
|
355
383
|
"name": "system-image"
|
|
@@ -361,12 +389,25 @@
|
|
|
361
389
|
"name": "line-limit"
|
|
362
390
|
},
|
|
363
391
|
{
|
|
364
|
-
"name": "truncation-mode"
|
|
392
|
+
"name": "truncation-mode",
|
|
393
|
+
"description": "Value Type: “tail”",
|
|
394
|
+
"values": [
|
|
395
|
+
{
|
|
396
|
+
"name": "tail"
|
|
397
|
+
}
|
|
398
|
+
]
|
|
365
399
|
}
|
|
366
|
-
]
|
|
400
|
+
],
|
|
401
|
+
"description": "A view that labels items with an icon and a title.\n---\n\n### **Slots:**\n- _default_ — Any children without a `slot` attribute are placed in the title block.\n- **icon** — Use the `slot=\"icon\"` attribute to place childen in the icon block.\n\n### **Examples:**\n**Creating a label using a `span` element:**\n```html\n<label-view><span>Hello world!</span></label-view>\n\n```\n**Creating a label using the `title` attribute:**\n```html\n<label-view title=\"Hello world!\"></label-view>\n\n```\n**Creating a label with an icon and a title using the `system-image` attribute:**\n```html\n<label-view system-image=\"hand-waving\"><span>Hello world!</span></label-view>\n\n```\n**Creating a label with an icon and a title using the `icon` slot:**\n```html\n<label-view>\n <i slot=\"icon\" class=\"ph ph-duotone ph-hand-waving\"></i>\n <span>Hello world!</span>\n</label-view>\n\n```"
|
|
367
402
|
},
|
|
368
403
|
{
|
|
369
404
|
"name": "labeled-content",
|
|
405
|
+
"references": [
|
|
406
|
+
{
|
|
407
|
+
"name": "Documentation",
|
|
408
|
+
"url": "https://swiftwc.github.io/ui/web-components/labeled-content"
|
|
409
|
+
}
|
|
410
|
+
],
|
|
370
411
|
"attributes": [
|
|
371
412
|
{
|
|
372
413
|
"name": "value"
|
|
@@ -381,13 +422,22 @@
|
|
|
381
422
|
"name": "footer"
|
|
382
423
|
},
|
|
383
424
|
{
|
|
384
|
-
"name": "labeled-content-style"
|
|
425
|
+
"name": "labeled-content-style",
|
|
426
|
+
"description": "Value Type: “vertical” | “horizontal”",
|
|
427
|
+
"values": [
|
|
428
|
+
{
|
|
429
|
+
"name": "vertical"
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
"name": "horizontal"
|
|
433
|
+
}
|
|
434
|
+
]
|
|
385
435
|
},
|
|
386
436
|
{
|
|
387
437
|
"name": "format"
|
|
388
438
|
}
|
|
389
439
|
],
|
|
390
|
-
"description": ""
|
|
440
|
+
"description": "A container view that pairs a label with a value.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **label** — Use the `slot=\"label\"` attribute to place childen in the label block.\n- **header**\n- **footer**"
|
|
391
441
|
},
|
|
392
442
|
{
|
|
393
443
|
"name": "list-view",
|
|
@@ -408,7 +458,7 @@
|
|
|
408
458
|
]
|
|
409
459
|
}
|
|
410
460
|
],
|
|
411
|
-
"description": ""
|
|
461
|
+
"description": "A container view that arranges rows of data in a single column, optionally letting the user select one or more of them.\n---"
|
|
412
462
|
},
|
|
413
463
|
{
|
|
414
464
|
"name": "menu-view",
|
|
@@ -418,7 +468,6 @@
|
|
|
418
468
|
"url": "https://swiftwc.github.io/ui/web-components/menu-view"
|
|
419
469
|
}
|
|
420
470
|
],
|
|
421
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **label**",
|
|
422
471
|
"attributes": [
|
|
423
472
|
{
|
|
424
473
|
"name": "open"
|
|
@@ -429,10 +478,46 @@
|
|
|
429
478
|
{
|
|
430
479
|
"name": "label"
|
|
431
480
|
}
|
|
432
|
-
]
|
|
481
|
+
],
|
|
482
|
+
"description": "A control that opens a menu of actions.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **label**"
|
|
433
483
|
},
|
|
434
484
|
{
|
|
435
485
|
"name": "navigation-large-title",
|
|
486
|
+
"references": [
|
|
487
|
+
{
|
|
488
|
+
"name": "Documentation",
|
|
489
|
+
"url": "https://swiftwc.github.io/ui/web-components/navigation-large-title"
|
|
490
|
+
}
|
|
491
|
+
],
|
|
492
|
+
"attributes": [
|
|
493
|
+
{
|
|
494
|
+
"name": "background-style",
|
|
495
|
+
"description": "Value Type: “grouped”",
|
|
496
|
+
"values": [
|
|
497
|
+
{
|
|
498
|
+
"name": "grouped"
|
|
499
|
+
}
|
|
500
|
+
]
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"name": "padding",
|
|
504
|
+
"description": "Value Type: “boolean”",
|
|
505
|
+
"values": [
|
|
506
|
+
{
|
|
507
|
+
"name": "boolean"
|
|
508
|
+
}
|
|
509
|
+
]
|
|
510
|
+
},
|
|
511
|
+
{
|
|
512
|
+
"name": "navigation-bar-auto-hide",
|
|
513
|
+
"description": "Value Type: “boolean”",
|
|
514
|
+
"values": [
|
|
515
|
+
{
|
|
516
|
+
"name": "boolean"
|
|
517
|
+
}
|
|
518
|
+
]
|
|
519
|
+
}
|
|
520
|
+
],
|
|
436
521
|
"description": ""
|
|
437
522
|
},
|
|
438
523
|
{
|
|
@@ -443,7 +528,7 @@
|
|
|
443
528
|
"url": "https://swiftwc.github.io/ui/web-components/navigation-split-view"
|
|
444
529
|
}
|
|
445
530
|
],
|
|
446
|
-
"description": ""
|
|
531
|
+
"description": "A container view with two or three side-by-side screens, where what the user chooses in the left screen changes what appears in the next screen.\n---"
|
|
447
532
|
},
|
|
448
533
|
{
|
|
449
534
|
"name": "navigation-stack",
|
|
@@ -453,11 +538,26 @@
|
|
|
453
538
|
"url": "https://swiftwc.github.io/ui/web-components/navigation-stack"
|
|
454
539
|
}
|
|
455
540
|
],
|
|
456
|
-
"description": ""
|
|
541
|
+
"description": "A container view that shows a main screen and lets the user open other screens on top of it.\n---"
|
|
457
542
|
},
|
|
458
543
|
{
|
|
459
544
|
"name": "navigation-title",
|
|
545
|
+
"references": [
|
|
546
|
+
{
|
|
547
|
+
"name": "Documentation",
|
|
548
|
+
"url": "https://swiftwc.github.io/ui/web-components/navigation-title"
|
|
549
|
+
}
|
|
550
|
+
],
|
|
460
551
|
"attributes": [
|
|
552
|
+
{
|
|
553
|
+
"name": "padding",
|
|
554
|
+
"description": "Value Type: “boolean”",
|
|
555
|
+
"values": [
|
|
556
|
+
{
|
|
557
|
+
"name": "boolean"
|
|
558
|
+
}
|
|
559
|
+
]
|
|
560
|
+
},
|
|
461
561
|
{
|
|
462
562
|
"name": "value"
|
|
463
563
|
},
|
|
@@ -471,7 +571,7 @@
|
|
|
471
571
|
"name": "system-image-weight"
|
|
472
572
|
}
|
|
473
573
|
],
|
|
474
|
-
"description": ""
|
|
574
|
+
"description": "A container view.\n---"
|
|
475
575
|
},
|
|
476
576
|
{
|
|
477
577
|
"name": "picker-view",
|
|
@@ -481,7 +581,6 @@
|
|
|
481
581
|
"url": "https://swiftwc.github.io/ui/web-components/picker-view"
|
|
482
582
|
}
|
|
483
583
|
],
|
|
484
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **label**\n- **list**\n- **validity-options**\n\n### **Properties:**\n- **selection** — string\n- readonly **template** — DocumentFragment\n- readonly **pickerStyle** — \"automatic\" | \"menu\" | \"inline\" | \"navigation-link\" | \"sheet\"\n- readonly **name** — string Form participation property",
|
|
485
584
|
"attributes": [
|
|
486
585
|
{
|
|
487
586
|
"name": "picker-style",
|
|
@@ -537,7 +636,8 @@
|
|
|
537
636
|
}
|
|
538
637
|
]
|
|
539
638
|
}
|
|
540
|
-
]
|
|
639
|
+
],
|
|
640
|
+
"description": "A control that selects one value from a set of options.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **label**\n- **list**\n- **validity-options**\n\n### **Properties:**\n- **selection** — string\n- readonly **template** — DocumentFragment\n- readonly **pickerStyle** — \"automatic\" | \"menu\" | \"inline\" | \"navigation-link\" | \"sheet\"\n- readonly **name** — string"
|
|
541
641
|
},
|
|
542
642
|
{
|
|
543
643
|
"name": "plain-button",
|
|
@@ -551,7 +651,6 @@
|
|
|
551
651
|
"url": "https://swiftwc.github.io/ui/web-components/progress-view"
|
|
552
652
|
}
|
|
553
653
|
],
|
|
554
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **current-value**\n\n### **Properties:**\n- readonly **progressViewStyle** — \"circular\" | \"linear\"\n- readonly **template** — DocumentFragment",
|
|
555
654
|
"attributes": [
|
|
556
655
|
{
|
|
557
656
|
"name": "label"
|
|
@@ -562,7 +661,8 @@
|
|
|
562
661
|
{
|
|
563
662
|
"name": "value"
|
|
564
663
|
}
|
|
565
|
-
]
|
|
664
|
+
],
|
|
665
|
+
"description": "A view that shows how far along a task is.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **current-value**\n\n### **Properties:**\n- readonly **progressViewStyle** — \"circular\" | \"linear\"\n- readonly **template** — DocumentFragment"
|
|
566
666
|
},
|
|
567
667
|
{
|
|
568
668
|
"name": "screen-view",
|
|
@@ -576,7 +676,7 @@
|
|
|
576
676
|
"url": "https://swiftwc.github.io/ui/web-components/scroll-view-proxy"
|
|
577
677
|
}
|
|
578
678
|
],
|
|
579
|
-
"description": ""
|
|
679
|
+
"description": "A wrapper for {hv}-stacks\n---"
|
|
580
680
|
},
|
|
581
681
|
{
|
|
582
682
|
"name": "scroll-view",
|
|
@@ -604,7 +704,7 @@
|
|
|
604
704
|
"name": "navigation-bar-title-display-mode"
|
|
605
705
|
}
|
|
606
706
|
],
|
|
607
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **top-bar-principal**\n- **bottom-bar-principal**"
|
|
707
|
+
"description": "A view that scrolls its content when it doesn’t fit the screen.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **top-bar-principal**\n- **bottom-bar-principal**"
|
|
608
708
|
},
|
|
609
709
|
{
|
|
610
710
|
"name": "search-view",
|
|
@@ -618,7 +718,6 @@
|
|
|
618
718
|
"url": "https://swiftwc.github.io/ui/web-components/section-view"
|
|
619
719
|
}
|
|
620
720
|
],
|
|
621
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **header**\n- **footer**",
|
|
622
721
|
"attributes": [
|
|
623
722
|
{
|
|
624
723
|
"name": "header"
|
|
@@ -626,19 +725,38 @@
|
|
|
626
725
|
{
|
|
627
726
|
"name": "footer"
|
|
628
727
|
}
|
|
629
|
-
]
|
|
728
|
+
],
|
|
729
|
+
"description": "A container view that groups related content together.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **header**\n- **footer**"
|
|
630
730
|
},
|
|
631
731
|
{
|
|
632
732
|
"name": "sheet-view",
|
|
633
|
-
"
|
|
733
|
+
"references": [
|
|
734
|
+
{
|
|
735
|
+
"name": "Documentation",
|
|
736
|
+
"url": "https://swiftwc.github.io/ui/web-components/sheet-view"
|
|
737
|
+
}
|
|
738
|
+
],
|
|
739
|
+
"description": "A dialog that slides up over the current screen.\n---"
|
|
634
740
|
},
|
|
635
741
|
{
|
|
636
742
|
"name": "sidebar-toggle",
|
|
637
|
-
"
|
|
743
|
+
"references": [
|
|
744
|
+
{
|
|
745
|
+
"name": "Documentation",
|
|
746
|
+
"url": "https://swiftwc.github.io/ui/web-components/sidebar-toggle"
|
|
747
|
+
}
|
|
748
|
+
],
|
|
749
|
+
"description": "A control that shows or hides the sidebar view.\n---"
|
|
638
750
|
},
|
|
639
751
|
{
|
|
640
752
|
"name": "sidebar-view",
|
|
641
|
-
"
|
|
753
|
+
"references": [
|
|
754
|
+
{
|
|
755
|
+
"name": "Documentation",
|
|
756
|
+
"url": "https://swiftwc.github.io/ui/web-components/sidebar-view"
|
|
757
|
+
}
|
|
758
|
+
],
|
|
759
|
+
"description": "A container view that arranges navigation destinations in a single column.\n---"
|
|
642
760
|
},
|
|
643
761
|
{
|
|
644
762
|
"name": "sticky-container",
|
|
@@ -652,11 +770,17 @@
|
|
|
652
770
|
"url": "https://swiftwc.github.io/ui/web-components/tab-bar"
|
|
653
771
|
}
|
|
654
772
|
],
|
|
655
|
-
"description": ""
|
|
773
|
+
"description": "A container view that groups tab-items together along the top or bottom of the screen.\n---"
|
|
656
774
|
},
|
|
657
775
|
{
|
|
658
776
|
"name": "tab-item",
|
|
659
|
-
"
|
|
777
|
+
"references": [
|
|
778
|
+
{
|
|
779
|
+
"name": "Documentation",
|
|
780
|
+
"url": "https://swiftwc.github.io/ui/web-components/tab-item"
|
|
781
|
+
}
|
|
782
|
+
],
|
|
783
|
+
"description": "A control that switches the tab view to this tab.\n---"
|
|
660
784
|
},
|
|
661
785
|
{
|
|
662
786
|
"name": "tab-view",
|
|
@@ -666,7 +790,7 @@
|
|
|
666
790
|
"url": "https://swiftwc.github.io/ui/web-components/tab-view"
|
|
667
791
|
}
|
|
668
792
|
],
|
|
669
|
-
"description": "### **Properties:**\n- readonly **tabBarPlacement** — \"bottom-bar\" | \"ornament\" | \"sidebar\" | \"top-bar\" | undefined\n- readonly **moreTab** — NavigationStack | null\n- **selectedTab** — (NavigationSplitView | NavigationStack)[]\n\n### **Events:**\n- **tabshow** — A Tab is shown\n- **tabhide** — A Tab is hidden\n- **tab-view:toggle**\n- **tab-view:adaptable-tab-bar-placement-change**"
|
|
793
|
+
"description": "A container view that switches between screens using tabs.\n---\n\n### **Properties:**\n- readonly **tabBarPlacement** — \"bottom-bar\" | \"ornament\" | \"sidebar\" | \"top-bar\" | undefined\n- readonly **moreTab** — NavigationStack | null\n- **selectedTab** — (NavigationSplitView | NavigationStack)[]\n\n### **Events:**\n- **tabshow** — A Tab is shown\n- **tabhide** — A Tab is hidden\n- **tab-view:toggle**\n- **tab-view:adaptable-tab-bar-placement-change**"
|
|
670
794
|
},
|
|
671
795
|
{
|
|
672
796
|
"name": "table-view",
|
|
@@ -676,7 +800,6 @@
|
|
|
676
800
|
"url": "https://swiftwc.github.io/ui/web-components/table-view"
|
|
677
801
|
}
|
|
678
802
|
],
|
|
679
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **header-leading**\n- **header-principal**\n- **header-trailing**\n- **column**\n- **footer-leading**\n- **footer-principal**\n- **footer-trailing**",
|
|
680
803
|
"attributes": [
|
|
681
804
|
{
|
|
682
805
|
"name": "preferred-compact-template",
|
|
@@ -696,7 +819,8 @@
|
|
|
696
819
|
}
|
|
697
820
|
]
|
|
698
821
|
}
|
|
699
|
-
]
|
|
822
|
+
],
|
|
823
|
+
"description": "A container view that arranges data in rows and columns, optionally letting the user select one or more of them.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **header-leading**\n- **header-principal**\n- **header-trailing**\n- **column**\n- **footer-leading**\n- **footer-principal**\n- **footer-trailing**"
|
|
700
824
|
},
|
|
701
825
|
{
|
|
702
826
|
"name": "text-field",
|
|
@@ -706,7 +830,6 @@
|
|
|
706
830
|
"url": "https://swiftwc.github.io/ui/web-components/text-field"
|
|
707
831
|
}
|
|
708
832
|
],
|
|
709
|
-
"description": "### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\n- readonly **keyboardType** — \"decimal-pad\" | \"number-pad\" | \"default\"\n- **text** — string\n- readonly **name** — string Form participation property\n- readonly **value** — string\n- readonly **valueAsNumber** — number | \"\"\n- readonly **negativeNumbersAllowed** — boolean",
|
|
710
833
|
"attributes": [
|
|
711
834
|
{
|
|
712
835
|
"name": "prompt"
|
|
@@ -736,18 +859,55 @@
|
|
|
736
859
|
"name": "text-input-autocapitalization"
|
|
737
860
|
},
|
|
738
861
|
{
|
|
739
|
-
"name": "disable-autocorrection"
|
|
862
|
+
"name": "disable-autocorrection",
|
|
863
|
+
"description": "Value Type: “boolean”",
|
|
864
|
+
"values": [
|
|
865
|
+
{
|
|
866
|
+
"name": "boolean"
|
|
867
|
+
}
|
|
868
|
+
]
|
|
740
869
|
},
|
|
741
870
|
{
|
|
742
|
-
"name": "keyboard-type"
|
|
871
|
+
"name": "keyboard-type",
|
|
872
|
+
"description": "Value Type: “decimal-pad” | “number-pad” | “default”",
|
|
873
|
+
"values": [
|
|
874
|
+
{
|
|
875
|
+
"name": "decimal-pad"
|
|
876
|
+
},
|
|
877
|
+
{
|
|
878
|
+
"name": "number-pad"
|
|
879
|
+
},
|
|
880
|
+
{
|
|
881
|
+
"name": "default"
|
|
882
|
+
}
|
|
883
|
+
]
|
|
743
884
|
},
|
|
744
885
|
{
|
|
745
|
-
"name": "required"
|
|
886
|
+
"name": "required",
|
|
887
|
+
"description": "Value Type: “boolean”",
|
|
888
|
+
"values": [
|
|
889
|
+
{
|
|
890
|
+
"name": "boolean"
|
|
891
|
+
}
|
|
892
|
+
]
|
|
746
893
|
},
|
|
747
894
|
{
|
|
748
|
-
"name": "disabled"
|
|
895
|
+
"name": "disabled",
|
|
896
|
+
"references": [
|
|
897
|
+
{
|
|
898
|
+
"name": "MDN — disabled",
|
|
899
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled"
|
|
900
|
+
}
|
|
901
|
+
],
|
|
902
|
+
"description": "Value Type: “boolean”",
|
|
903
|
+
"values": [
|
|
904
|
+
{
|
|
905
|
+
"name": "boolean"
|
|
906
|
+
}
|
|
907
|
+
]
|
|
749
908
|
}
|
|
750
|
-
]
|
|
909
|
+
],
|
|
910
|
+
"description": "A control that displays an editable text area.\n---\n\n### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\n- readonly **keyboardType** — \"decimal-pad\" | \"number-pad\" | \"default\"\n- **text** — string\n- readonly **name** — string\n- readonly **value** — string\n- readonly **valueAsNumber** — number | \"\"\n- readonly **negativeNumbersAllowed** — boolean"
|
|
751
911
|
},
|
|
752
912
|
{
|
|
753
913
|
"name": "toggle-view",
|
|
@@ -757,7 +917,6 @@
|
|
|
757
917
|
"url": "https://swiftwc.github.io/ui/web-components/toggle-view"
|
|
758
918
|
}
|
|
759
919
|
],
|
|
760
|
-
"description": "### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\n- readonly **toggleStyle** — \"button\" | \"switch\"\n- **isOn** — boolean\n- readonly **name** — string Form participation property\n- **value** — string | null",
|
|
761
920
|
"attributes": [
|
|
762
921
|
{
|
|
763
922
|
"name": "label"
|
|
@@ -778,9 +937,16 @@
|
|
|
778
937
|
"name": "required"
|
|
779
938
|
},
|
|
780
939
|
{
|
|
781
|
-
"name": "disabled"
|
|
940
|
+
"name": "disabled",
|
|
941
|
+
"references": [
|
|
942
|
+
{
|
|
943
|
+
"name": "MDN — disabled",
|
|
944
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled"
|
|
945
|
+
}
|
|
946
|
+
]
|
|
782
947
|
}
|
|
783
|
-
]
|
|
948
|
+
],
|
|
949
|
+
"description": "A control that switches between on and off states.\n---\n\n### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\n- readonly **toggleStyle** — \"button\" | \"switch\"\n- **isOn** — boolean\n- readonly **name** — string\n- **value** — string | null\n\n### **Events:**\n- **toggle:change** — User toggled the control"
|
|
784
950
|
},
|
|
785
951
|
{
|
|
786
952
|
"name": "tool-bar-item-group",
|
|
@@ -790,7 +956,7 @@
|
|
|
790
956
|
"url": "https://swiftwc.github.io/ui/web-components/tool-bar-item-group"
|
|
791
957
|
}
|
|
792
958
|
],
|
|
793
|
-
"description": "A
|
|
959
|
+
"description": "A container view that groups items together in the toolbar or navigation bar.\n---"
|
|
794
960
|
},
|
|
795
961
|
{
|
|
796
962
|
"name": "tool-bar-item",
|
|
@@ -800,7 +966,6 @@
|
|
|
800
966
|
"url": "https://swiftwc.github.io/ui/web-components/tool-bar-item"
|
|
801
967
|
}
|
|
802
968
|
],
|
|
803
|
-
"description": "",
|
|
804
969
|
"attributes": [
|
|
805
970
|
{
|
|
806
971
|
"name": "slot"
|
|
@@ -811,7 +976,8 @@
|
|
|
811
976
|
{
|
|
812
977
|
"name": "title-key"
|
|
813
978
|
}
|
|
814
|
-
]
|
|
979
|
+
],
|
|
980
|
+
"description": "A view placed in the toolbar or navigation bar.\n---"
|
|
815
981
|
},
|
|
816
982
|
{
|
|
817
983
|
"name": "tool-bar",
|
|
@@ -821,7 +987,7 @@
|
|
|
821
987
|
"url": "https://swiftwc.github.io/ui/web-components/tool-bar"
|
|
822
988
|
}
|
|
823
989
|
],
|
|
824
|
-
"description": "### **Slots:**\n- **cancellation-action** — The item represents a cancellation action for a modal interface. Places the item in the leading edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **primary-action** — The item represents a primary action. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **confirmation-action** — The item represents a confirmation action for a modal interface. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **destructive-action** — The item represents a destructive action for a modal interface. Places the item in the leading edge of the top bar and on the leading edge of the bottom bar when fine modal\n- **top-bar-leading** — Places the item in the leading edge of the top bar\n- **top-bar-principal** — Places the item in the middle of the top bar\n- **top-bar-trailing** — Places the item in the trailing edge of the top bar\n- **bottom-bar-leading** — Places the item in the leading edge of the bottom bar\n- **bottom-bar-principal** — Places the item in the middle of the bottom bar\n- **bottom-bar-trailing** — Places the item in the trailing edge of the bottom bar"
|
|
990
|
+
"description": "A list of items placed into the toolbar or navigation bar around your content.\n---\n\n### **Slots:**\n- **cancellation-action** — The item represents a cancellation action for a modal interface. Places the item in the leading edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **primary-action** — The item represents a primary action. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **confirmation-action** — The item represents a confirmation action for a modal interface. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **destructive-action** — The item represents a destructive action for a modal interface. Places the item in the leading edge of the top bar and on the leading edge of the bottom bar when fine modal\n- **top-bar-leading** — Places the item in the leading edge of the top bar\n- **top-bar-principal** — Places the item in the middle of the top bar\n- **top-bar-trailing** — Places the item in the trailing edge of the top bar\n- **bottom-bar-leading** — Places the item in the leading edge of the bottom bar\n- **bottom-bar-principal** — Places the item in the middle of the bottom bar\n- **bottom-bar-trailing** — Places the item in the trailing edge of the bottom bar"
|
|
825
991
|
},
|
|
826
992
|
{
|
|
827
993
|
"name": "v-keyboard",
|
|
@@ -831,7 +997,6 @@
|
|
|
831
997
|
"url": "https://swiftwc.github.io/ui/web-components/v-keyboard"
|
|
832
998
|
}
|
|
833
999
|
],
|
|
834
|
-
"description": "BUG: Safari on IOS reports inaccurate innerHeight (which is what we really want) on orientationchange.\nSo we live with a pescy body-scrollbar that shows up on resize on desktops.\n---",
|
|
835
1000
|
"attributes": [
|
|
836
1001
|
{
|
|
837
1002
|
"name": "system-font",
|
|
@@ -842,7 +1007,8 @@
|
|
|
842
1007
|
}
|
|
843
1008
|
]
|
|
844
1009
|
}
|
|
845
|
-
]
|
|
1010
|
+
],
|
|
1011
|
+
"description": "Required component, used to handle the virtual keyboard on touch devices.\n---"
|
|
846
1012
|
},
|
|
847
1013
|
{
|
|
848
1014
|
"name": "v-stack",
|
|
@@ -852,7 +1018,6 @@
|
|
|
852
1018
|
"url": "https://swiftwc.github.io/ui/web-components/v-stack"
|
|
853
1019
|
}
|
|
854
1020
|
],
|
|
855
|
-
"description": "",
|
|
856
1021
|
"attributes": [
|
|
857
1022
|
{
|
|
858
1023
|
"name": "distribution",
|
|
@@ -881,12 +1046,12 @@
|
|
|
881
1046
|
{
|
|
882
1047
|
"name": "template",
|
|
883
1048
|
"description": "\nDescription: The main-axis grid template",
|
|
884
|
-
"valueSet": "
|
|
1049
|
+
"valueSet": "Template"
|
|
885
1050
|
},
|
|
886
1051
|
{
|
|
887
1052
|
"name": "spacing",
|
|
888
1053
|
"description": "\nDescription: The gap between the primary axis",
|
|
889
|
-
"valueSet": "
|
|
1054
|
+
"valueSet": "Spacing"
|
|
890
1055
|
},
|
|
891
1056
|
{
|
|
892
1057
|
"name": "alignment",
|
|
@@ -903,24 +1068,25 @@
|
|
|
903
1068
|
"description": "\nDescription: The main-axis alignment",
|
|
904
1069
|
"valueSet": "blockPlacementSet"
|
|
905
1070
|
}
|
|
906
|
-
]
|
|
1071
|
+
],
|
|
1072
|
+
"description": "A view that arranges its children one on top of the other.\n---"
|
|
907
1073
|
}
|
|
908
1074
|
],
|
|
909
1075
|
"globalAttributes": [
|
|
910
1076
|
{
|
|
911
1077
|
"name": "tint",
|
|
912
1078
|
"description": "Sets accent color",
|
|
913
|
-
"valueSet": "
|
|
1079
|
+
"valueSet": "Tint"
|
|
914
1080
|
},
|
|
915
1081
|
{
|
|
916
1082
|
"name": "list-item-tint",
|
|
917
1083
|
"description": "Sets accent color on list items",
|
|
918
|
-
"valueSet": "
|
|
1084
|
+
"valueSet": "Tint"
|
|
919
1085
|
},
|
|
920
1086
|
{
|
|
921
1087
|
"name": "foreground",
|
|
922
1088
|
"description": "Sets foreground color",
|
|
923
|
-
"valueSet": "
|
|
1089
|
+
"valueSet": "Foreground"
|
|
924
1090
|
},
|
|
925
1091
|
{
|
|
926
1092
|
"name": "frame:width",
|
|
@@ -935,7 +1101,7 @@
|
|
|
935
1101
|
],
|
|
936
1102
|
"valueSets": [
|
|
937
1103
|
{
|
|
938
|
-
"name": "
|
|
1104
|
+
"name": "Font",
|
|
939
1105
|
"values": [
|
|
940
1106
|
{
|
|
941
1107
|
"name": "footnote",
|
|
@@ -988,7 +1154,7 @@
|
|
|
988
1154
|
]
|
|
989
1155
|
},
|
|
990
1156
|
{
|
|
991
|
-
"name": "
|
|
1157
|
+
"name": "Spacing",
|
|
992
1158
|
"values": [
|
|
993
1159
|
{
|
|
994
1160
|
"name": "0",
|
|
@@ -1197,7 +1363,7 @@
|
|
|
1197
1363
|
]
|
|
1198
1364
|
},
|
|
1199
1365
|
{
|
|
1200
|
-
"name": "
|
|
1366
|
+
"name": "Tint",
|
|
1201
1367
|
"values": [
|
|
1202
1368
|
{
|
|
1203
1369
|
"name": "gray",
|
|
@@ -1226,7 +1392,7 @@
|
|
|
1226
1392
|
]
|
|
1227
1393
|
},
|
|
1228
1394
|
{
|
|
1229
|
-
"name": "
|
|
1395
|
+
"name": "Foreground",
|
|
1230
1396
|
"values": [
|
|
1231
1397
|
{
|
|
1232
1398
|
"name": "secondary",
|
|
@@ -1435,7 +1601,7 @@
|
|
|
1435
1601
|
]
|
|
1436
1602
|
},
|
|
1437
1603
|
{
|
|
1438
|
-
"name": "
|
|
1604
|
+
"name": "Template",
|
|
1439
1605
|
"values": [
|
|
1440
1606
|
{
|
|
1441
1607
|
"name": "spacer",
|