@emuanalytics/flow-rdf-ui 4.0.15 → 4.0.17
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/split-view/split-view.component.mjs +2 -2
- package/dist/components/split-view-pane/split-view-pane.component.mjs +3 -3
- package/dist/components/split-view-toggle-button/split-view-toggle-button.component.mjs +1 -1
- package/dist/components/tree/tree.component.mjs +2 -0
- package/dist/custom-elements.json +554 -554
- package/dist/index.d.mts +15 -1
- package/dist/index.d.ts +15 -1
- package/dist/package.json.mjs +1 -1
- package/dist/vscode.html-custom-data.json +77 -77
- package/package.json +3 -3
|
@@ -77,8 +77,8 @@ class FlowUiSplitView extends FlowRdfElement {
|
|
|
77
77
|
@flow-ui-drag-start=${this.handleDragStart}
|
|
78
78
|
@flow-ui-drag-end=${this.handleDragEnd}
|
|
79
79
|
@pointerleave=${this.handlePointerLeave}
|
|
80
|
-
@flow-ui-collapse=${this.handleCollapseExpand}
|
|
81
|
-
@flow-ui-expand=${this.handleCollapseExpand}
|
|
80
|
+
@flow-ui-collapse-split-view=${this.handleCollapseExpand}
|
|
81
|
+
@flow-ui-expand-split-view=${this.handleCollapseExpand}
|
|
82
82
|
@transitionend=${this.handleTransitionEnd}
|
|
83
83
|
style=${styleMap({
|
|
84
84
|
[gridTemplateProperty]: this.positions.join(" ")
|
|
@@ -55,7 +55,7 @@ class FlowUiSplitViewPane extends FlowRdfElement {
|
|
|
55
55
|
if (!this.closed) {
|
|
56
56
|
this.closed = true;
|
|
57
57
|
if (emitEvent) {
|
|
58
|
-
this.emit("flow-ui-collapse");
|
|
58
|
+
this.emit("flow-ui-collapse-split-view");
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
}
|
|
@@ -69,8 +69,8 @@ class FlowUiSplitViewPane extends FlowRdfElement {
|
|
|
69
69
|
"split-view-pane--hidden": this.hidden,
|
|
70
70
|
"split-view-pane--closed": this.closed
|
|
71
71
|
})}
|
|
72
|
-
@flow-ui-expand=${this.expand}
|
|
73
|
-
@flow-ui-collapse=${this.collapse}
|
|
72
|
+
@flow-ui-expand-split-view=${this.expand}
|
|
73
|
+
@flow-ui-collapse-split-view=${this.collapse}
|
|
74
74
|
>
|
|
75
75
|
<div part="contents" class="split-view-pane__contents">
|
|
76
76
|
<slot></slot>
|
|
@@ -48,7 +48,7 @@ class FlowUiSplitViewToggleButton extends FlowUiIconButton {
|
|
|
48
48
|
handleClick(event) {
|
|
49
49
|
super.handleClick(event);
|
|
50
50
|
this.closed = !this.closed;
|
|
51
|
-
this.emit(this.closed ? "flow-ui-collapse" : "flow-ui-expand");
|
|
51
|
+
this.emit(this.closed ? "flow-ui-collapse-split-view" : "flow-ui-expand-split-view");
|
|
52
52
|
}
|
|
53
53
|
closestElement(selector, base = this) {
|
|
54
54
|
function __closestFrom(el) {
|
|
@@ -61,6 +61,7 @@ class FlowUiTree extends FlowRdfElement {
|
|
|
61
61
|
// Initializes new items by setting the `selectable` property and the expanded/collapsed icons if any
|
|
62
62
|
this.initTreeItem = (item) => {
|
|
63
63
|
item.selectable = this.selectionMode === "multiple";
|
|
64
|
+
item.selected = !!item.value && this.value.includes(item.value);
|
|
64
65
|
["expand", "collapse"].filter((status) => !!this.querySelector(`[slot="${status}-icon"]`)).forEach((status) => {
|
|
65
66
|
const existingIcon = item.querySelector(`[slot="${status}-icon"]`);
|
|
66
67
|
if (existingIcon === null) {
|
|
@@ -69,6 +70,7 @@ class FlowUiTree extends FlowRdfElement {
|
|
|
69
70
|
existingIcon.replaceWith(this.getExpandButtonIcon(status));
|
|
70
71
|
} else ;
|
|
71
72
|
});
|
|
73
|
+
syncCheckboxes(item);
|
|
72
74
|
};
|
|
73
75
|
}
|
|
74
76
|
async connectedCallback() {
|