@getflip/swirl-ai 0.516.0-beta-20260728124509 → 0.516.0
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/agent/components/swirl-tree-view-item.md +2 -0
- package/dist/agent/components/swirl-tree-view.md +2 -0
- package/dist/custom-elements.manifest.json +64 -0
- package/dist/types/components/swirl-tree-view/swirl-tree-view.d.ts +2 -0
- package/dist/types/components/swirl-tree-view-item/swirl-tree-view-item.d.ts +4 -0
- package/dist/types/components.d.ts +12 -0
- package/package.json +2 -2
|
@@ -12,8 +12,10 @@ The SwirlTreeViewItem component is used to render nodes in a [SwirlTreeView](?pa
|
|
|
12
12
|
## Optional props
|
|
13
13
|
|
|
14
14
|
- `active` (boolean | undefined) –
|
|
15
|
+
- `collapsedIcon` (string | undefined) –
|
|
15
16
|
- `disableDrag` (boolean | undefined) –
|
|
16
17
|
- `expandable` (boolean | undefined) –
|
|
18
|
+
- `expandedIcon` (string | undefined) –
|
|
17
19
|
- `href` (string | undefined) –
|
|
18
20
|
- `icon` (string | undefined) –
|
|
19
21
|
- `iconColor` ("critical" | "default" | "disabled" | "highlight" | "info" | "on-action-primary" | "on-image" | "on-status" | "on-surface-highlight" | "on-surface-highlight-subdued" | "strong" | "success" | "warning" | undefined) –
|
|
@@ -10,8 +10,10 @@ The SwirlTreeView component is used to render an interactive, nested and hierarc
|
|
|
10
10
|
|
|
11
11
|
## Optional props
|
|
12
12
|
|
|
13
|
+
- `collapsedIcon` (string | undefined) –
|
|
13
14
|
- `dragDropItemSelector` (string | undefined) –
|
|
14
15
|
- `enableDragDrop` (boolean | undefined) –
|
|
16
|
+
- `expandedIcon` (string | undefined) –
|
|
15
17
|
- `semantics` ("list" | "tree" | undefined) –
|
|
16
18
|
- `canDrop` ((location: { parentId: string; position: number; }) => boolean | undefined) –
|
|
17
19
|
- `dragDropInstructions` ({ cannotBeDropped: string; end: string; initial: string; moved: string; start: string; } | undefined) –
|
|
@@ -63901,6 +63901,13 @@
|
|
|
63901
63901
|
"tagName": "swirl-tree-view",
|
|
63902
63902
|
"name": "SwirlTreeView",
|
|
63903
63903
|
"attributes": [
|
|
63904
|
+
{
|
|
63905
|
+
"name": "collapsed-icon",
|
|
63906
|
+
"type": {
|
|
63907
|
+
"text": "string | undefined"
|
|
63908
|
+
},
|
|
63909
|
+
"fieldName": "collapsedIcon"
|
|
63910
|
+
},
|
|
63904
63911
|
{
|
|
63905
63912
|
"name": "drag-drop-item-selector",
|
|
63906
63913
|
"type": {
|
|
@@ -63916,6 +63923,13 @@
|
|
|
63916
63923
|
},
|
|
63917
63924
|
"fieldName": "enableDragDrop"
|
|
63918
63925
|
},
|
|
63926
|
+
{
|
|
63927
|
+
"name": "expanded-icon",
|
|
63928
|
+
"type": {
|
|
63929
|
+
"text": "string | undefined"
|
|
63930
|
+
},
|
|
63931
|
+
"fieldName": "expandedIcon"
|
|
63932
|
+
},
|
|
63919
63933
|
{
|
|
63920
63934
|
"name": "label",
|
|
63921
63935
|
"type": {
|
|
@@ -63951,6 +63965,15 @@
|
|
|
63951
63965
|
},
|
|
63952
63966
|
"readonly": true
|
|
63953
63967
|
},
|
|
63968
|
+
{
|
|
63969
|
+
"kind": "field",
|
|
63970
|
+
"name": "collapsedIcon",
|
|
63971
|
+
"type": {
|
|
63972
|
+
"text": "string | undefined"
|
|
63973
|
+
},
|
|
63974
|
+
"readonly": true,
|
|
63975
|
+
"attribute": "collapsed-icon"
|
|
63976
|
+
},
|
|
63954
63977
|
{
|
|
63955
63978
|
"kind": "field",
|
|
63956
63979
|
"name": "dragDropInstructions",
|
|
@@ -63979,6 +64002,15 @@
|
|
|
63979
64002
|
"readonly": true,
|
|
63980
64003
|
"attribute": "enable-drag-drop"
|
|
63981
64004
|
},
|
|
64005
|
+
{
|
|
64006
|
+
"kind": "field",
|
|
64007
|
+
"name": "expandedIcon",
|
|
64008
|
+
"type": {
|
|
64009
|
+
"text": "string | undefined"
|
|
64010
|
+
},
|
|
64011
|
+
"readonly": true,
|
|
64012
|
+
"attribute": "expanded-icon"
|
|
64013
|
+
},
|
|
63982
64014
|
{
|
|
63983
64015
|
"kind": "field",
|
|
63984
64016
|
"name": "initiallyExpandedItemIds",
|
|
@@ -64103,6 +64135,13 @@
|
|
|
64103
64135
|
},
|
|
64104
64136
|
"fieldName": "active"
|
|
64105
64137
|
},
|
|
64138
|
+
{
|
|
64139
|
+
"name": "collapsed-icon",
|
|
64140
|
+
"type": {
|
|
64141
|
+
"text": "string | undefined"
|
|
64142
|
+
},
|
|
64143
|
+
"fieldName": "collapsedIcon"
|
|
64144
|
+
},
|
|
64106
64145
|
{
|
|
64107
64146
|
"name": "disable-drag",
|
|
64108
64147
|
"type": {
|
|
@@ -64118,6 +64157,13 @@
|
|
|
64118
64157
|
"default": "true",
|
|
64119
64158
|
"fieldName": "expandable"
|
|
64120
64159
|
},
|
|
64160
|
+
{
|
|
64161
|
+
"name": "expanded-icon",
|
|
64162
|
+
"type": {
|
|
64163
|
+
"text": "string | undefined"
|
|
64164
|
+
},
|
|
64165
|
+
"fieldName": "expandedIcon"
|
|
64166
|
+
},
|
|
64121
64167
|
{
|
|
64122
64168
|
"name": "href",
|
|
64123
64169
|
"type": {
|
|
@@ -64170,6 +64216,15 @@
|
|
|
64170
64216
|
"readonly": true,
|
|
64171
64217
|
"attribute": "active"
|
|
64172
64218
|
},
|
|
64219
|
+
{
|
|
64220
|
+
"kind": "field",
|
|
64221
|
+
"name": "collapsedIcon",
|
|
64222
|
+
"type": {
|
|
64223
|
+
"text": "string | undefined"
|
|
64224
|
+
},
|
|
64225
|
+
"readonly": true,
|
|
64226
|
+
"attribute": "collapsed-icon"
|
|
64227
|
+
},
|
|
64173
64228
|
{
|
|
64174
64229
|
"kind": "field",
|
|
64175
64230
|
"name": "disableDrag",
|
|
@@ -64189,6 +64244,15 @@
|
|
|
64189
64244
|
"readonly": true,
|
|
64190
64245
|
"attribute": "expandable"
|
|
64191
64246
|
},
|
|
64247
|
+
{
|
|
64248
|
+
"kind": "field",
|
|
64249
|
+
"name": "expandedIcon",
|
|
64250
|
+
"type": {
|
|
64251
|
+
"text": "string | undefined"
|
|
64252
|
+
},
|
|
64253
|
+
"readonly": true,
|
|
64254
|
+
"attribute": "expanded-icon"
|
|
64255
|
+
},
|
|
64192
64256
|
{
|
|
64193
64257
|
"kind": "field",
|
|
64194
64258
|
"name": "href",
|
|
@@ -19,6 +19,7 @@ export type SwirlTreeViewCanDropHandler = (location: {
|
|
|
19
19
|
export declare class SwirlTreeView {
|
|
20
20
|
el: HTMLSwirlTreeViewElement;
|
|
21
21
|
canDrop?: SwirlTreeViewCanDropHandler;
|
|
22
|
+
collapsedIcon?: string;
|
|
22
23
|
dragDropInstructions: {
|
|
23
24
|
cannotBeDropped: string;
|
|
24
25
|
end: string;
|
|
@@ -28,6 +29,7 @@ export declare class SwirlTreeView {
|
|
|
28
29
|
};
|
|
29
30
|
dragDropItemSelector?: string;
|
|
30
31
|
enableDragDrop?: boolean;
|
|
32
|
+
expandedIcon?: string;
|
|
31
33
|
initiallyExpandedItemIds?: string[];
|
|
32
34
|
label: string;
|
|
33
35
|
semantics?: SwirlTreeViewSemantics;
|
|
@@ -15,8 +15,10 @@ export type SwirlTreeViewItemKeyboardMoveEvent = {
|
|
|
15
15
|
export declare class SwirlTreeViewItem {
|
|
16
16
|
el: HTMLSwirlTreeViewItemElement;
|
|
17
17
|
active?: boolean;
|
|
18
|
+
collapsedIcon?: string;
|
|
18
19
|
disableDrag?: boolean;
|
|
19
20
|
expandable?: boolean;
|
|
21
|
+
expandedIcon?: string;
|
|
20
22
|
href?: string;
|
|
21
23
|
icon?: string;
|
|
22
24
|
iconColor?: SwirlIconColor;
|
|
@@ -36,6 +38,8 @@ export declare class SwirlTreeViewItem {
|
|
|
36
38
|
level: number;
|
|
37
39
|
movingViaKeyboard: boolean;
|
|
38
40
|
selected: boolean;
|
|
41
|
+
treeCollapsedIcon?: string;
|
|
42
|
+
treeExpandedIcon?: string;
|
|
39
43
|
private childList?;
|
|
40
44
|
private positionBeforeKeyboardMove?;
|
|
41
45
|
private link?;
|
|
@@ -5735,6 +5735,7 @@ export namespace Components {
|
|
|
5735
5735
|
}
|
|
5736
5736
|
interface SwirlTreeView {
|
|
5737
5737
|
"canDrop"?: SwirlTreeViewCanDropHandler;
|
|
5738
|
+
"collapsedIcon"?: string;
|
|
5738
5739
|
/**
|
|
5739
5740
|
* @default defaultDragDropInstructions
|
|
5740
5741
|
*/
|
|
@@ -5745,6 +5746,7 @@ export namespace Components {
|
|
|
5745
5746
|
"dragDropItemSelector"?: string;
|
|
5746
5747
|
"enableDragDrop"?: boolean;
|
|
5747
5748
|
"expandItems": (itemIds: string[]) => Promise<void>;
|
|
5749
|
+
"expandedIcon"?: string;
|
|
5748
5750
|
"initiallyExpandedItemIds"?: string[];
|
|
5749
5751
|
"label": string;
|
|
5750
5752
|
/**
|
|
@@ -5755,12 +5757,14 @@ export namespace Components {
|
|
|
5755
5757
|
interface SwirlTreeViewItem {
|
|
5756
5758
|
"active"?: boolean;
|
|
5757
5759
|
"collapse": () => Promise<void>;
|
|
5760
|
+
"collapsedIcon"?: string;
|
|
5758
5761
|
"disableDrag"?: boolean;
|
|
5759
5762
|
"expand": () => Promise<void>;
|
|
5760
5763
|
/**
|
|
5761
5764
|
* @default true
|
|
5762
5765
|
*/
|
|
5763
5766
|
"expandable"?: boolean;
|
|
5767
|
+
"expandedIcon"?: string;
|
|
5764
5768
|
"href"?: string;
|
|
5765
5769
|
"icon"?: string;
|
|
5766
5770
|
"iconColor"?: SwirlIconColor1;
|
|
@@ -15729,6 +15733,7 @@ declare namespace LocalJSX {
|
|
|
15729
15733
|
}
|
|
15730
15734
|
interface SwirlTreeView {
|
|
15731
15735
|
"canDrop"?: SwirlTreeViewCanDropHandler;
|
|
15736
|
+
"collapsedIcon"?: string;
|
|
15732
15737
|
/**
|
|
15733
15738
|
* @default defaultDragDropInstructions
|
|
15734
15739
|
*/
|
|
@@ -15738,6 +15743,7 @@ declare namespace LocalJSX {
|
|
|
15738
15743
|
*/
|
|
15739
15744
|
"dragDropItemSelector"?: string;
|
|
15740
15745
|
"enableDragDrop"?: boolean;
|
|
15746
|
+
"expandedIcon"?: string;
|
|
15741
15747
|
"initiallyExpandedItemIds"?: string[];
|
|
15742
15748
|
"label": string;
|
|
15743
15749
|
"onDropItem"?: (event: SwirlTreeViewCustomEvent<SwirlTreeViewDropItemEvent>) => void;
|
|
@@ -15752,11 +15758,13 @@ declare namespace LocalJSX {
|
|
|
15752
15758
|
}
|
|
15753
15759
|
interface SwirlTreeViewItem {
|
|
15754
15760
|
"active"?: boolean;
|
|
15761
|
+
"collapsedIcon"?: string;
|
|
15755
15762
|
"disableDrag"?: boolean;
|
|
15756
15763
|
/**
|
|
15757
15764
|
* @default true
|
|
15758
15765
|
*/
|
|
15759
15766
|
"expandable"?: boolean;
|
|
15767
|
+
"expandedIcon"?: string;
|
|
15760
15768
|
"href"?: string;
|
|
15761
15769
|
"icon"?: string;
|
|
15762
15770
|
"iconColor"?: SwirlIconColor1;
|
|
@@ -18655,15 +18663,19 @@ declare namespace LocalJSX {
|
|
|
18655
18663
|
"external": boolean;
|
|
18656
18664
|
}
|
|
18657
18665
|
interface SwirlTreeViewAttributes {
|
|
18666
|
+
"collapsedIcon": string;
|
|
18658
18667
|
"dragDropItemSelector": string;
|
|
18659
18668
|
"enableDragDrop": boolean;
|
|
18669
|
+
"expandedIcon": string;
|
|
18660
18670
|
"label": string;
|
|
18661
18671
|
"semantics": SwirlTreeViewSemantics;
|
|
18662
18672
|
}
|
|
18663
18673
|
interface SwirlTreeViewItemAttributes {
|
|
18664
18674
|
"active": boolean;
|
|
18675
|
+
"collapsedIcon": string;
|
|
18665
18676
|
"disableDrag": boolean;
|
|
18666
18677
|
"expandable": boolean;
|
|
18678
|
+
"expandedIcon": string;
|
|
18667
18679
|
"href": string;
|
|
18668
18680
|
"icon": string;
|
|
18669
18681
|
"iconColor": SwirlIconColor;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@getflip/swirl-ai",
|
|
3
|
-
"version": "0.516.0
|
|
3
|
+
"version": "0.516.0",
|
|
4
4
|
"description": "Swirl Design System AI package with artifacts for AI agents",
|
|
5
5
|
"author": "Flip GmbH",
|
|
6
6
|
"repository": {
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"lint": "tsc --noEmit"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@getflip/swirl-components": "0.516.0
|
|
29
|
+
"@getflip/swirl-components": "0.516.0",
|
|
30
30
|
"@getflip/swirl-tokens": "2.14.3",
|
|
31
31
|
"@types/node": "25.3.0",
|
|
32
32
|
"tsx": "^4.7.0",
|