@genexus/genexus-ide-ui 0.0.57 → 0.0.58
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/cjs/{ch-checkbox_4.cjs.entry.js → ch-checkbox_3.cjs.entry.js} +54 -43
- package/dist/cjs/ch-suggest_4.cjs.entry.js +2 -2
- package/dist/cjs/ch-test-suggest.cjs.entry.js +84 -0
- package/dist/cjs/ch-test-tree-x.cjs.entry.js +31 -16
- package/dist/cjs/ch-tooltip.cjs.entry.js +85 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-references.cjs.entry.js +76 -116
- package/dist/cjs/gx-ide-test.cjs.entry.js +51 -5
- package/dist/cjs/gxg-label_2.cjs.entry.js +15 -2
- package/dist/cjs/gxg-tree-view.cjs.entry.js +36 -14
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/common/helpers.js +3 -0
- package/dist/collection/components/references/helpers.js +16 -19
- package/dist/collection/components/references/references.css +8 -0
- package/dist/collection/components/references/references.js +60 -98
- package/dist/components/ch-suggest2.js +2 -2
- package/dist/components/ch-test-suggest.js +119 -0
- package/dist/components/ch-test-tree-x.js +38 -28
- package/dist/components/ch-tooltip.js +115 -0
- package/dist/components/gx-ide-references.js +122 -150
- package/dist/components/gx-ide-test.js +48 -2
- package/dist/components/gxg-tree-view.js +1 -434
- package/dist/components/index.js +2 -1
- package/dist/components/tooltip.js +17 -3
- package/dist/components/tree-view.js +453 -0
- package/dist/components/tree-x-list-item.js +35 -23
- package/dist/components/tree-x.js +21 -7
- package/dist/esm/{ch-checkbox_4.entry.js → ch-checkbox_3.entry.js} +55 -43
- package/dist/esm/ch-suggest_4.entry.js +2 -2
- package/dist/esm/ch-test-suggest.entry.js +80 -0
- package/dist/esm/ch-test-tree-x.entry.js +32 -17
- package/dist/esm/ch-tooltip.entry.js +81 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-references.entry.js +76 -116
- package/dist/esm/gx-ide-test.entry.js +48 -2
- package/dist/esm/gxg-label_2.entry.js +15 -2
- package/dist/esm/gxg-tree-view.entry.js +37 -15
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/p-109209dc.entry.js +1 -0
- package/dist/genexus-ide-ui/p-123b8351.entry.js +1 -0
- package/dist/genexus-ide-ui/p-71c6da54.entry.js +1 -0
- package/dist/genexus-ide-ui/p-86b98a99.entry.js +1 -0
- package/dist/genexus-ide-ui/p-cd00ba19.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ce9fef1a.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d47ed4e3.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d7b452ef.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f62d9b6d.entry.js +1 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-suggest/test-suggest.css +114 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tooltip/tooltip.css +120 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/{tree-x → tree-view/tree-x}/tree-x.css +2 -3
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/{tree-x-list-item → tree-view/tree-x-list-item}/tree-x-list-item.css +3 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.css +11 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +58 -12
- package/dist/types/common/helpers.d.ts +1 -0
- package/dist/types/components/references/helpers.d.ts +3 -3
- package/dist/types/components/references/references.d.ts +7 -19
- package/package.json +3 -3
- package/dist/cjs/update-tree-model-8b154db1.js +0 -53
- package/dist/components/ch-tree-x-list.js +0 -6
- package/dist/components/tree-x-list.js +0 -31
- package/dist/components/update-tree-model.js +0 -50
- package/dist/esm/update-tree-model-6c612f05.js +0 -50
- package/dist/genexus-ide-ui/p-1f3a81e3.entry.js +0 -1
- package/dist/genexus-ide-ui/p-46d393f5.entry.js +0 -1
- package/dist/genexus-ide-ui/p-5669baf5.entry.js +0 -1
- package/dist/genexus-ide-ui/p-60b2bd2f.entry.js +0 -1
- package/dist/genexus-ide-ui/p-71ecc7fd.js +0 -1
- package/dist/genexus-ide-ui/p-c7425416.entry.js +0 -1
- package/dist/genexus-ide-ui/p-dd2e0590.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ed5cf480.entry.js +0 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x-list/tree-x-list.css +0 -6
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { h } from './index-0da01575.js';
|
|
2
|
-
|
|
3
|
-
/* eslint-disable @typescript-eslint/no-use-before-define */
|
|
4
|
-
const renderTreeItems = (treeItemsModel, firstCall = true) => {
|
|
5
|
-
if (treeItemsModel === null || treeItemsModel === void 0 ? void 0 : treeItemsModel.length) {
|
|
6
|
-
if (firstCall) {
|
|
7
|
-
return treeItemsModel.map((item) => {
|
|
8
|
-
return renderTreeItem(item);
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
else {
|
|
12
|
-
return (h("gxg-tree", { slot: "tree" }, treeItemsModel.map((item) => {
|
|
13
|
-
return renderTreeItem(item);
|
|
14
|
-
})));
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
return [];
|
|
18
|
-
};
|
|
19
|
-
const renderTreeItem = (item) => {
|
|
20
|
-
var _a;
|
|
21
|
-
const childrenLength = item.items ? item.items.length : 0;
|
|
22
|
-
const isLeaf = !!(childrenLength === 0 || item.leaf);
|
|
23
|
-
const lazy = !!item.lazy;
|
|
24
|
-
return (h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, description: item.description, disabled: item.disabled, icon: item.icon, indeterminate: item.indeterminate, id: item.id, key: `tree-item-${item.id}`, label: item.label, leaf: isLeaf && !lazy, numberOfChildren: childrenLength, opened: item.opened, selected: item.selected }, [item.label, ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) && renderTreeItems(item.items, false)]));
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
const updateNodeById = (actualModel, nodeUpdatedState, updatedNodeId) => {
|
|
28
|
-
return actualModel.map(nodeActualState => {
|
|
29
|
-
if (nodeActualState.id === updatedNodeId) {
|
|
30
|
-
return Object.assign(Object.assign({}, nodeActualState), nodeUpdatedState);
|
|
31
|
-
}
|
|
32
|
-
else if (nodeActualState.items) {
|
|
33
|
-
return Object.assign(Object.assign({}, nodeActualState), { items: updateNodeById(nodeActualState.items, nodeUpdatedState, updatedNodeId) });
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
return nodeActualState;
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
const updateTreeModel = (actualModel, updatedNodeModel, updatedNodeId) => {
|
|
41
|
-
if (actualModel.length && updatedNodeModel && updatedNodeId) {
|
|
42
|
-
return updateNodeById(actualModel, updatedNodeModel, updatedNodeId);
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
/* If no newItemModel was passed, at least return the actualModel, to avoid having an updated empty tree */
|
|
46
|
-
return actualModel;
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export { renderTreeItems as r, updateTreeModel as u };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as r,g as e}from"./p-976c3a09.js";import{s as a}from"./p-e46e26a6.js";const i=class{constructor(o){t(this,o),this.labelPosition="start",this.disabled=!1,this.noMargin=!1,this.center=void 0,this.width="auto"}componentWillLoad(){(void 0===this.center&&"start"===this.labelPosition||void 0===this.center&&"end"===this.labelPosition)&&(this.center=!0)}render(){return o(r,{class:{large:a.large,"gxg-label--no-margin":this.noMargin,"gxg-label--center":this.center,[`position-${this.labelPosition}`]:!0},style:{width:this.width}},o("label",{htmlFor:this.for},this.tooltip?o("gxg-tooltip",{label:this.tooltip},o("slot",null)):null,o("slot",null)))}};i.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:flex;align-items:baseline}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host(.position-above){margin-block-end:var(--gxg-label-margin-vertical)}:host(.position-end){margin-inline-start:var(--gxg-label-margin-horizontal)}:host(.position-below){margin-block-start:var(--gxg-label-margin-vertical)}:host(.position-start){margin-inline-end:var(--gxg-label-margin-horizontal)}:host(.gxg-label--no-margin){margin:0 !important}:host(.position-above.gxg-label--center),:host(.position-below.gxg-label--center){justify-content:center}:host(.position-start.gxg-label--center),:host(.position-end.gxg-label--center){align-items:center}:host([disabled]) label{color:var(--gxg-color--disabled)}:host(.large) label{font-size:var(--font-size-lg)}";const n=class{constructor(o){t(this,o),this.position="top",this.alignEnd=!1,this.fixed=!1,this.flex=!1,this.noBorder=!1,this.mouseEnterHandler=()=>{const t=this.el.getBoundingClientRect(),o=window.innerWidth-t.right;this.tooltipTextEl.style.top=`${t.top}px`,this.tooltipTextEl.style.right=`${o}px`}}componentWillLoad(){this.fixed&&this.el.addEventListener("mouseenter",this.mouseEnterHandler)}render(){return o(r,{role:"tooltip"},o("span",{class:"tooltip"},o("slot",null),o("div",{class:"tooltiptext",ref:t=>this.tooltipTextEl=t},o("span",{class:"tooltiptext__content"},this.label))))}get el(){return e(this)}};n.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:inline-flex}:host .tooltip{cursor:pointer;position:relative;border-bottom:1px dotted var(--color-on-secondary);text-decoration:none}:host .tooltip .tooltiptext{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-size:var(--font-size-xs);visibility:hidden;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;position:absolute;z-index:1;width:250px;text-align:center}:host .tooltip .tooltiptext__content{width:fit-content;background-color:var(--gray-07);padding:var(--spacing-comp-01) var(--spacing-comp-02);border-radius:var(--border-width-md);color:var(--color-on-primary);display:inline-block;text-align:left}:host .tooltip .tooltiptext:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip:hover .tooltiptext{visibility:visible;opacity:1}:host([position=top]) .tooltip .tooltiptext{bottom:27px;left:50%;transform:translateX(-50%)}:host([position=top]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%) rotate(180deg);bottom:-4px}:host([position=right]) .tooltip .tooltiptext{top:0;left:111%;text-align:left}:host([position=right]) .tooltip .tooltiptext:after{left:-7px;transform:rotate(-90deg);top:8px}:host([position=bottom]) .tooltip .tooltiptext{top:25px;left:50%;transform:translateX(-50%)}:host([position=bottom]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%);top:-4px}:host([position=left]) .tooltip .tooltiptext{text-align:right;top:0;right:105%}:host([position=left]) .tooltip .tooltiptext:after{right:-7px;transform:rotate(90deg);top:8px}:host([width-auto]) .tooltip .tooltiptext{width:auto;white-space:nowrap}:host([no-border]) .tooltip{border-bottom:none}:host([align-end]) .tooltiptext{transform:none !important;inset-inline-end:0;left:auto !important;max-width:180px;width:max-content}:host([align-end]) .tooltiptext:after{inset-inline-end:-1px;left:auto !important}:host([flex]){display:flex}:host([flex]) .tooltip{display:flex}:host([fixed]) .tooltip .tooltiptext{position:fixed;height:0}:host([fixed]) .tooltip .tooltiptext__content{transform:translateY(calc(-100% - 5px))}:host([fixed]) .tooltip .tooltiptext__content:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute;right:0;transform:translateX(-3px) rotate(180deg);bottom:-3px}:host([fixed]) .tooltip .tooltiptext:after{display:none}';export{i as gxg_label,n as gxg_tooltip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as r,g as o}from"./p-976c3a09.js";import{L as s}from"./p-26957490.js";import{u as a,r as n}from"./p-71ecc7fd.js";import{r as d}from"./p-90416fc8.js";const l=e=>{const t=[];if(!e)return t;const i=e=>{var t;const r={description:e.description,lazy:e.hasChildren,icon:e.icon,id:e.id,label:e.name};return(null===(t=e.items)||void 0===t?void 0:t.length)>0&&(r.items=e.items.map((e=>i(e)))),r};return e.forEach((e=>{t.push(i(e))})),t},g=class{constructor(i){e(this,i),this.componentDidRenderEvent=t(this,"componentDidRenderEvent",7),this.referencesMessagesMaxWidth="200px",this.selectorCategoryData=[],this.attachSelectObjectListener=()=>{this.selectObjectSuggestEl.addEventListener("itemSelected",(e=>{this.selectedObject=this.selectorCategoryData[e.detail.indexes.listIndex].items[e.detail.indexes.itemIndex]}))},this.selectObjectValueChangedHandler=async e=>{this.selectorSourceCallback(e.detail).then((e=>{this.selectorCategoryData=e,this.objectsSuggestions=(e=>{const t={suggestItems:null,suggestLists:[]};return e.length&&e.forEach((e=>{const i={label:e.name,items:[]};e.items.forEach((e=>{i.items.push({value:e.id,description:e.description,icon:e.icon})})),t.suggestLists.push(i)})),t})(e)})).catch((()=>{}))},this.openObjectCallbackHandler=async()=>{this.openObjectCallback(this.selectedObject.id)},this.openSelectorDialogCallbackHandler=async()=>{this.openSelectorDialogCallback().then((e=>{this.selectedObject=e})).catch((()=>{}))},this.evaluateInitialReferenceData=()=>{this.selectedObject&&this.selectedObjectHandler(this.selectedObject)},this.loadReferencesHandler=async(e,t=!1)=>{this.loadReferencesCallback&&(t||this.loadReferencesCallback(e,!1).then((e=>{this.referencedByTreeData=l(e)})).catch((()=>{})),t&&this.loadReferencesCallback(e,!0).then((e=>{this.referencesToTreeData=l(e)})).catch((()=>{})))},this.hideBarButtonClickedHandler=()=>{this.barHidden=!this.barHidden},this.getRef=(e=!1)=>e?this.referencesToTreeData:this.referencedByTreeData,this.updateRef=(e=!1,t)=>{e?this.referencesToTreeData=t:this.referencedByTreeData=t},this.referencesPanelStateChangedHandler=(e=!1)=>t=>{const i=t.detail.emittedBy,r=t.detail.itemData,o=t.detail.itemData.id,s=t.detail.itemData.label;"selectionChanged"===i&&this.selectReferenceCallback(o),"doubleClicked"===i&&this.openObjectCallback(o);let n=[];if(r.lazy){let t=[];this.loadReferencesCallback(o,e).then((i=>{t=l(i),n=a(this.getRef(e),{id:o,label:s,items:t},o),this.updateRef(e,n)})).catch((()=>{}))}else n=a(this.getRef(e),r,o),this.updateRef(e,n)},this.referencedByTreeData=void 0,this.referencesToTreeData=void 0,this.barHidden=!1,this.objectsSuggestions=void 0,this.referencedBy=void 0,this.referencesTo=void 0,this.selectedObject=void 0,this.selectorSourceCallback=void 0,this.loadReferencesCallback=void 0,this.openObjectCallback=void 0,this.openSelectorDialogCallback=void 0,this.selectReferenceCallback=void 0}selectedObjectHandler(e){e.id&&(this.loadReferencesHandler(e.id,!1),this.loadReferencesHandler(e.id,!0))}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.evaluateInitialReferenceData()}componentDidLoad(){this.attachSelectObjectListener()}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){var e,t,o,s,a,l;return i(r,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper"},i("gx-ide-container",{displayBorderBottom:!0},i("header",{class:"header"},i("div",{class:"header__top grid"},i("gxg-button",{icon:"navigation/arrow-down",type:"secondary-icon-only",class:"hide-bar-button",onClick:this.hideBarButtonClickedHandler,part:"toggle-bar-button"}),i("gxg-label",{labelPosition:"start",class:"suggest-label",part:"select-object-label"},this._componentLocale.header.selectObject),i("gxg-suggest",null,i("ch-suggest",{value:this.selectedObject.name,onValueChanged:this.selectObjectValueChangedHandler,ref:e=>this.selectObjectSuggestEl=e,part:"object-selector-suggest",exportparts:"dropdown:select-object-dropdown"},d(this.objectsSuggestions))),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/show-more-horizontal",onClick:this.openSelectorDialogCallbackHandler,class:"selector-dialog-button",part:"open-selector-dialog-button"})),i("div",{class:{header__bottom:!0,"header__bottom--hidden":this.barHidden}},i("div",{class:"outer-wrapper"},i("div",{class:"inner-wrapper"},i("div",{class:"inner-wrapper__left"},i("gxg-icon",{type:this.selectedObject.icon,color:"auto"}),i("gxg-text",{padding:"s",type:"text-link",part:"open-object-text-link",onClick:this.openObjectCallbackHandler},`${this.selectedObject.name} : ${this.selectedObject.description}`)),i("div",{class:"inner-wrapper__right gxi-hidden"},i("gxg-form-checkbox",{id:"references-by-type",label:"Group references by type",required:!0,"display-validation-styles":!0,part:"references-type-checkbox"}))))))),i("main",{class:"main grid gxi-full-height gxi-overflow-auto"},i("gx-ide-container",{containerTitle:this._componentLocale.main.isReferencedBy,fullHeight:!0,noContentPadding:!0,class:"gxi-overflow-auto",part:"referenced-by-container"},i("gxg-tree",{class:{"gxi-hidden":!(null===(e=this.referencedByTreeData)||void 0===e?void 0:e.length)},checkbox:!1,onTreeItemStateChanged:this.referencesPanelStateChangedHandler(!1),part:"referenced-by-tree"},n(this.referencedByTreeData)),!(null===(t=this.referencedByTreeData)||void 0===t?void 0:t.length)&&i("gxg-text",{textAlign:"center",padding:"m",type:"text-regular",maxWidth:this.referencesMessagesMaxWidth,part:"referenced-by-text"},0===(null===(o=this.referencedByTreeData)||void 0===o?void 0:o.length)?this._componentLocale.main.isReferencedByEmpty:this._componentLocale.main.isReferencedByError)),i("gx-ide-container",{containerTitle:this._componentLocale.main.hasReferencesTo,fullHeight:!0,noContentPadding:!0,class:"gxi-overflow-auto",part:"references-to-container"},i("gxg-tree",{class:{"gxi-hidden":!(null===(s=this.referencesToTreeData)||void 0===s?void 0:s.length)},checkbox:!1,onTreeItemStateChanged:this.referencesPanelStateChangedHandler(!0),part:"references-to-tree"},n(this.referencesToTreeData)),!(null===(a=this.referencesToTreeData)||void 0===a?void 0:a.length)&&i("gxg-text",{textAlign:"center",padding:"m",type:"text-regular",maxWidth:this.referencesMessagesMaxWidth,part:"references-to-text"},0===(null===(l=this.referencesToTreeData)||void 0===l?void 0:l.length)?this._componentLocale.main.hasReferencesEmpty:this._componentLocale.main.hasReferencesToError)))))}static get assetsDirs(){return["gx-ide-assets/references"]}get el(){return o(this)}static get watchers(){return{selectedObject:["selectedObjectHandler"]}}};g.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.header{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:"hide-bar-button suggest-label gxg-suggest selector-dialog-button"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--gx-ide-timing-super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"is-referenced has-references";height:100%;gap:0}.main>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.main .is-referenced{grid-area:is-referenced}.main .has-references{grid-area:has-references}';export{g as gx_ide_references}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as n,w as a}from"./p-976c3a09.js";import{D as h}from"./p-bac6580b.js";import{f as r,m as d}from"./p-b374d112.js";const o="checkbox",l=class{constructor(i){t(this,i),this.click=e(this,"click",7),this.input=e(this,"input",7),this.disabled=!1,this.highlightable=!1,this.indeterminate=!1,this.readonly=!1,this.getValue=t=>t?this.checkedValue:this.unCheckedValue,this.handleClick=t=>{this.readonly||this.disabled||t.stopPropagation()},this.handleChange=t=>{t.stopPropagation();const e=t.target,i=e.checked,s=this.getValue(i);this.checked=i,this.value=s,e.value=s,this.input.emit(t),this.highlightable&&this.click.emit()}}valueChanged(){this.checked=this.value===this.checkedValue}componentWillLoad(){this.checked=this.value===this.checkedValue}render(){var t;const e=`${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`;return i(s,{class:{[h]:this.disabled,"ch-checkbox--actionable":!this.readonly&&!this.disabled||this.readonly&&this.highlightable}},i("div",{class:{container:!0,"container--checked":this.checked},part:`container${e}`},i("input",{"aria-label":""!==(null===(t=this.accessibleName)||void 0===t?void 0:t.trim())&&this.accessibleName!==this.caption?this.accessibleName:null,id:this.caption?o:null,class:"input",part:"input",type:"checkbox",checked:this.checked,disabled:this.disabled||this.readonly,indeterminate:this.indeterminate,value:this.value,onClick:this.handleClick,onInput:this.handleChange}),i("div",{class:{option:!0,"option--checked":this.checked&&!this.indeterminate,"option--indeterminate":this.indeterminate},part:`option${e}`,"aria-hidden":"true"})),this.caption&&i("label",{class:"label",part:"label",htmlFor:o,onClick:this.handleClick},this.caption))}get element(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};l.style="*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, currentColor);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px color-mix(in srgb, currentColor 25%, transparent)}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:currentColor;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";const c="ch-tree-x-list-item",p="text/plain",g=t=>t.tagName.toLowerCase()===c,x=()=>r().find(g),b=t=>t&&!t.editing,u=(t,e)=>`"newContainerId":"${t}","metadata":"${JSON.stringify(e)}"`,m=class{constructor(i){t(this,i),this.droppableZoneEnter=e(this,"droppableZoneEnter",7),this.expandedItemChange=e(this,"expandedItemChange",7),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.itemsDropped=e(this,"itemsDropped",7),this.keyDownEvents={ArrowDown:t=>{const e=x();b(e)&&(t.preventDefault(),e.focusNextItem(d(t)))},ArrowUp:t=>{const e=x();b(e)&&(t.preventDefault(),e.focusPreviousItem(d(t)))},F2:t=>{const e=x();e&&(t.preventDefault(),e.editing=!0)}},this.draggingSelectedItems=!1,this.needForRAF=!0,this.selectedItemsInfo=new Map,this.validDroppableZoneCache=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingInTheDocument=!1,this.draggingInTree=!1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.scrollToEdgeOnDrag=!0,this.waitDropProcessing=!1,this.trackItemDrag=t=>{t.preventDefault(),this.lastDragEvent=t,this.updateDropEffect(t),this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-x-dragging-item-x",`${this.lastDragEvent.pageX}px`),this.el.style.setProperty("--ch-tree-x-dragging-item-y",`${this.lastDragEvent.pageY}px`)})))},this.fixScrollPositionOnDrag=()=>{this.draggingInTree&&this.lastDragEvent&&requestAnimationFrame((()=>{((t,e)=>{const i=this.lastDragEvent.clientY-e.getBoundingClientRect().top,s=e.clientHeight,n=i<=30;(n||i>s-30)&&(e.scrollTop+=(n?i-30:i-(s-30))/10)})(0,this.el),requestAnimationFrame(this.fixScrollPositionOnDrag)}))}}handleKeyDownEvents(t){const e=this.keyDownEvents[t.key];e&&e(t)}handleDragStart(t){this.validDroppableZoneCache.clear(),this.draggingInTheDocument=!0,this.dragStartTimestamp=(new Date).getTime(),this.draggedItems=JSON.parse(t.dataTransfer.getData(p))}handleDragEnd(){this.draggingInTheDocument=!1}handleDragEnter(t){this.cancelSubTreeOpening(null,!0),t.stopPropagation();const e=t.target;e.tagName.toLowerCase()===c&&(this.lastOpenSubTreeItem=e,this.openSubTreeAfterCountdown(e),"valid"===this.validDroppableZone(t)&&(e.dragState="enter"))}handleDragLeave(t){const e=t.target;if(e.tagName.toLowerCase()!==c)return;const i=e;i.dragState="none",this.cancelSubTreeOpening(i)}cancelSubTreeOpening(t,e=!1){(this.lastOpenSubTreeItem===t||e)&&(clearTimeout(this.openSubTreeTimeout),this.lastOpenSubTreeItem=null)}handleItemDrop(t){t.stopPropagation(),this.cancelSubTreeOpening(null,!0);const e=t.target,i=JSON.parse(t.dataTransfer.getData(p));"valid"===this.validDroppableZone(t)&&this.itemsDropped.emit({newContainer:{id:e.id,metadata:e.metadata},draggingSelectedItems:this.draggingSelectedItems,draggedItems:i,dropInTheSameTree:this.draggingInTree})}handleItemDragStart(t){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=t.target,this.checkDragValidityAndUpdateDragInfo(t.detail)?(this.draggingInTree=!0,this.scrollToEdgeOnDrag&&this.fixScrollPositionOnDrag()):t.detail.dragEvent.dataTransfer.effectAllowed="none"}handleItemDragEnd(){this.draggingInTree=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.resetVariables()}handleSelectedItemSync(t){t.stopPropagation();const e=t.detail;e.selected?this.selectedItemsInfo.set(e.id,e):this.selectedItemsInfo.delete(e.id)}handleSelectedItemChange(t){t.stopPropagation(),this.handleItemSelection(t.target,t.detail)}async clearSelectedItemsInfo(){this.clearSelectedItems()}async scrollIntoVisible(t){const e=this.el.querySelector(`${c}#${t}`);if(!e)return;let i=e.parentElement.parentElement;for(;i.tagName.toLowerCase()===c;)i.expanded=!0,i=i.parentElement.parentElement;requestAnimationFrame((()=>{e.scrollIntoView()}))}async updateValidDropZone(t,e,i,s){var n;if(!this.draggingInTheDocument||t<=this.dragStartTimestamp)return;const a=u(e,i);this.validDroppableZoneCache.set(a,s?"valid":"invalid"),(null===(n=this.lastOpenSubTreeItem)||void 0===n?void 0:n.id)===e&&(this.lastOpenSubTreeItem.dragState="enter")}validDroppableZone(t){const e=t.target,i=u(e.id,this.draggedItems),s=this.validDroppableZoneCache.get(i);return null!=s?s:"none"===t.dataTransfer.effectAllowed||e.dropDisabled||this.draggingInTree&&(this.draggedIds.includes(e.id)||this.draggedParentIds.includes(e.id))?(this.validDroppableZoneCache.set(i,"invalid"),"invalid"):(this.validDroppableZoneCache.set(i,"checking"),this.droppableZoneEnter.emit({newContainer:{id:e.id,metadata:e.metadata},draggedItems:this.draggedItems}),"checking")}openSubTreeAfterCountdown(t){t.leaf||t.expanded||(this.openSubTreeTimeout=setTimeout((()=>{t.expanded=!0,this.expandedItemChange.emit({id:t.id,expanded:!0})}),this.openSubTreeCountdown))}updateDropEffect(t){const e=t.target;if(e.tagName.toLowerCase()!==c||e.closest("ch-tree-x")!==this.el)return;const i=u(e.id,this.draggedItems);"invalid"===this.validDroppableZoneCache.get(i)&&(t.dataTransfer.dropEffect="none")}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}checkDragValidityAndUpdateDragInfo(t){const e=t.elem,i=this.selectedItemsInfo.has(e.id);this.draggingSelectedItems=i;let s,n=[];if(i){const t=[...this.selectedItemsInfo.keys()],i=[...this.selectedItemsInfo.values()],a=t.length;s=i.every((t=>!t.itemRef.dragDisabled)),this.draggedIds=t,n=i.map((t=>({id:t.id,metadata:t.metadata}))),this.dragInfo=1===a?e.caption:a.toString()}else s=!e.dragDisabled,n=[{id:e.id,metadata:e.metadata}],this.draggedIds=[e.id],this.dragInfo=e.caption;this.getDirectParentsOfDraggableItems(i);const a=JSON.stringify(n);return t.dragEvent.dataTransfer.setData(p,a),s}getDirectParentsOfDraggableItems(t){if(t)this.selectedItemsInfo.forEach((t=>{const e=t.parentId;""!==e&&this.draggedParentIds.push(e)}));else{const t=this.currentDraggedItem.parentElement.parentElement;t.tagName.toLowerCase()===c&&this.draggedParentIds.push(t.id)}}handleItemSelection(t,e){e.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.delete(e.id),this.selectedItemsInfo.forEach((t=>{t.itemRef.selected=!1})),this.clearSelectedItems(),t.selected=e.selected),e.selected&&this.selectedItemsInfo.set(e.id,e),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}disconnectedCallback(){this.resetVariables(),this.handleItemDragEnd()}render(){return i(s,{class:{"ch-tree-x-dragging-item":this.draggingInTheDocument,"ch-tree-x-not-dragging-item":!this.draggingInTheDocument,"ch-tree-x--dragging-selected-items":this.draggingInTree&&this.draggingSelectedItems,"ch-tree-x-waiting-drop-processing":this.waitDropProcessing}},i("div",{role:"tree","aria-multiselectable":this.multiSelection.toString(),class:"ch-tree-x-container"},i("slot",null)),this.draggingInTree&&i("span",{"aria-hidden":"true",class:"ch-tree-x-drag-info"},this.dragInfo))}get el(){return n(this)}};m.style="ch-tree-x{display:flex;position:relative;width:100%;overflow:auto}ch-tree-x>.ch-tree-x-container{position:absolute;inset:0}ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list-item{pointer-events:var(--ch-tree-x-pointer-events, all)}ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--deny-drop,ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list{pointer-events:none}ch-tree-x.ch-tree-x--dragging-selected-items ch-tree-x-list-item[selected]{--ch-tree-x-pointer-events:none}ch-tree-x.ch-tree-x-waiting-drop-processing{cursor:wait}ch-tree-x.ch-tree-x-waiting-drop-processing>ch-tree-x-list{pointer-events:none}.ch-tree-x-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));pointer-events:none;z-index:1;animation:ch-tree-x-drag-info-fade-in 10ms}@keyframes ch-tree-x-drag-info-fade-in{0%,100%{opacity:0}}html[dir=rtl] .ch-tree-x-drag-info{--rtl-offset:-100%}";const v=class{constructor(e){t(this,e)}render(){return i(s,{role:"group"},i("slot",null))}get el(){return n(this)}};v.style=":host{display:grid;grid-auto-rows:min-content;position:relative;width:100%}";const f=new Image,w="ch-tree-x-list-item",k=`:scope>*>${w}`,y=`${w}:not([disabled])`,C=`:scope>*>${w}:last-child`,I="expandable",D="Enter",S=["container","input","option","checked","indeterminate"].map((t=>`${t}:checkbox__${t}`)).join(","),$=class{constructor(s){t(this,s),this.checkboxChange=e(this,"checkboxChange",7),this.itemDragStart=e(this,"itemDragStart",7),this.itemDragEnd=e(this,"itemDragEnd",7),this.loadLazyContent=e(this,"loadLazyContent",7),this.modifyCaption=e(this,"modifyCaption",7),this.selectedItemChange=e(this,"selectedItemChange",7),this.selectedItemSync=e(this,"selectedItemSync",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.customRender=!1,this.disabled=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.dragState="none",this.downloading=!1,this.editing=!1,this.expanded=!1,this.lastItem=!1,this.lazyLoad=!1,this.leaf=!1,this.level=0,this.indeterminate=!1,this.selected=!1,this.showDownloadingSpinner=!0,this.showExpandableButton=!0,this.showLines="none",this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=t=>{t.stopPropagation(),(t.code===D||"Escape"===t.code)&&(t.preventDefault(),this.removeEditMode(!0,t.code===D)())},this.removeEditModeOnClick=t=>{!t.composedPath().includes(this.inputRef)&&t.pointerType&&this.removeEditMode(!1)()},this.removeEditMode=(t,e=!1)=>()=>{if(!this.editing)return;this.editing=!1,document.body.removeEventListener("click",this.removeEditModeOnClick,{capture:!0});const i=this.inputRef.value;e&&""!==i.trim()&&this.modifyCaption.emit({id:this.el.id,caption:i}),t&&this.headerRef.focus()},this.toggleExpand=t=>{t.stopPropagation(),this.leaf||(this.expanded=!this.expanded),this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(d(t),!1,!0))},this.getSelectedInfo=(t,e,i)=>({ctrlKeyPressed:t,expanded:this.expanded,goToReference:e,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:this.el.parentElement.parentElement.id,selected:i}),this.handleActionDblClick=t=>{t.stopPropagation(),d(t)?this.toggleSelected():this.toggleExpand(t)},this.handleActionClick=t=>{t.stopPropagation(),this.editing||(t.preventDefault(),t.pointerType?this.toggleOrSelect(t):this.toggleExpand(t))},this.handleActionKeyDown=t=>{d(t)&&t.code===D&&(t.stopPropagation(),this.toggleSelected())},this.handleCheckedChange=t=>{t.stopPropagation();const e=t.target.checked;this.checked=e,this.checkboxChange.emit(e)},this.renderImg=(t,e)=>i("img",{"aria-hidden":"true",class:t,part:t,alt:"",src:e,loading:"lazy"}),this.handleDragStart=t=>{if(this.editing)return t.preventDefault(),void t.stopPropagation();t.dataTransfer.setDragImage(f,0,0),t.dataTransfer.effectAllowed="move",this.dragState="start",this.itemDragStart.emit({elem:this.el,dragEvent:t})},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=()=>{this.dragState="none"}}updateChildrenCheckedValue(t){!this.toggleCheckboxes||this.leaf||this.ignoreCheckboxChange?this.ignoreCheckboxChange=!1:this.getDirectTreeItems().forEach((e=>{e.checked=t}))}handleEditingChange(t){t&&(document.body.addEventListener("click",this.removeEditModeOnClick,{capture:!0}),a((()=>{requestAnimationFrame((()=>{this.inputRef&&this.inputRef.focus()}))})))}handleExpandedChange(t){this.lazyLoadItems(t)}handleLasItemChange(t){t&&this.showLines?this.setResizeObserver():this.disconnectObserver()}handleSelectedChange(t){this.selectedItemSync.emit(this.getSelectedInfo(!0,!1,t))}handleShowLinesChange(t){t&&this.lastItem?this.setResizeObserver():this.disconnectObserver()}updateCheckboxValue(t){if(!this.toggleCheckboxes)return;const e=t.detail,i=this.getDirectTreeItems().every((t=>t.checked===e));this.ignoreCheckboxChange=this.checked!==e,this.checked=e,this.indeterminate=!i}async focusNextItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(y);if(e)return void e.setFocus(t)}this.focusNextSibling(t)}async focusNextSibling(t){const e=this.el.nextElementSibling;e?e.disabled?e.focusNextItem(t):e.setFocus(t):0!==this.level&&this.el.parentElement.parentElement.focusNextSibling(t)}async focusPreviousItem(t){const e=this.el.previousElementSibling;if(e)return void e.focusLastItem(t);if(0===this.level)return;const i=this.el.parentElement.parentElement;i.disabled?i.focusPreviousItem(t):i.setFocus(t)}async focusLastItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(C);if(e)return void e.focusLastItem(t)}this.disabled?this.focusPreviousItem(t):this.setFocus(t)}async setFocus(t){this.headerRef.focus(),t||this.setSelected(!1)}getDirectTreeItems(){return Array.from(this.el.querySelectorAll(k))}setResizeObserver(){this.watcher=new ResizeObserver((()=>{const t=this.el.getBoundingClientRect().height-this.headerRef.getBoundingClientRect().height/2;this.el.style.setProperty("--distance-to-checkbox",t+"px")})),this.watcher.observe(this.el),this.watcher.observe(this.headerRef)}disconnectObserver(){this.watcher&&(this.watcher.disconnect(),this.watcher=null)}lazyLoadItems(t){this.lazyLoad&&t&&(this.lazyLoad=!1,this.loadLazyContent.emit(this.el.id))}toggleSelected(){const t=!this.selected;this.selected=t,this.selectedItemChange.emit(this.getSelectedInfo(!0,!1,t))}setSelected(t){this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(!1,t,!0))}toggleOrSelect(t){d(t)?this.toggleSelected():this.setSelected(!0)}componentWillLoad(){const t=this.el.parentElement;if(this.lazyLoadItems(this.expanded),this.selected&&this.selectedItemChange.emit(this.getSelectedInfo(!0,!1,!0)),0===this.level)return;const e=t.parentElement;e.checkbox&&(this.checked=e.checked)}componentDidLoad(){this.lastItem&&this.showLines&&this.setResizeObserver()}disconnectedCallback(){this.editing&&this.removeEditMode(!1),this.disconnectObserver()}render(){const t=this.level%2==0,e=!this.leaf&&this.showExpandableButton,n=!this.leaf&&!this.showExpandableButton,a=!this.leaf&&!this.lazyLoad,h="all"===this.showLines&&0!==this.level,r="last"===this.showLines&&0!==this.level&&this.lastItem;return i(s,{role:"treeitem","aria-level":this.level+1,"aria-selected":this.selected?"true":null,class:{[w+"--downloading"]:this.downloading,[w+"--editing"]:this.editing,[w+"--not-editing"]:!this.editing,[w+"--drag-"+this.dragState]:"none"!==this.dragState&&"start"!==this.dragState,[w+"--deny-drop"]:this.leaf},style:{"--level":`${this.level}`},onDrop:this.dropDisabled||this.leaf||"start"===this.dragState?null:this.handleDrop},i("button",{"aria-controls":a?I:null,"aria-expanded":a?this.expanded.toString():null,class:{header:!0,"header--selected":this.selected,"header--disabled":this.disabled,"header--expandable-offset":e,"header--checkbox-offset":n&&this.checkbox,"header--even":t,"header--odd":!t,"header--even-expandable":t&&e,"header--odd-expandable":!t&&e,"header--level-0":0===this.level},part:`header${this.disabled?" disabled":""}${this.selected?" selected":""}`,type:"button",disabled:this.disabled,onClick:this.handleActionClick,onKeyDown:this.editing?null:this.handleActionKeyDown,draggable:!this.dragDisabled,onDragStart:this.handleDragStart,onDragEnd:this.dragDisabled?null:this.handleDragEnd,ref:t=>this.headerRef=t},!this.leaf&&this.showExpandableButton&&i("button",{type:"button",class:{"expandable-button":!0,"expandable-button--expanded":this.expanded,"expandable-button--collapsed":!this.expanded},part:`expandable-button${this.disabled?" disabled":""}${this.expanded?" expanded":" collapsed"}`,disabled:this.disabled,onClick:this.toggleExpand}),this.checkbox&&i("ch-checkbox",{accessibleName:this.caption,class:"checkbox",exportparts:S,part:`checkbox${this.disabled?" disabled":""}${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`,checkedValue:"true",disabled:this.disabled,indeterminate:this.indeterminate,unCheckedValue:"false",value:`${this.checked}`,onInput:this.handleCheckedChange}),this.customRender?i("slot",{name:"custom-content"}):[i("div",{class:{action:!0,"readonly-mode":!this.editing},part:"action "+(this.editing?"":"readonly-mode"),onDblClick:this.leaf||this.editing?null:this.handleActionDblClick},this.leftImgSrc&&this.renderImg("left-img",this.leftImgSrc),this.editing?i("input",{class:"edit-name",part:"edit-name",disabled:this.disabled,type:"text",value:this.caption,onBlur:this.removeEditMode(!1),onKeyDown:this.checkIfShouldRemoveEditMode,ref:t=>this.inputRef=t}):this.caption,this.rightImgSrc&&this.renderImg("right-img",this.rightImgSrc)),this.showDownloadingSpinner&&!this.leaf&&this.downloading&&i("div",{class:"downloading",part:"downloading"})],(h||r)&&i("div",{class:{"dashed-line":!0,"last-all-line":h&&this.lastItem,"last-line":r},part:"dashed-line"+(this.lastItem?" last-all-line":"")})),a&&i("div",{"aria-busy":this.downloading.toString(),"aria-live":this.downloading?"polite":null,id:I,class:{expandable:!0,expanded:this.expanded},part:"expandable"+(this.expanded?" expanded":"")},i("slot",{name:"tree"})))}get el(){return n(this)}static get watchers(){return{checked:["updateChildrenCheckedValue"],editing:["handleEditingChange"],expanded:["handleExpandedChange"],lastItem:["handleLasItemChange"],selected:["handleSelectedChange"],showLines:["handleShowLinesChange"]}}};$.style=':where(button){all:unset;display:flex;user-select:none;touch-action:manipulation;-webkit-user-drag:element}*,::before,::after{box-sizing:border-box}:host{--checkbox-size:1em;--expandable-button-width:0.75em;--ch-tree-x-list-item-dashed-line--offset:0px;--tab-width:calc(\n var(--checkbox-size) + var(--expandable-button-width) +\n (5px * 2)\n );display:grid;grid-template-rows:min-content;overflow:hidden}.header{--own-offset:0px;display:flex;align-items:center;min-height:calc(1em + 6px);padding-inline-start:var(--padding-inline-start)}.header--disabled{opacity:0.5;pointer-events:none}.header--even{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--even-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--even-expandable+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--odd-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd-expandable+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--level-0{--padding-inline-start:0px}.header--level-0+.expandable{--parent-padding-inline-start--even:0px}.header--expandable-offset{--own-offset:calc(\n var(--expandable-button-width) + 5px\n )}.header--expandable-offset+.expandable{--parent-expandable-offset:calc(var(--expandable-button-width) / 2)}.header--checkbox-offset+.expandable{--parent-checkbox-offset:calc(var(--checkbox-size) / 2);--parent-negative-checkbox-offset:calc(var(--checkbox-size) / 2)}.dashed-line{position:absolute;inset-inline-start:calc( var(--inset-inline-start) + var(--ch-tree-x-list-item-dashed-line--offset) );height:1px;width:calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-x-list-item-dashed-line--offset) - 4px );border:0 dashed color-mix(in srgb, currentColor 65%, transparent);border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button{display:grid;place-items:center;width:var(--expandable-button-width);height:var(--expandable-button-width);margin-inline-end:5px;z-index:1;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto var(--expandable-button-width)}.expandable-button::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;-webkit-mask-size:calc(var(--expandable-button-width) - 2px)}.expandable-button--collapsed::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>\')}.expandable-button--expanded::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>\')}.expandable-button:focus-visible{outline:1px solid #000}.checkbox{margin-inline-end:5px}.checkbox::part(container){width:var(--checkbox-size);height:var(--checkbox-size)}.action{display:grid;grid-template:"left-img text right-img"/max-content 1fr max-content;align-items:center;height:100%;flex:1;cursor:pointer}.readonly-mode{padding-block:0.75px}.left-img,.right-img{display:block;width:0.875em;height:0.875em;content-visibility:auto;contain-intrinsic-size:auto 0.875em}.left-img{grid-area:left-img;margin-inline-end:5px}.right-img{grid-area:right-img;margin-inline-start:5px}.edit-name{grid-area:text;width:100%;height:100%;padding:0;margin:0;background-color:unset;color:unset;border:1px solid currentColor;font:unset;outline:unset}.downloading{width:0.75em;height:0.75em;margin-inline-start:8px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{--parent-expandable-offset:0px;--parent-negative-checkbox-offset:0px;--parent-checkbox-offset:0px;display:grid;grid-template-rows:0fr;content-visibility:auto;contain-intrinsic-size:auto 100px}.expanded{grid-template-rows:1fr}:not(.expanded) ::slotted([slot=tree]){display:none;overflow:hidden;content-visibility:hidden}';export{l as ch_checkbox,m as ch_tree_x,v as ch_tree_x_list,$ as ch_tree_x_list_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as t,h as o,H as e,g as i}from"./p-976c3a09.js";import{s as a}from"./p-e46e26a6.js";import{a as s}from"./p-0f4fe7ad.js";import{f as n,c as l}from"./p-e7e4f76c.js";const g="ArrowDown",c="ArrowUp",h=class{constructor(o){r(this,o),this.valueChanged=t(this,"valueChanged",7),this.selectionChanged=t(this,"selectionChanged",7),this.keyEventsDictionary={ArrowDown:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,g),o=this.getNewFocusedItem(t,g);t&&t.focus(),o||this.scrollListToBottom()},ArrowUp:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,c),o=this.getNewFocusedItem(t,c);t&&t.focus(),o||this.scrollListToTop()}},this.windowHidden=!0,this.debounce=300,this.labelPosition="start",this.showLabel=!0,this.showHeader=!1,this.cursorEnd=!1,this.evaluateSlotIsEmpty=()=>{this.chWindow.hidden=!this.el.firstElementChild},this.setFocusOnFirstItem=()=>{const r=this.el.querySelector("ch-suggest-list-item");r&&r.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(r,t)=>{const o=r=>{const o=r.querySelectorAll("ch-suggest-list-item");let e=o&&o[o.length-1];if(t===g)e=r.querySelector("ch-suggest-list-item");else{const t=r.querySelectorAll("ch-suggest-list-item");e=t&&t[t.length-1]}return e};if(!r)return;let e=t===g?r.nextElementSibling:r.previousElementSibling;if("CH-SUGGEST-LIST"===(null==e?void 0:e.nodeName))e=o(e);else if(!e){const i=r.parentElement,a=t===g?i.nextElementSibling:i.previousElementSibling,s="CH-SUGGEST-LIST"===i.nodeName;if(s&&a&&"CH-SUGGEST-LIST-ITEM"===a.nodeName)e=t===g?i.nextElementSibling:i.previousElementSibling;else if(s&&a&&"CH-SUGGEST-LIST"===a.nodeName){const r=t===g?i.nextElementSibling:i.previousElementSibling;let a;a=t===g?r.querySelector("ch-suggest-list-item"):o(r),e=a||null}}return e},this.handleInput=r=>{const t=r.target.value;this.value=t,this.timeoutReference&&clearTimeout(this.timeoutReference),this.timeoutReference=setTimeout((()=>{this.processInputEvent(t)}),this.debounce)},this.handleKeyDown=r=>{r.key===g&&(r.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const r=window.innerHeight,t=document.body.scrollHeight,o=t>=r?t:r,e=this.textInput.getBoundingClientRect().bottom+window.scrollY;this.el.style.setProperty("--window-max-height",o-e+"px")},this.scrollListToTop=()=>{this.chWindow.shadowRoot.querySelector("[part='window']").scrollTop=0},this.scrollListToBottom=()=>{const r=this.chWindow.shadowRoot.querySelector("[part='window']");r.scrollTop=r.scrollHeight},this.processInputEvent=r=>{this.valueChanged.emit(r),this.evaluateWindowMaxHeight()},this.closeWindow=()=>{this.chWindow.hidden=!0},this.onFocusHandler=()=>{this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}}itemSelectedHandler(r){r.stopPropagation(),this.value=r.detail.value,this.closeWindow(),this.selectionChanged.emit(r.detail)}focusChangeAttemptHandler(r){const t=this.keyEventsDictionary[r.detail.code];if(t){const o=r.detail.el,e=this.getChSuggestListItems(),i=e.findIndex((r=>r===o));t({event:r.detail,currentFocusedItem:o,chSuggestListItemsArray:e,currentFocusedItemIndex:i,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0,this.el.innerHTML=""}async selectInputText(){this.textInput.focus(),this.textInput.select()}render(){return o(e,null,o("div",{class:"main-wrapper",part:"main-wrapper"},o("div",{class:"label-input-wrapper",part:"label-input-wrapper"},this.showLabel&&this.label&&o("label",{id:"label",htmlFor:"input",part:"label"},this.label),o("input",{type:"text",id:"input",part:"input",class:"input",ref:r=>this.textInput=r,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.onFocusHandler,value:this.value,autocomplete:"off","aria-controls":"ch-window","aria-label":!this.showLabel&&this.label?this.label:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()})),o("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:r=>this.chWindow=r,showHeader:this.showHeader,caption:this.suggestTitle,exportparts:"\n header:header, \n caption:title, \n close:close-button,\n window:dropdown"},o("slot",{onSlotchange:this.evaluateSlotIsEmpty}))))}static get delegatesFocus(){return!0}get el(){return i(this)}};h.style="*,::after,::before{box-sizing:border-box}:host{--window-max-height:none;--window-gap:50px}.main-wrapper{display:block}.label-input-wrapper{display:flex}.label-input-wrapper .input{flex:1}:host([label-position=start]) .label-input-wrapper{flex-direction:row}:host([label-position=above]) .label-input-wrapper{flex-direction:column}.input{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0}.ch-window-container{position:relative}ch-window::part(window){width:100%;max-height:calc(var(--window-max-height) - var(--window-gap));overflow-y:auto}";const p=class{constructor(t){r(this,t)}render(){return o(e,null,this.label&&o("h2",{id:"heading",part:"title",class:"title"},this.label),o("ul",{"aria-labelledby":this.label?"heading":void 0,part:"list",class:"list"},o("slot",null)))}};p.style="*,::after,::before{box-sizing:border-box}:host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";const d=class{constructor(o){r(this,o),this.itemSelected=t(this,"itemSelected",7),this.focusChangeAttempt=t(this,"focusChangeAttempt",7),this.getItemIndexes=()=>{const r=this.el.parentElement;if("CH-SUGGEST"===r.nodeName){let t=-1;const o=Array.from(r.querySelectorAll(":scope > ch-suggest-list-item"));for(let r=0;r<o.length;r++)if(o[r]===this.el){t=r;break}return{itemIndex:t,listIndex:void 0}}if("CH-SUGGEST-LIST"===r.nodeName){const t=r,o=Array.from(t.parentElement.querySelectorAll(":scope > ch-suggest-list")).findIndex((r=>r===t));if(-1!==o)return{itemIndex:Array.from(t.querySelectorAll("ch-suggest-list-item")).findIndex((r=>r===this.el)),listIndex:o}}},this.handleClick=()=>{const r=this.getItemIndexes();this.itemSelected.emit({value:this.value||this.el.innerText,description:this.el.innerText,icon:this.iconSrc,indexes:r})},this.handleKeyDown=r=>{"ArrowUp"!==r.code&&"ArrowDown"!==r.code||(r.preventDefault(),this.focusChangeAttempt.emit({el:this.el,code:r.code}))}}render(){return o(e,{role:"listitem",onKeyDown:this.handleKeyDown},o("button",{part:"button",onClick:this.handleClick},o("slot",{name:"icon"}),o("div",{class:"content-wrapper",part:"content-wrapper"},o("slot",null))))}static get delegatesFocus(){return!0}get el(){return i(this)}};d.style=":host{display:block}:where(button){all:unset;display:flex;width:100%;cursor:pointer}*,::after,::before{box-sizing:border-box}";const u=class{constructor(t){r(this,t),this.validationStatus="indeterminate",this.disabled=!1,this.ellipsis=!0}render(){return o(e,{class:{large:a.large,[n.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[n.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[n.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[n.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled}},o("slot",null),s(this))}};u.style='@charset "UTF-8";:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-on-background);}ch-suggest::-webkit-scrollbar{width:6px;height:6px}ch-suggest::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(label){font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default;font-size:inherit}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-margin-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-margin-vertical)}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box;background-color:var(--color-background)}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(header){display:block;padding-block-end:var(--spacing-comp-02);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:"✖";width:100%;display:block;line-height:24px;text-align:center}ch-suggest::part(close-button):focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(dropdown){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);}ch-suggest::part(dropdown)::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(dropdown) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-error-dark)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{margin-block-start:var(--spacing-comp-02);font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list-item{}ch-suggest-list-item::part(button){padding:var(--spacing-comp-01) var(--spacing-comp-02);align-items:center;gap:var(--spacing-comp-01);box-sizing:border-box}ch-suggest-list-item::part(button):focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest-list-item::part(description)::before{content:" - "}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-background-color--hover)}';export{h as ch_suggest,p as ch_suggest_list,d as ch_suggest_list_item,u as gxg_suggest}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e}from"./p-976c3a09.js";const t=(t,r=!0)=>(null==t?void 0:t.length)?r?t.map((e=>i(e))):e("gxg-tree",{slot:"tree"},t.map((e=>i(e)))):[],i=i=>{var r;const c=i.items?i.items.length:0;return e("gxg-tree-item",{checkbox:i.checkbox,checked:i.checked,description:i.description,disabled:i.disabled,icon:i.icon,indeterminate:i.indeterminate,id:i.id,key:`tree-item-${i.id}`,label:i.label,leaf:!(0!==c&&!i.leaf||i.lazy),numberOfChildren:c,opened:i.opened,selected:i.selected},[i.label,(null===(r=i.items)||void 0===r?void 0:r.length)&&t(i.items,!1)])},r=(e,t,i)=>e.map((e=>e.id===i?Object.assign(Object.assign({},e),t):e.items?Object.assign(Object.assign({},e),{items:r(e.items,t,i)}):e)),c=(e,t,i)=>e.length&&t&&i?r(e,t,i):e;export{t as r,c as u}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as i}from"./p-976c3a09.js";import{u as s,r as o}from"./p-71ecc7fd.js";const h=class{constructor(e){t(this,e),this.closeTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!1)},this.openTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!0)},this.toggleTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"])},this.getSelectedItemsHandler=()=>{(async()=>{const t=await this.tree.getSelectedItems();console.log(t)})()},this.getCheckedItemsHandler=()=>{(async()=>{const t=await this.tree.getCheckedItems();console.log(t)})()},this.deleteNodeHandler=()=>{this.treeModel=[]},this.treeItemStateChangedHandler=t=>{const e=t.detail.itemData,i=t.detail.itemData.id;e.lazy&&this.updateLazyCallback(i).then((t=>{if(null==t?void 0:t.length){const o=s(this.treeModel,{id:i,label:e.label,items:t},i);this.treeModel=o}}))},this.treeModel=void 0,this.lazyNode=void 0,this.updateLazyCallback=void 0,this.newNode=void 0,this.testUpdateNode=!1,this.lazyLoadTreeItemsCallback=void 0}loadLazyChildrenHandler(t){if(this.lazyLoadTreeItemsCallback){const e=this.lazyLoadTreeItemsCallback(t.detail);setTimeout((()=>{e.then((t=>{this.treeModel=t}))}),1e3)}}treeItemStateChanged(t){const e=s(this.treeModel,t.detail,t.detail.id);console.log("updatedTreeModel",e)}render(){return!this.testUpdateNode&&this.treeModel?e(i,null,e("gxg-tree",{checked:!0,checkbox:!0,multiSelection:!0,ref:t=>this.tree=t},o(this.treeModel)),",",e("div",{class:"tree-buttons"},e("gxg-button",{type:"outlined",onClick:this.closeTreeNodeHandler},"Close 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.openTreeNodeHandler},"Open 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.toggleTreeNodeHandler},"Toggle 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.getSelectedItemsHandler},"Get Selected Items"),e("gxg-button",{type:"outlined",onClick:this.getCheckedItemsHandler},"Get Checked Items"),e("gxg-button",{type:"outlined",onClick:this.deleteNodeHandler},"Delete Tree"))):this.testUpdateNode?e(i,null,e("gxg-tree",{checked:!0,checkbox:!0,multiSelection:!0,ref:t=>this.tree=t,onTreeItemStateChanged:this.treeItemStateChangedHandler},o(this.treeModel))):e("slot",null)}};h.style=":host{display:block}";export{h as gx_ide_test}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,f as e,H as o}from"./p-976c3a09.js";const i=class{constructor(e){t(this,e),this.flattenedTreeModel=new Map,this.selectedItems=new Set,this.flattenedLazyTreeModel=new Map,this.waitDropProcessing=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.treeModel=[],this.multiSelection=!1,this.showLines="all",this.handleDroppableZoneEnter=t=>{if(!this.checkDroppableZoneCallback)return;t.stopPropagation();const r=(new Date).getTime(),e=t.detail;this.checkDroppableZoneCallback(e).then((t=>{this.updateValidDropZone(r,e.newContainer.id,e.draggedItems,t)}))},this.handleSelectedItemsChange=t=>{const r=new Map(t.detail);this.selectedItems.forEach((t=>{const e=this.flattenedTreeModel.get(t).item,o=r.get(t);o?(e.expanded=o.expanded,r.delete(t)):(e.selected=!1,this.selectedItems.delete(t))})),r.forEach(((t,r)=>{const e=this.flattenedTreeModel.get(r).item;e.selected=!0,e.expanded=t.expanded,this.selectedItems.add(r)}))},this.handleExpandedItemChange=t=>{const r=t.detail;this.flattenedTreeModel.get(r.id).item.expanded=r.expanded},this.handleItemsDropped=t=>{if(!this.dropItemsCallback)return;t.stopPropagation();const r=t.detail,e=r.newContainer.id;if(!this.flattenedTreeModel.get(e))return;const o=r.draggedItems;if(0===o.length)return;const i=this.dropItemsCallback(r);this.waitDropProcessing=!0,i.then((async t=>{if(this.waitDropProcessing=!1,!t.acceptDrop)return;const i=this.flattenedTreeModel.get(e).item;if(r.dropInTheSameTree)o.forEach(this.moveItemToNewParent(i)),r.draggingSelectedItems&&await this.treeRef.clearSelectedItemsInfo();else{if(null==t.items)return;i.items.push(...t.items),t.items.forEach(this.flattenItemUIModel(i))}this.sortItems(i.items),i.expanded=!0}))},this.moveItemToNewParent=t=>r=>{const e=this.flattenedTreeModel.get(r.id),o=e.item,i=e.parentItem;i.items.splice(i.items.indexOf(o),1),t.items.push(o),e.parentItem=t},this.renderSubModel=(t,e,o)=>{var i,a;return r("ch-tree-x-list-item",{id:t.id,caption:t.caption,checkbox:t.checkbox,checked:t.checked,class:t.class,disabled:t.disabled,downloading:t.downloading,dragDisabled:null!==(i=t.dragDisabled)&&void 0!==i?i:this.dragDisabled,dropDisabled:null!==(a=t.dropDisabled)&&void 0!==a?a:this.dropDisabled,expanded:t.expanded,indeterminate:t.indeterminate,lastItem:e,lazyLoad:t.lazy,leaf:t.leaf,leftImgSrc:t.leftImgSrc,level:o,metadata:t.metadata,rightImgSrc:t.rightImgSrc,selected:t.selected,showExpandableButton:t.showExpandableButton,showLines:this.showLines,toggleCheckboxes:t.toggleCheckboxes},!t.leaf&&null!=t.items&&0!==t.items.length&&r("ch-tree-x-list",{slot:"tree"},t.items.map(((r,e)=>this.renderSubModel(r,this.showLines&&e===t.items.length-1,o+1)))))},this.flattenItemUIModel=t=>r=>{this.flattenedTreeModel.set(r.id,{parentItem:t,item:r}),r.expanded=null!=r.expanded&&r.expanded,r.indeterminate=null!=r.indeterminate&&r.indeterminate,r.lazy=null!=r.lazy&&r.lazy,r.selected=null!=r.selected&&r.selected,r.lazy&&this.flattenedLazyTreeModel.set(r.id,r),r.selected&&this.selectedItems.add(r.id),this.flattenSubModel(r)}}handleTreeModelChange(){this.flattenModel()}async loadLazyContent(t,r,o=!1,i=!1){const a=this.flattenedLazyTreeModel.get(t);this.flattenedLazyTreeModel.delete(t),a.downloading=o,a.lazy=i,null!=r&&(a.items=r,this.sortItems(a.items),this.flattenSubModel(a),e(this))}async scrollIntoVisible(t){const r=this.flattenedTreeModel.get(t);if(!r)return;let o=r.parentItem;for(;o&&null!=o.id;)o.expanded=!0,o=this.flattenedTreeModel.get(o.id).parentItem;e(this),this.treeRef.scrollIntoVisible(t)}async toggleItems(t,r){if(!t)return[];const o=[];return t.forEach((t=>{const e=this.flattenedTreeModel.get(t).item;e&&(e.expanded=null!=r?r:!e.expanded,o.push({id:e.id,expanded:e.expanded}))})),e(this),o}async updateAllItemsProperties(t){[...this.flattenedTreeModel.values()].forEach((r=>{null!=t.expanded&&(r.item.expanded=t.expanded),null!=t.checked&&(r.item.checked=t.checked,r.item.indeterminate=!1)})),e(this)}async updateItemsProperties(t,r){t.forEach((t=>{const e=this.flattenedTreeModel.get(t);this.updateItemProperty(e,r)})),e(this)}async updateValidDropZone(t,r,e,o){this.treeRef.updateValidDropZone(t,r,e,o)}updateItemProperty(t,r){if(!t)return;const e=t.item;Object.keys(r).forEach((t=>{e[t]=r[t]}))}loadLazyChildrenHandler(t){if(!this.lazyLoadTreeItemsCallback)return;t.stopPropagation();const r=t.detail,e=this.lazyLoadTreeItemsCallback(r);t.target.downloading=!0,e.then((t=>{this.loadLazyContent(r,t)}))}handleCaptionModification(t){if(!this.modifyItemCaptionCallback)return;t.stopPropagation();const r=t.target,o=t.detail.id,i=this.flattenedTreeModel.get(o),a=i.item,n=t.detail.caption,l=a.caption;a.caption=n,r.caption=n,this.modifyItemCaptionCallback(o,n).then((t=>{t.success?(this.sortItems(i.parentItem.items),e(this)):(r.caption=l,a.caption=l)}))}flattenSubModel(t){const r=t.items;r?(this.sortItems(r),r.forEach(this.flattenItemUIModel(t))):!1===t.leaf&&(t.items=[])}sortItems(t){this.sortItemsCallback&&this.sortItemsCallback(t)}flattenModel(){this.flattenedTreeModel.clear(),this.flattenedLazyTreeModel.clear(),this.flattenSubModel({id:null,caption:null,items:this.treeModel})}componentWillLoad(){this.flattenModel()}render(){return r(o,null,r("ch-tree-x",{class:this.cssClass||null,multiSelection:this.multiSelection,waitDropProcessing:this.waitDropProcessing,onDroppableZoneEnter:this.handleDroppableZoneEnter,onExpandedItemChange:this.handleExpandedItemChange,onItemsDropped:this.handleItemsDropped,onSelectedItemsChange:this.handleSelectedItemsChange,ref:t=>this.treeRef=t},this.treeModel.map(((t,r)=>this.renderSubModel(t,this.showLines&&r===this.treeModel.length-1,0)))))}static get watchers(){return{treeModel:["handleTreeModelChange"]}}};i.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}gxg-tree-view{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);color:var(--color-on-background)}.tree-buttons{display:grid;grid-auto-rows:max-content;row-gap:8px}ch-tree-x-list-item{--expandable-button-width:var(--spacing-comp-04)}ch-tree-x-list-item::part(header){padding-inline-end:calc(var(--spacing-comp-02) * 0.65);border:1px solid transparent;height:var(--spacing-comp-05)}ch-tree-x-list-item::part(header):focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}ch-tree-x-list-item[selected]::part(header){background-color:var(--gxg-background-color--selected);outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}ch-tree-x-list-item[selected]::part(header):hover{background-color:var(--gxg-background-color--selected-hover)}ch-tree-x-list-item::part(expandable-button){background-color:var(--color-hover);margin-inline-start:var(--spacing-comp-01)}ch-tree-x-list-item::part(expandable-button)::before{background-color:var(--gray-04);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}ch-tree-x-list-item::part(expandable-button):hover{background-color:var(--color-background)}ch-tree-x-list-item::part(expandable-button):focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:0}ch-tree-x-list-item::part(action){text-transform:capitalize}ch-tree-x-list-item::part(left-img){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}ch-tree-x-list-item::part(downloading){width:var(--spacing-comp-03);height:var(--spacing-comp-03);border:var(--border-width-md) solid var(--color-primary-enabled);border-inline-start-color:transparent}.ch-tree-x-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}";export{i as gxg_tree_view}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,f as i,H as e}from"./p-976c3a09.js";const h=class{constructor(i){t(this,i),this.flattenedTreeModel=new Map,this.selectedItems=new Set,this.flattenedLazyTreeModel=new Map,this.waitDropProcessing=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.treeModel=[],this.multiSelection=!1,this.showLines="none",this.handleDroppableZoneEnter=t=>{if(!this.checkDroppableZoneCallback)return;t.stopPropagation();const s=(new Date).getTime(),i=t.detail;this.checkDroppableZoneCallback(i).then((t=>{this.updateValidDropZone(s,i.newContainer.id,i.draggedItems,t)}))},this.handleSelectedItemsChange=t=>{const s=new Map(t.detail);this.selectedItems.forEach((t=>{const i=this.flattenedTreeModel.get(t).item,e=s.get(t);e?(i.expanded=e.expanded,s.delete(t)):(i.selected=!1,this.selectedItems.delete(t))})),s.forEach(((t,s)=>{const i=this.flattenedTreeModel.get(s).item;i.selected=!0,i.expanded=t.expanded,this.selectedItems.add(s)}))},this.handleExpandedItemChange=t=>{const s=t.detail;this.flattenedTreeModel.get(s.id).item.expanded=s.expanded},this.handleItemsDropped=t=>{if(!this.dropItemsCallback)return;t.stopPropagation();const s=t.detail,i=s.newContainer.id;if(!this.flattenedTreeModel.get(i))return;const e=s.draggedItems;if(0===e.length)return;const h=this.dropItemsCallback(s);this.waitDropProcessing=!0,h.then((async t=>{if(this.waitDropProcessing=!1,!t.acceptDrop)return;const h=this.flattenedTreeModel.get(i).item;if(s.dropInTheSameTree)e.forEach(this.moveItemToNewParent(h)),s.draggingSelectedItems&&await this.treeRef.clearSelectedItemsInfo();else{if(null==t.items)return;h.items.push(...t.items),t.items.forEach(this.flattenItemUIModel(h))}this.sortItems(h.items),h.expanded=!0}))},this.moveItemToNewParent=t=>s=>{const i=this.flattenedTreeModel.get(s.id),e=i.item,h=i.parentItem;h.items.splice(h.items.indexOf(e),1),t.items.push(e),i.parentItem=t},this.renderSubModel=(t,i,e)=>{var h,n;return s("ch-tree-x-list-item",{id:t.id,caption:t.caption,checkbox:t.checkbox,checked:t.checked,class:t.class,disabled:t.disabled,downloading:t.downloading,dragDisabled:null!==(h=t.dragDisabled)&&void 0!==h?h:this.dragDisabled,dropDisabled:null!==(n=t.dropDisabled)&&void 0!==n?n:this.dropDisabled,expanded:t.expanded,indeterminate:t.indeterminate,lastItem:i,lazyLoad:t.lazy,leaf:t.leaf,leftImgSrc:t.leftImgSrc,level:e,metadata:t.metadata,rightImgSrc:t.rightImgSrc,selected:t.selected,showExpandableButton:t.showExpandableButton,showLines:this.showLines,toggleCheckboxes:t.toggleCheckboxes},!t.leaf&&null!=t.items&&0!==t.items.length&&s("ch-tree-x-list",{slot:"tree"},t.items.map(((s,i)=>this.renderSubModel(s,this.showLines&&i===t.items.length-1,e+1)))))},this.flattenItemUIModel=t=>s=>{var i,e,h,n;this.flattenedTreeModel.set(s.id,{parentItem:t,item:s}),s.class||(s.class="tree-view-item"),null!==(i=s.expanded)&&void 0!==i||(s.expanded=!1),null!==(e=s.indeterminate)&&void 0!==e||(s.indeterminate=!1),null!==(h=s.lazy)&&void 0!==h||(s.lazy=!1),null!==(n=s.selected)&&void 0!==n||(s.selected=!1),s.lazy&&this.flattenedLazyTreeModel.set(s.id,s),s.selected&&this.selectedItems.add(s.id),this.flattenSubModel(s)}}handleTreeModelChange(){this.flattenModel()}async loadLazyContent(t,s,e=!1,h=!1){const n=this.flattenedLazyTreeModel.get(t);this.flattenedLazyTreeModel.delete(t),n.downloading=e,n.lazy=h,null!=s&&(n.items=s,this.sortItems(n.items),this.flattenSubModel(n),i(this))}async scrollIntoVisible(t){const s=this.flattenedTreeModel.get(t);if(!s)return;let e=s.parentItem;for(;e&&null!=e.id;)e.expanded=!0,e=this.flattenedTreeModel.get(e.id).parentItem;i(this),this.treeRef.scrollIntoVisible(t)}async toggleItems(t,s){if(!t)return[];const e=[];return t.forEach((t=>{const i=this.flattenedTreeModel.get(t).item;i&&(i.expanded=null!=s?s:!i.expanded,e.push({id:i.id,expanded:i.expanded}))})),i(this),e}async updateAllItemsProperties(t){[...this.flattenedTreeModel.values()].forEach((s=>{null!=t.expanded&&(s.item.expanded=t.expanded),null!=t.checked&&(s.item.checked=t.checked,s.item.indeterminate=!1)})),i(this)}async updateItemsProperties(t,s){t.forEach((t=>{const i=this.flattenedTreeModel.get(t);this.updateItemProperty(i,s)})),i(this)}async updateValidDropZone(t,s,i,e){this.treeRef.updateValidDropZone(t,s,i,e)}updateItemProperty(t,s){if(!t)return;const i=t.item;Object.keys(s).forEach((t=>{i[t]=s[t]}))}loadLazyChildrenHandler(t){if(!this.lazyLoadTreeItemsCallback)return;t.stopPropagation();const s=t.detail,i=this.lazyLoadTreeItemsCallback(s);t.target.downloading=!0,i.then((t=>{this.loadLazyContent(s,t)}))}handleCaptionModification(t){if(!this.modifyItemCaptionCallback)return;t.stopPropagation();const s=t.target,e=t.detail.id,h=this.flattenedTreeModel.get(e),n=h.item,l=t.detail.caption,o=n.caption;n.caption=l,s.caption=l,this.modifyItemCaptionCallback(e,l).then((t=>{t.success?(this.sortItems(h.parentItem.items),i(this)):(s.caption=o,n.caption=o)}))}flattenSubModel(t){const s=t.items;s?(this.sortItems(s),s.forEach(this.flattenItemUIModel(t))):!1===t.leaf&&(t.items=[])}sortItems(t){this.sortItemsCallback&&this.sortItemsCallback(t)}flattenModel(){this.flattenedTreeModel.clear(),this.flattenedLazyTreeModel.clear(),this.flattenSubModel({id:null,caption:null,items:this.treeModel})}componentWillLoad(){this.flattenModel()}render(){return s(e,null,s("ch-tree-x",{class:this.cssClass||null,multiSelection:this.multiSelection,waitDropProcessing:this.waitDropProcessing,onDroppableZoneEnter:this.handleDroppableZoneEnter,onExpandedItemChange:this.handleExpandedItemChange,onItemsDropped:this.handleItemsDropped,onSelectedItemsChange:this.handleSelectedItemsChange,ref:t=>this.treeRef=t},this.treeModel.map(((t,s)=>this.renderSubModel(t,this.showLines&&s===this.treeModel.length-1,0)))))}static get watchers(){return{treeModel:["handleTreeModelChange"]}}};h.style="ch-test-tree-x{display:contents}";export{h as ch_test_tree_x}
|