@emuanalytics/flow-rdf-ui 0.0.30 → 0.0.31
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 +1396 -1386
- package/dist/index.cjs +3 -3
- package/dist/index.d.cts +3 -0
- package/dist/index.d.mts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.mjs +3 -3
- package/dist/vscode.html-custom-data.json +89 -89
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -13152,11 +13152,11 @@ function whereClausesFromRuleSet(rule, config, options) {
|
|
|
13152
13152
|
clause = { $or: [{ [fieldName]: { $is: null } }, clause] };
|
|
13153
13153
|
}
|
|
13154
13154
|
return clause;
|
|
13155
|
-
} else {
|
|
13155
|
+
} else if (isRuleSet(rule)) {
|
|
13156
13156
|
const condition = rule.condition === "and" ? "$and" : "$or";
|
|
13157
13157
|
const rules = rule.rules.map((r) => whereClausesFromRuleSet(r, config, options)).filter((r) => isObjectFull(r));
|
|
13158
13158
|
return rules.length ? { [condition]: rules } : {};
|
|
13159
|
-
}
|
|
13159
|
+
} else ;
|
|
13160
13160
|
}
|
|
13161
13161
|
function predicateFromRule(rule, config) {
|
|
13162
13162
|
const field = config.fields[rule.field];
|
|
@@ -23377,7 +23377,7 @@ const translation = {
|
|
|
23377
23377
|
};
|
|
23378
23378
|
localize.registerTranslation(translation);
|
|
23379
23379
|
|
|
23380
|
-
const version = "0.0.
|
|
23380
|
+
const version = "0.0.31";
|
|
23381
23381
|
|
|
23382
23382
|
const CONSOLE_HIGHLIGHT_STYLE = `
|
|
23383
23383
|
padding: 2px 4px;
|
package/dist/index.d.cts
CHANGED
|
@@ -2706,6 +2706,9 @@ type NoUnion<T, U = T> = T extends U ? ([U] extends [T] ? T : never) : never;
|
|
|
2706
2706
|
* @summary Query builder component
|
|
2707
2707
|
*
|
|
2708
2708
|
* @event flow-ui-change - Emitted when the control's value changes.
|
|
2709
|
+
*
|
|
2710
|
+
* @slot label - The component's label. Alternatively, you can use the `label` attribute.
|
|
2711
|
+
* @slot help-text - Text that describes how to use the component. Alternatively, you can use the `help-text` attribute.
|
|
2709
2712
|
*/
|
|
2710
2713
|
declare class FlowQueryBuilder extends FlowRdfElement {
|
|
2711
2714
|
static styles: CSSResultGroup;
|
package/dist/index.d.mts
CHANGED
|
@@ -2706,6 +2706,9 @@ type NoUnion<T, U = T> = T extends U ? ([U] extends [T] ? T : never) : never;
|
|
|
2706
2706
|
* @summary Query builder component
|
|
2707
2707
|
*
|
|
2708
2708
|
* @event flow-ui-change - Emitted when the control's value changes.
|
|
2709
|
+
*
|
|
2710
|
+
* @slot label - The component's label. Alternatively, you can use the `label` attribute.
|
|
2711
|
+
* @slot help-text - Text that describes how to use the component. Alternatively, you can use the `help-text` attribute.
|
|
2709
2712
|
*/
|
|
2710
2713
|
declare class FlowQueryBuilder extends FlowRdfElement {
|
|
2711
2714
|
static styles: CSSResultGroup;
|
package/dist/index.d.ts
CHANGED
|
@@ -2706,6 +2706,9 @@ type NoUnion<T, U = T> = T extends U ? ([U] extends [T] ? T : never) : never;
|
|
|
2706
2706
|
* @summary Query builder component
|
|
2707
2707
|
*
|
|
2708
2708
|
* @event flow-ui-change - Emitted when the control's value changes.
|
|
2709
|
+
*
|
|
2710
|
+
* @slot label - The component's label. Alternatively, you can use the `label` attribute.
|
|
2711
|
+
* @slot help-text - Text that describes how to use the component. Alternatively, you can use the `help-text` attribute.
|
|
2709
2712
|
*/
|
|
2710
2713
|
declare class FlowQueryBuilder extends FlowRdfElement {
|
|
2711
2714
|
static styles: CSSResultGroup;
|
package/dist/index.mjs
CHANGED
|
@@ -13133,11 +13133,11 @@ function whereClausesFromRuleSet(rule, config, options) {
|
|
|
13133
13133
|
clause = { $or: [{ [fieldName]: { $is: null } }, clause] };
|
|
13134
13134
|
}
|
|
13135
13135
|
return clause;
|
|
13136
|
-
} else {
|
|
13136
|
+
} else if (isRuleSet(rule)) {
|
|
13137
13137
|
const condition = rule.condition === "and" ? "$and" : "$or";
|
|
13138
13138
|
const rules = rule.rules.map((r) => whereClausesFromRuleSet(r, config, options)).filter((r) => isObjectFull(r));
|
|
13139
13139
|
return rules.length ? { [condition]: rules } : {};
|
|
13140
|
-
}
|
|
13140
|
+
} else ;
|
|
13141
13141
|
}
|
|
13142
13142
|
function predicateFromRule(rule, config) {
|
|
13143
13143
|
const field = config.fields[rule.field];
|
|
@@ -23358,7 +23358,7 @@ const translation = {
|
|
|
23358
23358
|
};
|
|
23359
23359
|
registerTranslation(translation);
|
|
23360
23360
|
|
|
23361
|
-
const version = "0.0.
|
|
23361
|
+
const version = "0.0.31";
|
|
23362
23362
|
|
|
23363
23363
|
const CONSOLE_HIGHLIGHT_STYLE = `
|
|
23364
23364
|
padding: 2px 4px;
|
|
@@ -34,6 +34,34 @@
|
|
|
34
34
|
],
|
|
35
35
|
"references": []
|
|
36
36
|
},
|
|
37
|
+
{
|
|
38
|
+
"name": "flow-ui-badge",
|
|
39
|
+
"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.",
|
|
40
|
+
"attributes": [
|
|
41
|
+
{
|
|
42
|
+
"name": "variant",
|
|
43
|
+
"description": "The badge's theme variant.",
|
|
44
|
+
"values": [
|
|
45
|
+
{ "name": "primary" },
|
|
46
|
+
{ "name": "success" },
|
|
47
|
+
{ "name": "neutral" },
|
|
48
|
+
{ "name": "warning" },
|
|
49
|
+
{ "name": "danger" }
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"name": "pill",
|
|
54
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
55
|
+
"values": []
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"name": "pulse",
|
|
59
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
60
|
+
"values": []
|
|
61
|
+
}
|
|
62
|
+
],
|
|
63
|
+
"references": []
|
|
64
|
+
},
|
|
37
65
|
{
|
|
38
66
|
"name": "flow-ui-avatar",
|
|
39
67
|
"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.",
|
|
@@ -109,19 +137,6 @@
|
|
|
109
137
|
],
|
|
110
138
|
"references": []
|
|
111
139
|
},
|
|
112
|
-
{
|
|
113
|
-
"name": "flow-ui-button-group",
|
|
114
|
-
"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.",
|
|
115
|
-
"attributes": [
|
|
116
|
-
{ "name": "label", "values": [] },
|
|
117
|
-
{
|
|
118
|
-
"name": "vertical",
|
|
119
|
-
"description": "Use vertical layout for the button group.",
|
|
120
|
-
"values": []
|
|
121
|
-
}
|
|
122
|
-
],
|
|
123
|
-
"references": []
|
|
124
|
-
},
|
|
125
140
|
{
|
|
126
141
|
"name": "flow-ui-button",
|
|
127
142
|
"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.",
|
|
@@ -268,28 +283,13 @@
|
|
|
268
283
|
"references": []
|
|
269
284
|
},
|
|
270
285
|
{
|
|
271
|
-
"name": "flow-ui-
|
|
272
|
-
"description": "
|
|
286
|
+
"name": "flow-ui-button-group",
|
|
287
|
+
"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.",
|
|
273
288
|
"attributes": [
|
|
289
|
+
{ "name": "label", "values": [] },
|
|
274
290
|
{
|
|
275
|
-
"name": "
|
|
276
|
-
"description": "
|
|
277
|
-
"values": [
|
|
278
|
-
{ "name": "primary" },
|
|
279
|
-
{ "name": "success" },
|
|
280
|
-
{ "name": "neutral" },
|
|
281
|
-
{ "name": "warning" },
|
|
282
|
-
{ "name": "danger" }
|
|
283
|
-
]
|
|
284
|
-
},
|
|
285
|
-
{
|
|
286
|
-
"name": "pill",
|
|
287
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
288
|
-
"values": []
|
|
289
|
-
},
|
|
290
|
-
{
|
|
291
|
-
"name": "pulse",
|
|
292
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
291
|
+
"name": "vertical",
|
|
292
|
+
"description": "Use vertical layout for the button group.",
|
|
293
293
|
"values": []
|
|
294
294
|
}
|
|
295
295
|
],
|
|
@@ -1225,7 +1225,7 @@
|
|
|
1225
1225
|
},
|
|
1226
1226
|
{
|
|
1227
1227
|
"name": "flow-ui-query-builder",
|
|
1228
|
-
"description": "Query builder component\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the control's value changes.\n\n### **Methods:**\n - **registerFieldDefinition(type: _T_, fieldDefinition: _FlowQueryBuilderFieldDefinition<NoUnion<T>>_)** - Register a custom field definition.\n\nA field definition is used to add support for a custom field type. A field type comprises:\n\n- a field `type` string\n- a `template` function that returns the template for the field's value control\n- an array of `operators` that are valid for the field\n- **isRule(value: _unknown_): _value is FlowQueryBuilderRule_** - Static helper method to determine if supplied argument is\na `FlowQueryBuilderRule`.\n- **isRuleSet(value: _unknown_): __** - Static helper method to determine if supplied argument is\na `FlowQueryBuilderRuleSet`.\n- **filterRuleSet(ruleset: _FlowQueryBuilderRuleSet_, options: _{ excludeFields?: string[]; includeFields?: string[] }_): __** - Static helper method to recursively filter a `FlowQueryBuilderRuleSet`.\n\nThis can be used to sanitize user queries before they are executed.\n- **renameRuleSetFields(ruleset: _FlowQueryBuilderRuleSet_, replacements: _Record<string, string>_, ruleSet): __** - Static helper method to rename fields in a `FlowQueryBuilderRuleSet`.\n- **transformRuleSet(ruleSet: _FlowQueryBuilderRuleSet_, transformFn: _(rule: FlowQueryBuilderRule) => FlowQueryBuilderRule | undefined_): __** - Static helper method to recursively apply a transform function to each rule\nin a `FlowQueryBuilderRuleSet`.\n\nThe transform fn should expect a single FlowQueryBuilderRule and return:\n\n- the same rule unmodifed or modified in place\n- `undefined` to exclude the rule from the rule set\n\nThis can be used to sanitize rule sets before they are used to perform queries.",
|
|
1228
|
+
"description": "Query builder component\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the control's value changes.\n\n### **Methods:**\n - **registerFieldDefinition(type: _T_, fieldDefinition: _FlowQueryBuilderFieldDefinition<NoUnion<T>>_)** - Register a custom field definition.\n\nA field definition is used to add support for a custom field type. A field type comprises:\n\n- a field `type` string\n- a `template` function that returns the template for the field's value control\n- an array of `operators` that are valid for the field\n- **isRule(value: _unknown_): _value is FlowQueryBuilderRule_** - Static helper method to determine if supplied argument is\na `FlowQueryBuilderRule`.\n- **isRuleSet(value: _unknown_): __** - Static helper method to determine if supplied argument is\na `FlowQueryBuilderRuleSet`.\n- **filterRuleSet(ruleset: _FlowQueryBuilderRuleSet_, options: _{ excludeFields?: string[]; includeFields?: string[] }_): __** - Static helper method to recursively filter a `FlowQueryBuilderRuleSet`.\n\nThis can be used to sanitize user queries before they are executed.\n- **renameRuleSetFields(ruleset: _FlowQueryBuilderRuleSet_, replacements: _Record<string, string>_, ruleSet): __** - Static helper method to rename fields in a `FlowQueryBuilderRuleSet`.\n- **transformRuleSet(ruleSet: _FlowQueryBuilderRuleSet_, transformFn: _(rule: FlowQueryBuilderRule) => FlowQueryBuilderRule | undefined_): __** - Static helper method to recursively apply a transform function to each rule\nin a `FlowQueryBuilderRuleSet`.\n\nThe transform fn should expect a single FlowQueryBuilderRule and return:\n\n- the same rule unmodifed or modified in place\n- `undefined` to exclude the rule from the rule set\n\nThis can be used to sanitize rule sets before they are used to perform queries.\n\n### **Slots:**\n - **label** - The component's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the component. Alternatively, you can use the `help-text` attribute.",
|
|
1229
1229
|
"attributes": [
|
|
1230
1230
|
{
|
|
1231
1231
|
"name": "value",
|
|
@@ -1420,12 +1420,67 @@
|
|
|
1420
1420
|
],
|
|
1421
1421
|
"references": []
|
|
1422
1422
|
},
|
|
1423
|
+
{
|
|
1424
|
+
"name": "flow-ui-scroll-view",
|
|
1425
|
+
"description": "Scroll views provide a scrollable area for content.\n\n\n---\n\n\n",
|
|
1426
|
+
"attributes": [
|
|
1427
|
+
{
|
|
1428
|
+
"name": "mode",
|
|
1429
|
+
"values": [{ "name": "native" }, { "name": "overlay" }]
|
|
1430
|
+
},
|
|
1431
|
+
{
|
|
1432
|
+
"name": "overflow-x",
|
|
1433
|
+
"values": [
|
|
1434
|
+
{ "name": "" },
|
|
1435
|
+
{ "name": "hidden" },
|
|
1436
|
+
{ "name": "scroll" },
|
|
1437
|
+
{ "name": "visible" },
|
|
1438
|
+
{ "name": "visible-hidden" },
|
|
1439
|
+
{ "name": "visible-scroll" }
|
|
1440
|
+
]
|
|
1441
|
+
},
|
|
1442
|
+
{
|
|
1443
|
+
"name": "overflow-y",
|
|
1444
|
+
"values": [
|
|
1445
|
+
{ "name": "" },
|
|
1446
|
+
{ "name": "hidden" },
|
|
1447
|
+
{ "name": "scroll" },
|
|
1448
|
+
{ "name": "visible" },
|
|
1449
|
+
{ "name": "visible-hidden" },
|
|
1450
|
+
{ "name": "visible-scroll" }
|
|
1451
|
+
]
|
|
1452
|
+
},
|
|
1453
|
+
{
|
|
1454
|
+
"name": "auto-hide",
|
|
1455
|
+
"values": [
|
|
1456
|
+
{ "name": "never" },
|
|
1457
|
+
{ "name": "scroll" },
|
|
1458
|
+
{ "name": "leave" },
|
|
1459
|
+
{ "name": "move" }
|
|
1460
|
+
]
|
|
1461
|
+
},
|
|
1462
|
+
{ "name": "auto-hide-delay", "values": [] },
|
|
1463
|
+
{ "name": "auto-hide-suspend", "values": [] }
|
|
1464
|
+
],
|
|
1465
|
+
"references": []
|
|
1466
|
+
},
|
|
1423
1467
|
{
|
|
1424
1468
|
"name": "flow-ui-spinner",
|
|
1425
1469
|
"description": "Spinners are used to show the progress of an indeterminate operation.\n\n\n---\n\n\n\n\n### **CSS Properties:**\n - **--track-width** - The width of the track. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the spinner's indicator. _(default: undefined)_\n- **--speed** - The time it takes for the spinner to complete one animation cycle. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
1426
1470
|
"attributes": [],
|
|
1427
1471
|
"references": []
|
|
1428
1472
|
},
|
|
1473
|
+
{
|
|
1474
|
+
"name": "flow-ui-split-view",
|
|
1475
|
+
"description": "Split-views contain 2 or more split-view panes to create resizable areas.\n\n\n---\n\n\n",
|
|
1476
|
+
"attributes": [
|
|
1477
|
+
{ "name": "no-drag-close", "values": [] },
|
|
1478
|
+
{ "name": "positions", "values": [{ "name": "string[]" }] },
|
|
1479
|
+
{ "name": "vertical", "values": [] },
|
|
1480
|
+
{ "name": "dragging", "values": [] }
|
|
1481
|
+
],
|
|
1482
|
+
"references": []
|
|
1483
|
+
},
|
|
1429
1484
|
{
|
|
1430
1485
|
"name": "flow-ui-split-view-divider",
|
|
1431
1486
|
"description": "Split-view dividers are used internally by split-views to create resizable areas.\n\n\n---\n\n\n",
|
|
@@ -1558,50 +1613,6 @@
|
|
|
1558
1613
|
],
|
|
1559
1614
|
"references": []
|
|
1560
1615
|
},
|
|
1561
|
-
{
|
|
1562
|
-
"name": "flow-ui-scroll-view",
|
|
1563
|
-
"description": "Scroll views provide a scrollable area for content.\n\n\n---\n\n\n",
|
|
1564
|
-
"attributes": [
|
|
1565
|
-
{
|
|
1566
|
-
"name": "mode",
|
|
1567
|
-
"values": [{ "name": "native" }, { "name": "overlay" }]
|
|
1568
|
-
},
|
|
1569
|
-
{
|
|
1570
|
-
"name": "overflow-x",
|
|
1571
|
-
"values": [
|
|
1572
|
-
{ "name": "" },
|
|
1573
|
-
{ "name": "hidden" },
|
|
1574
|
-
{ "name": "scroll" },
|
|
1575
|
-
{ "name": "visible" },
|
|
1576
|
-
{ "name": "visible-hidden" },
|
|
1577
|
-
{ "name": "visible-scroll" }
|
|
1578
|
-
]
|
|
1579
|
-
},
|
|
1580
|
-
{
|
|
1581
|
-
"name": "overflow-y",
|
|
1582
|
-
"values": [
|
|
1583
|
-
{ "name": "" },
|
|
1584
|
-
{ "name": "hidden" },
|
|
1585
|
-
{ "name": "scroll" },
|
|
1586
|
-
{ "name": "visible" },
|
|
1587
|
-
{ "name": "visible-hidden" },
|
|
1588
|
-
{ "name": "visible-scroll" }
|
|
1589
|
-
]
|
|
1590
|
-
},
|
|
1591
|
-
{
|
|
1592
|
-
"name": "auto-hide",
|
|
1593
|
-
"values": [
|
|
1594
|
-
{ "name": "never" },
|
|
1595
|
-
{ "name": "scroll" },
|
|
1596
|
-
{ "name": "leave" },
|
|
1597
|
-
{ "name": "move" }
|
|
1598
|
-
]
|
|
1599
|
-
},
|
|
1600
|
-
{ "name": "auto-hide-delay", "values": [] },
|
|
1601
|
-
{ "name": "auto-hide-suspend", "values": [] }
|
|
1602
|
-
],
|
|
1603
|
-
"references": []
|
|
1604
|
-
},
|
|
1605
1616
|
{
|
|
1606
1617
|
"name": "flow-ui-stepper",
|
|
1607
1618
|
"description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
|
|
@@ -1632,17 +1643,6 @@
|
|
|
1632
1643
|
],
|
|
1633
1644
|
"references": []
|
|
1634
1645
|
},
|
|
1635
|
-
{
|
|
1636
|
-
"name": "flow-ui-split-view",
|
|
1637
|
-
"description": "Split-views contain 2 or more split-view panes to create resizable areas.\n\n\n---\n\n\n",
|
|
1638
|
-
"attributes": [
|
|
1639
|
-
{ "name": "no-drag-close", "values": [] },
|
|
1640
|
-
{ "name": "positions", "values": [{ "name": "string[]" }] },
|
|
1641
|
-
{ "name": "vertical", "values": [] },
|
|
1642
|
-
{ "name": "dragging", "values": [] }
|
|
1643
|
-
],
|
|
1644
|
-
"references": []
|
|
1645
|
-
},
|
|
1646
1646
|
{
|
|
1647
1647
|
"name": "flow-ui-switch",
|
|
1648
1648
|
"description": "Switches allow the user to toggle an option on or off.\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 the control's checked state changes.\n- **flow-ui-input** - Emitted when the control receives input.\n- **flow-ui-focus** - Emitted when the control 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 switch.\n- **focus(options: _FocusOptions_)** - Sets focus on the switch.\n- **blur()** - Removes focus from the switch.\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 switch's label.\n\n### **CSS Properties:**\n - **--width** - The width of the switch. _(default: undefined)_\n- **--height** - The height of the switch. _(default: undefined)_\n- **--thumb-size** - The size of the thumb. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The control that houses the switch's thumb.\n- **thumb** - The switch's thumb.\n- **label** - The switch's label.",
|