@ixfx/components 0.13.4 → 0.13.5
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/bundle/index.js +1 -1
- package/dist/index.js +1 -1
- package/dist/{tree-DD8OaqsK.js → tree-Df00opxv.js} +9 -5
- package/dist/tree.js +1 -1
- package/docs-user/index.json +2 -2
- package/package.json +1 -1
package/bundle/index.js
CHANGED
|
@@ -7759,7 +7759,7 @@ const Me={216:`O`,223:`s`,248:`o`,273:`d`,295:`h`,305:`i`,320:`l`,322:`l`,359:`t
|
|
|
7759
7759
|
${r?i`<ixfx-icon class="caret-icon" name="chevron-down" .rotate=${o?a:`-90deg`}></ixfx-icon>`:``}
|
|
7760
7760
|
</span>
|
|
7761
7761
|
<span class="tree-label">${e.item.label}</span>
|
|
7762
|
-
`}_handleItemClick(e,n,r){if(!(this.#J?.isDragging||this.#Y?.isDragging||this.#K!==void 0)&&!(r&&r.detail>=2)){switch(this.#j&&this._expandedKeys.has(this.#j.item.key)&&this.#Ze(),this.tickled.handlePointerEnter(e.item.key),this._focusedDepth=n,this.dispatchEvent(new CustomEvent(`item-click`,{detail:{node:e,depth:n},bubbles:!0,composed:!0})),this.interactionMode){case`implicit`:this.#Le(e,n,r);break;case`standard`:this.#Re(e,n,r);break;case`vscode`:this.#Re(e,n,r);break;case`manual`:this.#Be(e,n,r);break;case`checked`:this.#ze(e,n)}this.requestUpdate()}}#Ie(e,n){if(e.item.isLeaf===!0)return!1;let r=n?.target;return r instanceof Element&&r.closest(`.tree-caret`)!==null}#Le(e,n,r){if(!this.#Ie(e,r)&&this.#Me(e)){let n=new Set(this._selectedNodes);this._selectedNodes.clear(),this._selectedNodes.add(e),this.selectedNode=e,(!n.has(e)||n.size!==1)&&this.#Pe(n)}this.#He(e,n)}#Re(e,n,r){let i=r?r.metaKey||r.ctrlKey:!1,a=r?r.shiftKey:!1;if(i){if(this.#Me(e)){let n=new Set(this._selectedNodes);this._selectedNodes.has(e)?(this._selectedNodes.delete(e),this.selectedNode===e&&(this.selectedNode=[...this._selectedNodes].at(-1))):(this._selectedNodes.add(e),this.selectedNode=e,this.#P={node:e,flatIndex:this.#Ge(e)}),this.#Pe(n)}return}if(a&&this.#P){let n=this.#s(),r=n.rows,i=n.indexByKey.get(this.#P.node.item.key)??-1,a=n.indexByKey.get(e.item.key)??-1;if(i>=0&&a>=0){let n=new Set(this._selectedNodes),o=Math.min(i,a),s=Math.max(i,a),c=r.slice(o,s+1).map(e=>e.node).filter(e=>this.#Me(e));this._selectedNodes=new Set(c),this.selectedNode=e,this.#Pe(n)}return}if(!this.#Ie(e,r)&&this.#Me(e)){let n=new Set(this._selectedNodes);this._selectedNodes.clear(),this._selectedNodes.add(e),this.selectedNode=e,this.#P={node:e,flatIndex:this.#Ge(e)},(!n.has(e)||n.size!==1)&&this.#Pe(n)}this.#He(e,n)}#ze(e,n){this.#He(e,n)}#Be(e,n,r){let i=r?r.metaKey||r.ctrlKey:!1,a=r?r.shiftKey:!1;if(i){if(this.#Me(e)){let n=new Set(this._selectedNodes);this._selectedNodes.has(e)?(this._selectedNodes.delete(e),this.selectedNode===e&&(this.selectedNode=[...this._selectedNodes].at(-1))):(this._selectedNodes.add(e),this.selectedNode=e,this.#P={node:e,flatIndex:this.#Ge(e)}),this.#Pe(n)}return}if(a&&this.#P){let n=this.#s(),r=n.rows,i=n.indexByKey.get(this.#P.node.item.key)??-1,a=n.indexByKey.get(e.item.key)??-1;if(i>=0&&a>=0){let n=new Set(this._selectedNodes),o=Math.min(i,a),s=Math.max(i,a),c=r.slice(o,s+1).map(e=>e.node).filter(e=>this.#Me(e));this._selectedNodes=new Set(c),this.selectedNode=e,this.#Pe(n)}return}this.#He(e,n)}#Ve(e,n){if(!this.#Me(e))return;let r=new Set(this._selectedNodes);this._selectedNodes.has(e)?(this._selectedNodes.delete(e),this.selectedNode===e&&(this.selectedNode=[...this._selectedNodes].at(-1))):(this._selectedNodes.add(e),this.selectedNode=e,this.#P={node:e,flatIndex:this.#Ge(e)}),this.#Pe(r)}_handleCheckboxClick(e,n,r){e.stopPropagation();let i=new Set(this._selectedNodes),a=this.#Ue(n);this.#We(n,!a),(this.selectedNode===void 0||!this._selectedNodes.has(this.selectedNode))&&(this.selectedNode=[...this._selectedNodes].at(-1)),this.#Pe(i),this.requestUpdate()}#He(e,n){let r=this._expandedKeys.has(e.item.key);if(this.#ue=!0,r)this.#e(Eb(this._expandedKeys,e.item.key)),this.dispatchEvent(new CustomEvent(`collapse`,{detail:{node:e,depth:n},bubbles:!0,composed:!0}));else if(e.children===void 0){if(e.item.isLeaf!==!1)return;if(this.model??(this.loadChildren?this:void 0)){this.#j=e;let r=new AbortController;this.#M=r,this.#qe(e,n,r).catch(()=>{})}}else this.#Qe(e.item.key),this.#e(Tb(this._expandedKeys,e.item.key)),this.dispatchEvent(new CustomEvent(`expand`,{detail:{node:e,depth:n},bubbles:!0,composed:!0}))}#Ue(e){
|
|
7762
|
+
`}_handleItemClick(e,n,r){if(!(this.#J?.isDragging||this.#Y?.isDragging||this.#K!==void 0)&&!(r&&r.detail>=2)){switch(this.#j&&this._expandedKeys.has(this.#j.item.key)&&this.#Ze(),this.tickled.handlePointerEnter(e.item.key),this._focusedDepth=n,this.dispatchEvent(new CustomEvent(`item-click`,{detail:{node:e,depth:n},bubbles:!0,composed:!0})),this.interactionMode){case`implicit`:this.#Le(e,n,r);break;case`standard`:this.#Re(e,n,r);break;case`vscode`:this.#Re(e,n,r);break;case`manual`:this.#Be(e,n,r);break;case`checked`:this.#ze(e,n)}this.requestUpdate()}}#Ie(e,n){if(e.item.isLeaf===!0)return!1;let r=n?.target;return r instanceof Element&&r.closest(`.tree-caret`)!==null}#Le(e,n,r){if(!this.#Ie(e,r)&&this.#Me(e)){let n=new Set(this._selectedNodes);this._selectedNodes.clear(),this._selectedNodes.add(e),this.selectedNode=e,(!n.has(e)||n.size!==1)&&this.#Pe(n)}this.#He(e,n)}#Re(e,n,r){let i=r?r.metaKey||r.ctrlKey:!1,a=r?r.shiftKey:!1;if(i){if(this.#Me(e)){let n=new Set(this._selectedNodes);this._selectedNodes.has(e)?(this._selectedNodes.delete(e),this.selectedNode===e&&(this.selectedNode=[...this._selectedNodes].at(-1))):(this._selectedNodes.add(e),this.selectedNode=e,this.#P={node:e,flatIndex:this.#Ge(e)}),this.#Pe(n)}return}if(a&&this.#P){let n=this.#s(),r=n.rows,i=n.indexByKey.get(this.#P.node.item.key)??-1,a=n.indexByKey.get(e.item.key)??-1;if(i>=0&&a>=0){let n=new Set(this._selectedNodes),o=Math.min(i,a),s=Math.max(i,a),c=r.slice(o,s+1).map(e=>e.node).filter(e=>this.#Me(e));this._selectedNodes=new Set(c),this.selectedNode=e,this.#Pe(n)}return}if(!this.#Ie(e,r)&&this.#Me(e)){let n=new Set(this._selectedNodes);this._selectedNodes.clear(),this._selectedNodes.add(e),this.selectedNode=e,this.#P={node:e,flatIndex:this.#Ge(e)},(!n.has(e)||n.size!==1)&&this.#Pe(n)}this.#He(e,n)}#ze(e,n){this.#He(e,n)}#Be(e,n,r){let i=r?r.metaKey||r.ctrlKey:!1,a=r?r.shiftKey:!1;if(i){if(this.#Me(e)){let n=new Set(this._selectedNodes);this._selectedNodes.has(e)?(this._selectedNodes.delete(e),this.selectedNode===e&&(this.selectedNode=[...this._selectedNodes].at(-1))):(this._selectedNodes.add(e),this.selectedNode=e,this.#P={node:e,flatIndex:this.#Ge(e)}),this.#Pe(n)}return}if(a&&this.#P){let n=this.#s(),r=n.rows,i=n.indexByKey.get(this.#P.node.item.key)??-1,a=n.indexByKey.get(e.item.key)??-1;if(i>=0&&a>=0){let n=new Set(this._selectedNodes),o=Math.min(i,a),s=Math.max(i,a),c=r.slice(o,s+1).map(e=>e.node).filter(e=>this.#Me(e));this._selectedNodes=new Set(c),this.selectedNode=e,this.#Pe(n)}return}this.#He(e,n)}#Ve(e,n){if(!this.#Me(e))return;let r=new Set(this._selectedNodes);this._selectedNodes.has(e)?(this._selectedNodes.delete(e),this.selectedNode===e&&(this.selectedNode=[...this._selectedNodes].at(-1))):(this._selectedNodes.add(e),this.selectedNode=e,this.#P={node:e,flatIndex:this.#Ge(e)}),this.#Pe(r)}_handleCheckboxClick(e,n,r){e.stopPropagation();let i=new Set(this._selectedNodes),a=this.#Ue(n);this.#We(n,!a),(this.selectedNode===void 0||!this._selectedNodes.has(this.selectedNode))&&(this.selectedNode=[...this._selectedNodes].at(-1)),this.#Pe(i),this.requestUpdate()}#He(e,n){let r=this._expandedKeys.has(e.item.key);if(this.#ue=!0,r)this.#e(Eb(this._expandedKeys,e.item.key)),this.dispatchEvent(new CustomEvent(`collapse`,{detail:{node:e,depth:n},bubbles:!0,composed:!0}));else if(e.children===void 0){if(e.item.isLeaf!==!1)return;if(this.model??(this.loadChildren?this:void 0)){this.#j=e;let r=new AbortController;this.#M=r,this.#qe(e,n,r).catch(()=>{})}}else this.#Qe(e.item.key),this.#e(Tb(this._expandedKeys,e.item.key)),this.dispatchEvent(new CustomEvent(`expand`,{detail:{node:e,depth:n},bubbles:!0,composed:!0}))}#Ue(e){let n=[],r=e=>{this.#Me(e)&&n.push(e),e.children?.forEach(r)};return r(e),n.length>0&&n.every(e=>this._selectedNodes.has(e))}#We(e,n){if(this.#Me(e)&&(n?this._selectedNodes.add(e):this._selectedNodes.delete(e)),e.children)for(let r of e.children)this.#We(r,n)}#Ge(e){return this.#s().indexByKey.get(e.item.key)??-1}#Ke(e,n,r){if(!this.#P){let r=e[n]?.node;r&&(this.#P={node:r,flatIndex:n})}if(!this.#P)return;let i=this.#s().indexByKey.get(this.#P.node.item.key)??-1;if(i<0)return;let a=Math.min(i,r),o=Math.max(i,r);if(this.interactionMode===`vscode`){this.#P.selectionSnapshot||(this.#P={...this.#P,selectionSnapshot:new Set(this._selectedNodes)});let n=this.#P.selectionSnapshot,i=e.slice(a,o+1).map(e=>e.node).filter(e=>this.#Me(e)),s=new Set(n);for(let e of i)n.has(e)?s.delete(e):s.add(e);let c=new Set(this._selectedNodes);this._selectedNodes=s,this.selectedNode=e[r]?.node??this.selectedNode,this.#Pe(c)}else{let n=new Set(this._selectedNodes),i=e.slice(a,o+1).map(e=>e.node).filter(e=>this.#Me(e));this._selectedNodes=new Set(i),this.selectedNode=e[r]?.node??this.selectedNode,this.#Pe(n)}}async#qe(e,n,r){try{let i;if(i=this.model?await this.model.getChildren(e,n,r.signal):[...await fg(this.loadChildren({node:e,depth:n},r.signal),r.signal)],r.signal.aborted)return;e.children=i,this.#i++,this.#Qe(e.item.key),this.#e(Tb(this._expandedKeys,e.item.key)),this.#t=void 0,this.#ue=!0,this.#j=void 0,this.#M=void 0,this.dispatchEvent(new CustomEvent(`expand`,{detail:{node:e,depth:n},bubbles:!0,composed:!0})),this.requestUpdate()}catch{if(r.signal.aborted)return;e.children=[],this.#i++,this.#t=void 0,this.#j=void 0,this.#M=void 0,this.requestUpdate()}}_isSelected(e){return this._selectedNodes.has(e)}_isFocused(e){return this.tickled.isTickled(e.item.key)}_isExpanded(e,n=0){return this._expandedKeys.has(e.item.key)?!0:this.#D()?.autoExpanded.has(e.item.key)??!1}get _pendingNode(){return this.#j}#Je(e){if(this.#_()){this.updateComplete.then(()=>{let n=this.#s().indexByKey.get(e);n!==void 0&&this.#E(n)});return}let n=++this.#Ye;requestAnimationFrame(()=>{this.#Xe(e);let r=this.#be()?.getAnimations?.({subtree:!0})??[];r.length>0&&Promise.allSettled(r.map(e=>e.finished)).then(()=>{n===this.#Ye&&this.#Xe(e)})})}#Ye;#Xe(e){let n=this.#be(),r=this.shadowRoot?.querySelector(`ul.tree-list [data-key="${CSS.escape(e)}"]`);if(!r||!n)return;let i=r.getBoundingClientRect(),a=n.getBoundingClientRect(),o=i.top-a.top,s=o+i.height,c=this.renderRoot.querySelector(`.sticky-headers`)?.getBoundingClientRect().height??0;o<c?n.scrollTop+=o-c:s>n.clientHeight&&(n.scrollTop+=s-n.clientHeight)}#Ze(){this.#M&&(this.#M.abort(),this.#M=void 0,this.#j=void 0)}#Qe(e){if(this.exclusivity!==`none`){if(this.exclusivity===`depth`)this.#$e(e);else if(this.exclusivity===`global`){let n=this.#et(e);this.#e(Db(this._expandedKeys,r=>!n.has(r)&&r!==e))}}}#$e(e){if(!this.root)return;let n=this.#tt(this.root,e);if(!n?.children)return;let r=new Set(n.children.map(e=>e.item.key));this.#e(Db(this._expandedKeys,n=>n!==e&&r.has(n)))}#et(e){let n=new Set,r=i=>{if(i.item.key===e)return!0;if(!i.children)return!1;for(let e of i.children)if(r(e))return n.add(i.item.key),!0;return!1};return this.root&&r(this.root),n}#tt(e,n,r=void 0){if(e.children)for(let i of e.children){if(i.item.key===n)return r??e;let a=this.#tt(i,n,i);if(a)return a}}#nt(){let e=this.tickled.tickledId;return e?this.#s().indexByKey.get(e)??0:0}#rt(e){let n=this.#s().rows;if(e<0||e>=n.length)return;let{node:r,depth:i}=n[e];if(this.tickled.setTickled(r.item.key),this._focusedDepth=i,this.dispatchEvent(new CustomEvent(`tickle`,{detail:{node:r,depth:i},bubbles:!0,composed:!0})),this.requestUpdate(),this.#_()){this.#E(e);return}this.updateComplete.then(()=>this.#it())}#it(){let e=this.tickled.tickledId;e!==void 0&&(this.shadowRoot?.querySelector(`ul.tree-list [data-key="${CSS.escape(e)}"]`))?.scrollIntoView({block:`nearest`,behavior:`smooth`})}#at(){return this.#y(),Nb(this.#v(this.#s().rows.length))}#ot(e,n,r,i){this.interactionMode===`implicit`&&this.select(e[r].node),this.#rt(r),i&&(this.interactionMode===`standard`||this.interactionMode===`vscode`)?this.#Ke(e,n,r):this.interactionMode===`vscode`&&(this.#P=void 0),this.requestUpdate()}#st;renderLoadingIndicator(){return i`<span class="loading-spinner"></span>`}render(){let e=this.#s().rows;return i`
|
|
7763
7763
|
<div
|
|
7764
7764
|
id="container"
|
|
7765
7765
|
data-input-mode=${this.tickled.inputMode}
|
package/dist/index.js
CHANGED
|
@@ -27,7 +27,7 @@ import { t as CheckedSelect } from "./checked-select-lDgAQQ7v.js";
|
|
|
27
27
|
import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-BCMU7W7R.js";
|
|
28
28
|
import { LabelledRangeInput } from "./labelled-range-input.js";
|
|
29
29
|
import { t as collectDataResult } from "./data-provider-35TyWclX.js";
|
|
30
|
-
import { a as TreeDataModel, c as pruneDraggedDescendants, i as TreeDropController, n as TreeListElement, o as applyTreeDrop, r as TreeBaseElement, s as dropTargetFor, t as TreeController } from "./tree-
|
|
30
|
+
import { a as TreeDataModel, c as pruneDraggedDescendants, i as TreeDropController, n as TreeListElement, o as applyTreeDrop, r as TreeBaseElement, s as dropTargetFor, t as TreeController } from "./tree-Df00opxv.js";
|
|
31
31
|
import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
|
|
32
32
|
import { NarrowedTextElement } from "./narrowed-text.js";
|
|
33
33
|
import { CrumbNavigationElement } from "./crumbs.js";
|
|
@@ -2645,7 +2645,7 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
|
|
|
2645
2645
|
_handleCheckboxClick(event, node, _depth) {
|
|
2646
2646
|
event.stopPropagation();
|
|
2647
2647
|
const prev = new Set(this._selectedNodes);
|
|
2648
|
-
const allSelected = this.#
|
|
2648
|
+
const allSelected = this.#allSelectableDescendantsSelected(node);
|
|
2649
2649
|
this.#applyCheckedToggle(node, !allSelected);
|
|
2650
2650
|
if (this.selectedNode === void 0 || !this._selectedNodes.has(this.selectedNode)) this.selectedNode = [...this._selectedNodes].at(-1);
|
|
2651
2651
|
this.#dispatchSelect(prev);
|
|
@@ -2685,10 +2685,14 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
|
|
|
2685
2685
|
}));
|
|
2686
2686
|
}
|
|
2687
2687
|
}
|
|
2688
|
-
#
|
|
2689
|
-
|
|
2690
|
-
|
|
2691
|
-
|
|
2688
|
+
#allSelectableDescendantsSelected(node) {
|
|
2689
|
+
const selectable = [];
|
|
2690
|
+
const walk = (n) => {
|
|
2691
|
+
if (this.#canSelect(n)) selectable.push(n);
|
|
2692
|
+
n.children?.forEach(walk);
|
|
2693
|
+
};
|
|
2694
|
+
walk(node);
|
|
2695
|
+
return selectable.length > 0 && selectable.every((n) => this._selectedNodes.has(n));
|
|
2692
2696
|
}
|
|
2693
2697
|
#applyCheckedToggle(node, selected) {
|
|
2694
2698
|
if (this.#canSelect(node)) {
|
package/dist/tree.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as TreeDataModel, i as TreeDropController, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-
|
|
1
|
+
import { a as TreeDataModel, i as TreeDropController, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-Df00opxv.js";
|
|
2
2
|
export { TreeBaseElement, TreeController, TreeDataModel, TreeDropController, TreeListElement };
|
package/docs-user/index.json
CHANGED