@emuanalytics/flow-rdf-ui 0.0.7 → 0.0.8
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/custom-elements.json +751 -751
- package/dist/flow-rdf-ui.d.ts +42 -0
- package/dist/flow-rdf-ui.js +5171 -1835
- package/dist/flow-rdf-ui.umd.cjs +5171 -1835
- package/dist/vscode.html-custom-data.json +64 -64
- package/package.json +1 -1
|
@@ -2,22 +2,12 @@
|
|
|
2
2
|
"version": 1.1,
|
|
3
3
|
"tags": [
|
|
4
4
|
{
|
|
5
|
-
"name": "flow-ui-
|
|
6
|
-
"description": "
|
|
5
|
+
"name": "flow-ui-badge",
|
|
6
|
+
"description": "Badges are used to draw attention and display statuses or counts.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
7
7
|
"attributes": [
|
|
8
|
-
{
|
|
9
|
-
"name": "open",
|
|
10
|
-
"description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
|
|
11
|
-
"values": []
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
"name": "closable",
|
|
15
|
-
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
16
|
-
"values": []
|
|
17
|
-
},
|
|
18
8
|
{
|
|
19
9
|
"name": "variant",
|
|
20
|
-
"description": "The
|
|
10
|
+
"description": "The badge's theme variant.",
|
|
21
11
|
"values": [
|
|
22
12
|
{ "name": "primary" },
|
|
23
13
|
{ "name": "success" },
|
|
@@ -27,8 +17,25 @@
|
|
|
27
17
|
]
|
|
28
18
|
},
|
|
29
19
|
{
|
|
30
|
-
"name": "
|
|
31
|
-
"description": "
|
|
20
|
+
"name": "pill",
|
|
21
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
22
|
+
"values": []
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "pulse",
|
|
26
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
27
|
+
"values": []
|
|
28
|
+
}
|
|
29
|
+
],
|
|
30
|
+
"references": []
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"name": "flow-ui-breadcrumb",
|
|
34
|
+
"description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
35
|
+
"attributes": [
|
|
36
|
+
{
|
|
37
|
+
"name": "label",
|
|
38
|
+
"description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
|
|
32
39
|
"values": []
|
|
33
40
|
}
|
|
34
41
|
],
|
|
@@ -132,6 +139,39 @@
|
|
|
132
139
|
],
|
|
133
140
|
"references": []
|
|
134
141
|
},
|
|
142
|
+
{
|
|
143
|
+
"name": "flow-ui-alert",
|
|
144
|
+
"description": "Alerts are used to display important messages inline or as toast notifications.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-show** - Emitted when the alert opens.\n- **flow-ui-after-show** - Emitted after the alert opens and all animations are complete.\n- **flow-ui-hide** - Emitted when the alert closes.\n- **flow-ui-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **icon** - An icon to show in the alert. Works best with `<flow-ui-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.\n- **close-button** - The close button, an `<flow-ui-icon-button>`.\n- **close-button__base** - The close button's exported `base` part.",
|
|
145
|
+
"attributes": [
|
|
146
|
+
{
|
|
147
|
+
"name": "open",
|
|
148
|
+
"description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
|
|
149
|
+
"values": []
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"name": "closable",
|
|
153
|
+
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
154
|
+
"values": []
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"name": "variant",
|
|
158
|
+
"description": "The alert's theme variant.",
|
|
159
|
+
"values": [
|
|
160
|
+
{ "name": "primary" },
|
|
161
|
+
{ "name": "success" },
|
|
162
|
+
{ "name": "neutral" },
|
|
163
|
+
{ "name": "warning" },
|
|
164
|
+
{ "name": "danger" }
|
|
165
|
+
]
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"name": "duration",
|
|
169
|
+
"description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
|
|
170
|
+
"values": []
|
|
171
|
+
}
|
|
172
|
+
],
|
|
173
|
+
"references": []
|
|
174
|
+
},
|
|
135
175
|
{
|
|
136
176
|
"name": "flow-ui-breadcrumb-item",
|
|
137
177
|
"description": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The breadcrumb item's label.\n- **prefix** - An optional prefix, usually an icon or icon button.\n- **suffix** - An optional suffix, usually an icon or icon button.\n- **separator** - The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **label** - The breadcrumb item's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.\n- **separator** - The container that wraps the separator.",
|
|
@@ -304,15 +344,9 @@
|
|
|
304
344
|
"references": []
|
|
305
345
|
},
|
|
306
346
|
{
|
|
307
|
-
"name": "flow-ui-
|
|
308
|
-
"description": "
|
|
309
|
-
"attributes": [
|
|
310
|
-
{
|
|
311
|
-
"name": "label",
|
|
312
|
-
"description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
|
|
313
|
-
"values": []
|
|
314
|
-
}
|
|
315
|
-
],
|
|
347
|
+
"name": "flow-ui-card",
|
|
348
|
+
"description": "Cards can be used to group related subjects in a container.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
|
|
349
|
+
"attributes": [],
|
|
316
350
|
"references": []
|
|
317
351
|
},
|
|
318
352
|
{
|
|
@@ -328,40 +362,6 @@
|
|
|
328
362
|
],
|
|
329
363
|
"references": []
|
|
330
364
|
},
|
|
331
|
-
{
|
|
332
|
-
"name": "flow-ui-badge",
|
|
333
|
-
"description": "Badges are used to draw attention and display statuses or counts.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
334
|
-
"attributes": [
|
|
335
|
-
{
|
|
336
|
-
"name": "variant",
|
|
337
|
-
"description": "The badge's theme variant.",
|
|
338
|
-
"values": [
|
|
339
|
-
{ "name": "primary" },
|
|
340
|
-
{ "name": "success" },
|
|
341
|
-
{ "name": "neutral" },
|
|
342
|
-
{ "name": "warning" },
|
|
343
|
-
{ "name": "danger" }
|
|
344
|
-
]
|
|
345
|
-
},
|
|
346
|
-
{
|
|
347
|
-
"name": "pill",
|
|
348
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
349
|
-
"values": []
|
|
350
|
-
},
|
|
351
|
-
{
|
|
352
|
-
"name": "pulse",
|
|
353
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
354
|
-
"values": []
|
|
355
|
-
}
|
|
356
|
-
],
|
|
357
|
-
"references": []
|
|
358
|
-
},
|
|
359
|
-
{
|
|
360
|
-
"name": "flow-ui-card",
|
|
361
|
-
"description": "Cards can be used to group related subjects in a container.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
|
|
362
|
-
"attributes": [],
|
|
363
|
-
"references": []
|
|
364
|
-
},
|
|
365
365
|
{
|
|
366
366
|
"name": "flow-ui-carousel",
|
|
367
367
|
"description": "Carousels display an arbitrary number of content slides along a horizontal or vertical axis.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-slide-change** - Emitted when the active slide changes.\n\n### **Methods:**\n - **previous(behavior: _ScrollBehavior_)** - Move the carousel backward by `slides-per-move` slides.\n- **next(behavior: _ScrollBehavior_)** - Move the carousel forward by `slides-per-move` slides.\n- **goToSlide(index: _number_, behavior: _ScrollBehavior_)** - Scrolls the carousel to the slide specified by `index`.\n\n### **Slots:**\n - _default_ - The carousel's main content, one or more `<flow-ui-carousel-item>` elements.\n- **next-icon** - Optional next icon to use instead of the default. Works best with `<flow-ui-icon>`.\n- **previous-icon** - Optional previous icon to use instead of the default. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--slide-gap** - The space between each slide. _(default: undefined)_\n- **--aspect-ratio** - The aspect ratio of each slide. _(default: undefined)_\n- **--scroll-hint** - The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The carousel's internal wrapper.\n- **scroll-container** - The scroll container that wraps the slides.\n- **pagination** - The pagination indicators wrapper.\n- **pagination-item** - The pagination indicator.\n- **pagination-item--active** - Applied when the item is active.\n- **navigation** - The navigation wrapper.\n- **navigation-button** - The navigation button.\n- **navigation-button--previous** - Applied to the previous button.\n- **navigation-button--next** - Applied to the next button.",
|
|
@@ -1024,12 +1024,6 @@
|
|
|
1024
1024
|
],
|
|
1025
1025
|
"references": []
|
|
1026
1026
|
},
|
|
1027
|
-
{
|
|
1028
|
-
"name": "flow-ui-menu",
|
|
1029
|
-
"description": "Menus provide a list of options for the user to choose from.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-select** - Emitted when a menu item is selected.\n\n### **Slots:**\n - _default_ - The menu's content, including menu items, menu labels, and dividers.",
|
|
1030
|
-
"attributes": [],
|
|
1031
|
-
"references": []
|
|
1032
|
-
},
|
|
1033
1027
|
{
|
|
1034
1028
|
"name": "flow-ui-menu-item",
|
|
1035
1029
|
"description": "Menu items provide options for the user to pick from in a menu.\n\n\n---\n\n\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The checked icon, which is only visible when the menu item is checked.\n- **prefix** - The prefix container.\n- **label** - The menu item label.\n- **suffix** - The suffix container.\n- **submenu-icon** - The submenu icon, visible only when the menu item has a submenu (not yet implemented).",
|
|
@@ -1057,6 +1051,12 @@
|
|
|
1057
1051
|
],
|
|
1058
1052
|
"references": []
|
|
1059
1053
|
},
|
|
1054
|
+
{
|
|
1055
|
+
"name": "flow-ui-menu",
|
|
1056
|
+
"description": "Menus provide a list of options for the user to choose from.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-select** - Emitted when a menu item is selected.\n\n### **Slots:**\n - _default_ - The menu's content, including menu items, menu labels, and dividers.",
|
|
1057
|
+
"attributes": [],
|
|
1058
|
+
"references": []
|
|
1059
|
+
},
|
|
1060
1060
|
{
|
|
1061
1061
|
"name": "flow-ui-menu-label",
|
|
1062
1062
|
"description": "Menu labels are used to describe a group of menu items.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The menu label's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|