@emuanalytics/flow-rdf-ui 4.0.6 → 4.0.7
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/components/checkbox/checkbox.styles.mjs +1 -1
- package/dist/components/timer/timer.component.mjs +5 -1
- package/dist/components/timer/timer.styles.mjs +1 -0
- package/dist/custom-elements.json +1621 -1602
- package/dist/index.d.mts +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/vscode.html-custom-data.json +185 -173
- package/package.json +3 -3
- package/themes/dark.css +6 -2
- package/themes/dark.styles.js +6 -2
- package/themes/light.css +6 -2
- package/themes/light.styles.js +6 -2
package/dist/index.d.mts
CHANGED
|
@@ -5269,6 +5269,10 @@ declare class FlowUiTimer extends FlowRdfElement {
|
|
|
5269
5269
|
* Set to `true` to hide the timezone display.
|
|
5270
5270
|
*/
|
|
5271
5271
|
hideZone: boolean;
|
|
5272
|
+
/**
|
|
5273
|
+
* The placement of the calendar popup relative to the timer control.
|
|
5274
|
+
*/
|
|
5275
|
+
placement: 'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-start' | 'bottom-end';
|
|
5272
5276
|
connectedCallback(): void;
|
|
5273
5277
|
disconnectedCallback(): void;
|
|
5274
5278
|
/** @internal */
|
package/dist/index.d.ts
CHANGED
|
@@ -5269,6 +5269,10 @@ declare class FlowUiTimer extends FlowRdfElement {
|
|
|
5269
5269
|
* Set to `true` to hide the timezone display.
|
|
5270
5270
|
*/
|
|
5271
5271
|
hideZone: boolean;
|
|
5272
|
+
/**
|
|
5273
|
+
* The placement of the calendar popup relative to the timer control.
|
|
5274
|
+
*/
|
|
5275
|
+
placement: 'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-start' | 'bottom-end';
|
|
5272
5276
|
connectedCallback(): void;
|
|
5273
5277
|
disconnectedCallback(): void;
|
|
5274
5278
|
/** @internal */
|
|
@@ -35,6 +35,71 @@
|
|
|
35
35
|
],
|
|
36
36
|
"references": []
|
|
37
37
|
},
|
|
38
|
+
{
|
|
39
|
+
"name": "flow-ui-badge",
|
|
40
|
+
"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.",
|
|
41
|
+
"attributes": [
|
|
42
|
+
{
|
|
43
|
+
"name": "variant",
|
|
44
|
+
"description": "The badge's theme variant.",
|
|
45
|
+
"values": [
|
|
46
|
+
{ "name": "primary" },
|
|
47
|
+
{ "name": "secondary" },
|
|
48
|
+
{ "name": "success" },
|
|
49
|
+
{ "name": "neutral" },
|
|
50
|
+
{ "name": "warning" },
|
|
51
|
+
{ "name": "danger" }
|
|
52
|
+
]
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"name": "pill",
|
|
56
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
57
|
+
"values": []
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "pulse",
|
|
61
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
62
|
+
"values": []
|
|
63
|
+
}
|
|
64
|
+
],
|
|
65
|
+
"references": []
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"name": "flow-ui-avatar",
|
|
69
|
+
"description": "Avatars are used to represent a person or object.\n\n\n---\n\n\n\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
|
|
70
|
+
"attributes": [
|
|
71
|
+
{
|
|
72
|
+
"name": "image",
|
|
73
|
+
"description": "The image source to use for the avatar.",
|
|
74
|
+
"values": []
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"name": "label",
|
|
78
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
79
|
+
"values": []
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"name": "initials",
|
|
83
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
84
|
+
"values": []
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"name": "loading",
|
|
88
|
+
"description": "Indicates how the browser should load the image.",
|
|
89
|
+
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"name": "shape",
|
|
93
|
+
"description": "The shape of the avatar.",
|
|
94
|
+
"values": [
|
|
95
|
+
{ "name": "circle" },
|
|
96
|
+
{ "name": "square" },
|
|
97
|
+
{ "name": "rounded" }
|
|
98
|
+
]
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"references": []
|
|
102
|
+
},
|
|
38
103
|
{
|
|
39
104
|
"name": "flow-ui-animation",
|
|
40
105
|
"description": "Animate elements declaratively with over 100 animation presets. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-cancel** - Emitted when the animation is canceled.\n- **flow-ui-finish** - Emitted when the animation finishes.\n- **flow-ui-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all keyframe effects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\n\n### **Slots:**\n - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.",
|
|
@@ -97,42 +162,6 @@
|
|
|
97
162
|
],
|
|
98
163
|
"references": []
|
|
99
164
|
},
|
|
100
|
-
{
|
|
101
|
-
"name": "flow-ui-avatar",
|
|
102
|
-
"description": "Avatars are used to represent a person or object.\n\n\n---\n\n\n\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
|
|
103
|
-
"attributes": [
|
|
104
|
-
{
|
|
105
|
-
"name": "image",
|
|
106
|
-
"description": "The image source to use for the avatar.",
|
|
107
|
-
"values": []
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
"name": "label",
|
|
111
|
-
"description": "A label to use to describe the avatar to assistive devices.",
|
|
112
|
-
"values": []
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "initials",
|
|
116
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
117
|
-
"values": []
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
"name": "loading",
|
|
121
|
-
"description": "Indicates how the browser should load the image.",
|
|
122
|
-
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
"name": "shape",
|
|
126
|
-
"description": "The shape of the avatar.",
|
|
127
|
-
"values": [
|
|
128
|
-
{ "name": "circle" },
|
|
129
|
-
{ "name": "square" },
|
|
130
|
-
{ "name": "rounded" }
|
|
131
|
-
]
|
|
132
|
-
}
|
|
133
|
-
],
|
|
134
|
-
"references": []
|
|
135
|
-
},
|
|
136
165
|
{
|
|
137
166
|
"name": "flow-ui-breadcrumb-item",
|
|
138
167
|
"description": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-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.",
|
|
@@ -160,6 +189,23 @@
|
|
|
160
189
|
],
|
|
161
190
|
"references": []
|
|
162
191
|
},
|
|
192
|
+
{
|
|
193
|
+
"name": "flow-ui-button-group",
|
|
194
|
+
"description": "Button groups can be used to group related buttons into sections.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more `<flow-ui-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
195
|
+
"attributes": [
|
|
196
|
+
{
|
|
197
|
+
"name": "label",
|
|
198
|
+
"description": "Text label for assistive devices.",
|
|
199
|
+
"values": []
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"name": "vertical",
|
|
203
|
+
"description": "Use vertical layout for the button group.",
|
|
204
|
+
"values": []
|
|
205
|
+
}
|
|
206
|
+
],
|
|
207
|
+
"references": []
|
|
208
|
+
},
|
|
163
209
|
{
|
|
164
210
|
"name": "flow-ui-button",
|
|
165
211
|
"description": "Buttons represent actions that are available to the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the button loses focus.\n- **flow-ui-focus** - Emitted when the button gains focus.\n- **flow-ui-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<flow-ui-icon>` element.",
|
|
@@ -310,23 +356,6 @@
|
|
|
310
356
|
],
|
|
311
357
|
"references": []
|
|
312
358
|
},
|
|
313
|
-
{
|
|
314
|
-
"name": "flow-ui-button-group",
|
|
315
|
-
"description": "Button groups can be used to group related buttons into sections.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more `<flow-ui-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
316
|
-
"attributes": [
|
|
317
|
-
{
|
|
318
|
-
"name": "label",
|
|
319
|
-
"description": "Text label for assistive devices.",
|
|
320
|
-
"values": []
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
"name": "vertical",
|
|
324
|
-
"description": "Use vertical layout for the button group.",
|
|
325
|
-
"values": []
|
|
326
|
-
}
|
|
327
|
-
],
|
|
328
|
-
"references": []
|
|
329
|
-
},
|
|
330
359
|
{
|
|
331
360
|
"name": "flow-ui-breadcrumb",
|
|
332
361
|
"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.",
|
|
@@ -339,35 +368,6 @@
|
|
|
339
368
|
],
|
|
340
369
|
"references": []
|
|
341
370
|
},
|
|
342
|
-
{
|
|
343
|
-
"name": "flow-ui-badge",
|
|
344
|
-
"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.",
|
|
345
|
-
"attributes": [
|
|
346
|
-
{
|
|
347
|
-
"name": "variant",
|
|
348
|
-
"description": "The badge's theme variant.",
|
|
349
|
-
"values": [
|
|
350
|
-
{ "name": "primary" },
|
|
351
|
-
{ "name": "secondary" },
|
|
352
|
-
{ "name": "success" },
|
|
353
|
-
{ "name": "neutral" },
|
|
354
|
-
{ "name": "warning" },
|
|
355
|
-
{ "name": "danger" }
|
|
356
|
-
]
|
|
357
|
-
},
|
|
358
|
-
{
|
|
359
|
-
"name": "pill",
|
|
360
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
361
|
-
"values": []
|
|
362
|
-
},
|
|
363
|
-
{
|
|
364
|
-
"name": "pulse",
|
|
365
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
366
|
-
"values": []
|
|
367
|
-
}
|
|
368
|
-
],
|
|
369
|
-
"references": []
|
|
370
|
-
},
|
|
371
371
|
{
|
|
372
372
|
"name": "flow-ui-calendar",
|
|
373
373
|
"description": "A calendar component for selecting dates and times.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-input** - Emitted when the calendar value changes.\n- **flow-ui-change** - Emitted when the calendar value changes.\n\n### **CSS Properties:**\n - **--width** - The width of the calendar in CSS units. Set automatically if `size` is set. _(default: undefined)_\n- **--font-size** - The font size of the calendar. Set automatically if `size` is set. _(default: undefined)_\n- **--day-font-size** - The font size of the day labels. Set automatically if `size` is set. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -1117,97 +1117,6 @@
|
|
|
1117
1117
|
],
|
|
1118
1118
|
"references": []
|
|
1119
1119
|
},
|
|
1120
|
-
{
|
|
1121
|
-
"name": "flow-ui-icon-button",
|
|
1122
|
-
"description": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the icon button loses focus.\n- **flow-ui-focus** - Emitted when the icon button gains focus.\n\n### **Methods:**\n - **click()** - Simulates a click on the icon button.\n- **focus(options: _FocusOptions_)** - Sets focus on the icon button.\n- **blur()** - Removes focus from the icon button.\n- **hideConfirm()** - Hide the confirmation tooltip if it is showing\n- **showConfirm()** - Show the confirmation tooltip\n\n### **Slots:**\n - **tooltip** - The tooltip content to display when the user hovers over the icon button. Alternatively, you can use the `tooltip` attribute.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
1123
|
-
"attributes": [
|
|
1124
|
-
{
|
|
1125
|
-
"name": "name",
|
|
1126
|
-
"description": "The name of the icon to draw. Available names depend on the icon library being used.",
|
|
1127
|
-
"values": []
|
|
1128
|
-
},
|
|
1129
|
-
{
|
|
1130
|
-
"name": "library",
|
|
1131
|
-
"description": "The name of a registered custom icon library.",
|
|
1132
|
-
"values": []
|
|
1133
|
-
},
|
|
1134
|
-
{
|
|
1135
|
-
"name": "src",
|
|
1136
|
-
"description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
|
|
1137
|
-
"values": []
|
|
1138
|
-
},
|
|
1139
|
-
{
|
|
1140
|
-
"name": "href",
|
|
1141
|
-
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
1142
|
-
"values": []
|
|
1143
|
-
},
|
|
1144
|
-
{
|
|
1145
|
-
"name": "target",
|
|
1146
|
-
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
1147
|
-
"values": [
|
|
1148
|
-
{ "name": "_blank" },
|
|
1149
|
-
{ "name": "_parent" },
|
|
1150
|
-
{ "name": "_self" },
|
|
1151
|
-
{ "name": "_top" }
|
|
1152
|
-
]
|
|
1153
|
-
},
|
|
1154
|
-
{
|
|
1155
|
-
"name": "download",
|
|
1156
|
-
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
1157
|
-
"values": []
|
|
1158
|
-
},
|
|
1159
|
-
{
|
|
1160
|
-
"name": "label",
|
|
1161
|
-
"description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
|
|
1162
|
-
"values": []
|
|
1163
|
-
},
|
|
1164
|
-
{
|
|
1165
|
-
"name": "tooltip",
|
|
1166
|
-
"description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
|
|
1167
|
-
"values": []
|
|
1168
|
-
},
|
|
1169
|
-
{
|
|
1170
|
-
"name": "tooltip-placement",
|
|
1171
|
-
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
1172
|
-
"values": [
|
|
1173
|
-
{ "name": "" },
|
|
1174
|
-
{ "name": "top" },
|
|
1175
|
-
{ "name": "top-start" },
|
|
1176
|
-
{ "name": "top-end" },
|
|
1177
|
-
{ "name": "right" },
|
|
1178
|
-
{ "name": "right-start" },
|
|
1179
|
-
{ "name": "right-end" },
|
|
1180
|
-
{ "name": "bottom" },
|
|
1181
|
-
{ "name": "bottom-start" },
|
|
1182
|
-
{ "name": "bottom-end" },
|
|
1183
|
-
{ "name": "left" },
|
|
1184
|
-
{ "name": "left-start" },
|
|
1185
|
-
{ "name": "left-end" }
|
|
1186
|
-
]
|
|
1187
|
-
},
|
|
1188
|
-
{
|
|
1189
|
-
"name": "tooltip-distance",
|
|
1190
|
-
"description": "The distance in pixels from which to offset the tooltip away from the icon button.",
|
|
1191
|
-
"values": []
|
|
1192
|
-
},
|
|
1193
|
-
{
|
|
1194
|
-
"name": "tooltip-skidding",
|
|
1195
|
-
"description": "The distance in pixels from which to offset the tooltip along the icon button.",
|
|
1196
|
-
"values": []
|
|
1197
|
-
},
|
|
1198
|
-
{
|
|
1199
|
-
"name": "disabled",
|
|
1200
|
-
"description": "Disables the button.",
|
|
1201
|
-
"values": []
|
|
1202
|
-
},
|
|
1203
|
-
{
|
|
1204
|
-
"name": "confirm",
|
|
1205
|
-
"description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
|
|
1206
|
-
"values": []
|
|
1207
|
-
}
|
|
1208
|
-
],
|
|
1209
|
-
"references": []
|
|
1210
|
-
},
|
|
1211
1120
|
{
|
|
1212
1121
|
"name": "flow-ui-input",
|
|
1213
1122
|
"description": "Inputs collect data from the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the control loses focus.\n- **flow-ui-change** - Emitted when an alteration to the control's value is committed by the user.\n- **flow-ui-clear** - Emitted when the clear button is activated.\n- **flow-ui-focus** - Emitted when the control gains focus.\n- **flow-ui-input** - Emitted when the control receives input.\n- **flow-ui-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **input** - The internal `<input>` control.\n- **prefix** - The container that wraps the prefix.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **suffix** - The container that wraps the suffix.",
|
|
@@ -1410,6 +1319,97 @@
|
|
|
1410
1319
|
],
|
|
1411
1320
|
"references": []
|
|
1412
1321
|
},
|
|
1322
|
+
{
|
|
1323
|
+
"name": "flow-ui-icon-button",
|
|
1324
|
+
"description": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the icon button loses focus.\n- **flow-ui-focus** - Emitted when the icon button gains focus.\n\n### **Methods:**\n - **click()** - Simulates a click on the icon button.\n- **focus(options: _FocusOptions_)** - Sets focus on the icon button.\n- **blur()** - Removes focus from the icon button.\n- **hideConfirm()** - Hide the confirmation tooltip if it is showing\n- **showConfirm()** - Show the confirmation tooltip\n\n### **Slots:**\n - **tooltip** - The tooltip content to display when the user hovers over the icon button. Alternatively, you can use the `tooltip` attribute.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
1325
|
+
"attributes": [
|
|
1326
|
+
{
|
|
1327
|
+
"name": "name",
|
|
1328
|
+
"description": "The name of the icon to draw. Available names depend on the icon library being used.",
|
|
1329
|
+
"values": []
|
|
1330
|
+
},
|
|
1331
|
+
{
|
|
1332
|
+
"name": "library",
|
|
1333
|
+
"description": "The name of a registered custom icon library.",
|
|
1334
|
+
"values": []
|
|
1335
|
+
},
|
|
1336
|
+
{
|
|
1337
|
+
"name": "src",
|
|
1338
|
+
"description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
|
|
1339
|
+
"values": []
|
|
1340
|
+
},
|
|
1341
|
+
{
|
|
1342
|
+
"name": "href",
|
|
1343
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
1344
|
+
"values": []
|
|
1345
|
+
},
|
|
1346
|
+
{
|
|
1347
|
+
"name": "target",
|
|
1348
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
1349
|
+
"values": [
|
|
1350
|
+
{ "name": "_blank" },
|
|
1351
|
+
{ "name": "_parent" },
|
|
1352
|
+
{ "name": "_self" },
|
|
1353
|
+
{ "name": "_top" }
|
|
1354
|
+
]
|
|
1355
|
+
},
|
|
1356
|
+
{
|
|
1357
|
+
"name": "download",
|
|
1358
|
+
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
1359
|
+
"values": []
|
|
1360
|
+
},
|
|
1361
|
+
{
|
|
1362
|
+
"name": "label",
|
|
1363
|
+
"description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
|
|
1364
|
+
"values": []
|
|
1365
|
+
},
|
|
1366
|
+
{
|
|
1367
|
+
"name": "tooltip",
|
|
1368
|
+
"description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
|
|
1369
|
+
"values": []
|
|
1370
|
+
},
|
|
1371
|
+
{
|
|
1372
|
+
"name": "tooltip-placement",
|
|
1373
|
+
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
1374
|
+
"values": [
|
|
1375
|
+
{ "name": "" },
|
|
1376
|
+
{ "name": "top" },
|
|
1377
|
+
{ "name": "top-start" },
|
|
1378
|
+
{ "name": "top-end" },
|
|
1379
|
+
{ "name": "right" },
|
|
1380
|
+
{ "name": "right-start" },
|
|
1381
|
+
{ "name": "right-end" },
|
|
1382
|
+
{ "name": "bottom" },
|
|
1383
|
+
{ "name": "bottom-start" },
|
|
1384
|
+
{ "name": "bottom-end" },
|
|
1385
|
+
{ "name": "left" },
|
|
1386
|
+
{ "name": "left-start" },
|
|
1387
|
+
{ "name": "left-end" }
|
|
1388
|
+
]
|
|
1389
|
+
},
|
|
1390
|
+
{
|
|
1391
|
+
"name": "tooltip-distance",
|
|
1392
|
+
"description": "The distance in pixels from which to offset the tooltip away from the icon button.",
|
|
1393
|
+
"values": []
|
|
1394
|
+
},
|
|
1395
|
+
{
|
|
1396
|
+
"name": "tooltip-skidding",
|
|
1397
|
+
"description": "The distance in pixels from which to offset the tooltip along the icon button.",
|
|
1398
|
+
"values": []
|
|
1399
|
+
},
|
|
1400
|
+
{
|
|
1401
|
+
"name": "disabled",
|
|
1402
|
+
"description": "Disables the button.",
|
|
1403
|
+
"values": []
|
|
1404
|
+
},
|
|
1405
|
+
{
|
|
1406
|
+
"name": "confirm",
|
|
1407
|
+
"description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
|
|
1408
|
+
"values": []
|
|
1409
|
+
}
|
|
1410
|
+
],
|
|
1411
|
+
"references": []
|
|
1412
|
+
},
|
|
1413
1413
|
{
|
|
1414
1414
|
"name": "flow-ui-map",
|
|
1415
1415
|
"description": "Display a Flo.w map.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-map-load** - Dispatched when the map is first initialized and has completed loading. The Flo.w Core map instance can be retrieved from the event `detail` property.\n\n### **CSS Parts:**\n - **base** - The base element of the component.\n- **busy-indicator** - The busy indicator flow-ui-progress-bar.\n- **control-container** - The map control containers.\n- **control-container--top-left** - The top left control container element.\n- **control-container--top-right** - The top right control container element.\n- **control-container--bottom-left** - The bottom left control container element.\n- **control-container--bottom-right** - The bottom right control container element.",
|
|
@@ -2670,6 +2670,18 @@
|
|
|
2670
2670
|
"name": "hide-zone",
|
|
2671
2671
|
"description": "Set to `true` to hide the timezone display.",
|
|
2672
2672
|
"values": []
|
|
2673
|
+
},
|
|
2674
|
+
{
|
|
2675
|
+
"name": "placement",
|
|
2676
|
+
"description": "The placement of the calendar popup relative to the timer control.",
|
|
2677
|
+
"values": [
|
|
2678
|
+
{ "name": "top" },
|
|
2679
|
+
{ "name": "top-end" },
|
|
2680
|
+
{ "name": "top-start" },
|
|
2681
|
+
{ "name": "bottom" },
|
|
2682
|
+
{ "name": "bottom-start" },
|
|
2683
|
+
{ "name": "bottom-end" }
|
|
2684
|
+
]
|
|
2673
2685
|
}
|
|
2674
2686
|
],
|
|
2675
2687
|
"references": []
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@emuanalytics/flow-rdf-ui",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"module": "dist/index.mjs",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -103,13 +103,13 @@
|
|
|
103
103
|
"vite": "^4.3.9",
|
|
104
104
|
"vite-plugin-dts": "^3.5.1",
|
|
105
105
|
"webdriverio": "^8.14.3",
|
|
106
|
-
"@emuanalytics/flow-rdf-core": "4.0.
|
|
106
|
+
"@emuanalytics/flow-rdf-core": "4.0.6"
|
|
107
107
|
},
|
|
108
108
|
"peerDependencies": {
|
|
109
109
|
"chart.js": "^4.4.2",
|
|
110
110
|
"lit": "^2.7.2",
|
|
111
111
|
"lit-html": "^2.7.5",
|
|
112
|
-
"@emuanalytics/flow-rdf-core": "4.0.
|
|
112
|
+
"@emuanalytics/flow-rdf-core": "4.0.6"
|
|
113
113
|
},
|
|
114
114
|
"scripts": {
|
|
115
115
|
"dev": "vite",
|
package/themes/dark.css
CHANGED
|
@@ -615,12 +615,16 @@
|
|
|
615
615
|
}
|
|
616
616
|
|
|
617
617
|
.flow-ui-form > .flow-ui-form-control,
|
|
618
|
-
.flow-ui-form > .flow-ui-form-group
|
|
618
|
+
.flow-ui-form > .flow-ui-form-group,
|
|
619
|
+
.flow-ui-form-group > .flow-ui-form-control,
|
|
620
|
+
.flow-ui-form-group > .flow-ui-form-group {
|
|
619
621
|
margin-top: var(--flow-ui-form-spacing);
|
|
620
622
|
}
|
|
621
623
|
|
|
622
624
|
.flow-ui-form > .flow-ui-form-control:first-child,
|
|
623
|
-
.flow-ui-form > .flow-ui-form-group:first-child
|
|
625
|
+
.flow-ui-form > .flow-ui-form-group:first-child,
|
|
626
|
+
.flow-ui-form-group > .flow-ui-form-control:first-child,
|
|
627
|
+
.flow-ui-form-group > .flow-ui-form-group:first-child {
|
|
624
628
|
margin-top: 0;
|
|
625
629
|
}
|
|
626
630
|
|
package/themes/dark.styles.js
CHANGED
|
@@ -624,12 +624,16 @@ export default css`
|
|
|
624
624
|
}
|
|
625
625
|
|
|
626
626
|
.flow-ui-form > .flow-ui-form-control,
|
|
627
|
-
.flow-ui-form > .flow-ui-form-group
|
|
627
|
+
.flow-ui-form > .flow-ui-form-group,
|
|
628
|
+
.flow-ui-form-group > .flow-ui-form-control,
|
|
629
|
+
.flow-ui-form-group > .flow-ui-form-group {
|
|
628
630
|
margin-top: var(--flow-ui-form-spacing);
|
|
629
631
|
}
|
|
630
632
|
|
|
631
633
|
.flow-ui-form > .flow-ui-form-control:first-child,
|
|
632
|
-
.flow-ui-form > .flow-ui-form-group:first-child
|
|
634
|
+
.flow-ui-form > .flow-ui-form-group:first-child,
|
|
635
|
+
.flow-ui-form-group > .flow-ui-form-control:first-child,
|
|
636
|
+
.flow-ui-form-group > .flow-ui-form-group:first-child {
|
|
633
637
|
margin-top: 0;
|
|
634
638
|
}
|
|
635
639
|
|
package/themes/light.css
CHANGED
|
@@ -616,11 +616,15 @@
|
|
|
616
616
|
}
|
|
617
617
|
|
|
618
618
|
.flow-ui-form > .flow-ui-form-control,
|
|
619
|
-
.flow-ui-form > .flow-ui-form-group
|
|
619
|
+
.flow-ui-form > .flow-ui-form-group,
|
|
620
|
+
.flow-ui-form-group > .flow-ui-form-control,
|
|
621
|
+
.flow-ui-form-group > .flow-ui-form-group {
|
|
620
622
|
margin-top: var(--flow-ui-form-spacing);
|
|
621
623
|
}
|
|
622
624
|
|
|
623
625
|
.flow-ui-form > .flow-ui-form-control:first-child,
|
|
624
|
-
.flow-ui-form > .flow-ui-form-group:first-child
|
|
626
|
+
.flow-ui-form > .flow-ui-form-group:first-child,
|
|
627
|
+
.flow-ui-form-group > .flow-ui-form-control:first-child,
|
|
628
|
+
.flow-ui-form-group > .flow-ui-form-group:first-child {
|
|
625
629
|
margin-top: 0;
|
|
626
630
|
}
|
package/themes/light.styles.js
CHANGED
|
@@ -625,12 +625,16 @@ export default css`
|
|
|
625
625
|
}
|
|
626
626
|
|
|
627
627
|
.flow-ui-form > .flow-ui-form-control,
|
|
628
|
-
.flow-ui-form > .flow-ui-form-group
|
|
628
|
+
.flow-ui-form > .flow-ui-form-group,
|
|
629
|
+
.flow-ui-form-group > .flow-ui-form-control,
|
|
630
|
+
.flow-ui-form-group > .flow-ui-form-group {
|
|
629
631
|
margin-top: var(--flow-ui-form-spacing);
|
|
630
632
|
}
|
|
631
633
|
|
|
632
634
|
.flow-ui-form > .flow-ui-form-control:first-child,
|
|
633
|
-
.flow-ui-form > .flow-ui-form-group:first-child
|
|
635
|
+
.flow-ui-form > .flow-ui-form-group:first-child,
|
|
636
|
+
.flow-ui-form-group > .flow-ui-form-control:first-child,
|
|
637
|
+
.flow-ui-form-group > .flow-ui-form-group:first-child {
|
|
634
638
|
margin-top: 0;
|
|
635
639
|
}
|
|
636
640
|
`;
|