@genexus/genexus-ide-ui 0.0.60 → 0.0.61
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.cjs.entry.js +93 -0
- package/dist/cjs/{ch-checkbox_3.cjs.entry.js → ch-tree-x_3.cjs.entry.js} +475 -87
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-container.cjs.entry.js +13 -5
- package/dist/cjs/gx-ide-file-selector.cjs.entry.js +47 -0
- package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +11 -9
- package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +343 -0
- package/dist/cjs/gx-ide-list-selector_2.cjs.entry.js +236 -0
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +8 -9
- package/dist/cjs/gx-ide-object-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-references.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-status-buttons_2.cjs.entry.js +148 -0
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-template.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +1 -1
- package/dist/cjs/{helpers-9523495a.js → helpers-b62ea39c.js} +12 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +4 -1
- package/dist/collection/common/helpers.js +11 -0
- package/dist/collection/components/_template/template.js +1 -1
- package/dist/collection/components/container/container.css +24 -16
- package/dist/collection/components/container/container.js +66 -22
- package/dist/collection/components/file-selector/file-selector.css +366 -0
- package/dist/collection/components/file-selector/file-selector.js +185 -0
- package/dist/collection/components/kb-manager-export/gx-ide-assets/kb-manager-export/langs/kb-manager-export.lang.en.json +1 -0
- package/dist/collection/components/kb-manager-export/helpers.js +0 -1
- package/dist/collection/components/kb-manager-export/kb-manager-export.css +5 -2
- package/dist/collection/components/kb-manager-export/kb-manager-export.js +12 -9
- package/dist/collection/components/kb-manager-import/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +31 -0
- package/dist/collection/components/kb-manager-import/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.ja.json +3 -0
- package/dist/collection/components/kb-manager-import/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.zh.json +3 -0
- package/dist/collection/components/kb-manager-import/helpers.js +128 -0
- package/dist/collection/components/kb-manager-import/kb-manager-import.css +233 -0
- package/dist/collection/components/kb-manager-import/kb-manager-import.js +415 -0
- package/dist/collection/components/list-selector/list-selector-item/list-selector-item.css +51 -14
- package/dist/collection/components/list-selector/list-selector-item/list-selector-item.js +160 -24
- package/dist/collection/components/list-selector/list-selector.css +6 -0
- package/dist/collection/components/list-selector/list-selector.js +234 -33
- package/dist/collection/components/new-kb/new-kb.css +13 -0
- package/dist/collection/components/new-kb/new-kb.js +7 -8
- package/dist/collection/components/references/references.js +2 -2
- package/dist/collection/components/status-buttons/gx-ide-status-buttons.css +93 -0
- package/dist/collection/components/status-buttons/gx-ide-status-buttons.js +325 -0
- package/dist/collection/components/team-dev-commit/team-dev-commit.js +1 -1
- package/dist/collection/components/team-dev-update/team-dev-update.js +1 -1
- package/dist/components/container.js +16 -6
- package/dist/components/form-text.js +1 -1
- package/dist/components/gx-ide-file-selector.d.ts +11 -0
- package/dist/components/gx-ide-file-selector.js +105 -0
- package/dist/components/gx-ide-kb-manager-export.js +13 -11
- package/dist/components/gx-ide-kb-manager-import.d.ts +11 -0
- package/dist/components/gx-ide-kb-manager-import.js +499 -0
- package/dist/components/gx-ide-list-selector-item.js +1 -102
- package/dist/components/gx-ide-list-selector.js +1 -73
- package/dist/components/gx-ide-new-kb.js +8 -9
- package/dist/components/gx-ide-references.js +2 -2
- package/dist/components/gx-ide-status-buttons.d.ts +11 -0
- package/dist/components/gx-ide-status-buttons.js +6 -0
- package/dist/components/gx-ide-status-buttons2.js +131 -0
- package/dist/components/gx-ide-team-dev-commit.js +1 -1
- package/dist/components/gx-ide-team-dev-update.js +1 -1
- package/dist/components/gx-ide-template.js +1 -1
- package/dist/components/gxg-ide-loader.js +1 -111
- package/dist/components/helpers2.js +12 -1
- package/dist/{esm/gxg-ide-loader.entry.js → components/ide-loader.js} +46 -7
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +3 -0
- package/dist/components/list-selector-item.js +158 -0
- package/dist/components/list-selector.js +146 -0
- package/dist/esm/ch-checkbox.entry.js +89 -0
- package/dist/esm/{ch-checkbox_3.entry.js → ch-tree-x_3.entry.js} +476 -88
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-container.entry.js +13 -5
- package/dist/esm/gx-ide-file-selector.entry.js +43 -0
- package/dist/esm/gx-ide-kb-manager-export.entry.js +11 -9
- package/dist/esm/gx-ide-kb-manager-import.entry.js +339 -0
- package/dist/esm/gx-ide-list-selector_2.entry.js +231 -0
- package/dist/esm/gx-ide-new-kb.entry.js +8 -9
- package/dist/esm/gx-ide-object-selector.entry.js +1 -1
- package/dist/esm/gx-ide-references.entry.js +2 -2
- package/dist/esm/gx-ide-status-buttons_2.entry.js +143 -0
- package/dist/esm/gx-ide-team-dev-commit.entry.js +2 -2
- package/dist/esm/gx-ide-team-dev-update.entry.js +2 -2
- package/dist/esm/gx-ide-template.entry.js +1 -1
- package/dist/esm/gx-ide-ww-images.entry.js +1 -1
- package/dist/esm/{helpers-b99024f5.js → helpers-c29a9591.js} +12 -1
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-export/langs/kb-manager-export.lang.en.json +1 -0
- package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +31 -0
- package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.zh.json +3 -0
- package/dist/genexus-ide-ui/p-163a93a4.entry.js +1 -0
- package/dist/genexus-ide-ui/p-1ff3cf87.entry.js +1 -0
- package/dist/genexus-ide-ui/p-2142874f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-2b7d4cca.entry.js +1 -0
- package/dist/genexus-ide-ui/p-481312bc.entry.js +1 -0
- package/dist/genexus-ide-ui/p-8738b63b.entry.js +1 -0
- package/dist/genexus-ide-ui/p-9e530c7d.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-c63d5b08.js → p-9ee8b615.js} +1 -1
- package/dist/genexus-ide-ui/{p-cef1a182.entry.js → p-a3171fdf.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-ac3b8e90.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-750c726a.entry.js → p-b2ea372b.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-b685ffba.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c7e11c6b.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d04d634e.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-462a8f83.entry.js → p-d8096d40.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-f83093aa.entry.js +1 -0
- package/dist/types/common/helpers.d.ts +2 -0
- package/dist/types/common/types.d.ts +16 -0
- package/dist/types/components/container/container.d.ts +12 -4
- package/dist/types/components/file-selector/file-selector.d.ts +38 -0
- package/dist/types/components/kb-manager-export/kb-manager-export.d.ts +3 -2
- package/dist/types/components/kb-manager-import/helpers.d.ts +10 -0
- package/dist/types/components/kb-manager-import/kb-manager-import.d.ts +110 -0
- package/dist/types/components/list-selector/list-selector-item/list-selector-item.d.ts +38 -7
- package/dist/types/components/list-selector/list-selector.d.ts +47 -8
- package/dist/types/components/status-buttons/gx-ide-status-buttons.d.ts +63 -0
- package/dist/types/components.d.ts +410 -28
- package/package.json +3 -3
- package/dist/cjs/gx-ide-list-selector-item.cjs.entry.js +0 -89
- package/dist/cjs/gx-ide-list-selector.cjs.entry.js +0 -51
- package/dist/cjs/gxg-ide-loader.cjs.entry.js +0 -78
- package/dist/cjs/gxg-tree-view.cjs.entry.js +0 -481
- package/dist/esm/gx-ide-list-selector-item.entry.js +0 -85
- package/dist/esm/gx-ide-list-selector.entry.js +0 -47
- package/dist/esm/gxg-tree-view.entry.js +0 -477
- package/dist/genexus-ide-ui/p-00ee4c20.entry.js +0 -1
- package/dist/genexus-ide-ui/p-16d35368.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3e16a46a.entry.js +0 -1
- package/dist/genexus-ide-ui/p-83f6db54.entry.js +0 -1
- package/dist/genexus-ide-ui/p-845f47ff.entry.js +0 -1
- package/dist/genexus-ide-ui/p-85164984.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a4b359b1.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a5833100.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cddb793a.entry.js +0 -1
- package/dist/genexus-ide-ui/p-dd676f91.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ffddd3ad.entry.js +0 -1
|
@@ -1,477 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getAssetPath, h, f as forceUpdate } from './index-0da01575.js';
|
|
2
|
-
|
|
3
|
-
const resolveImgPath = (iconAssetsPath, img) => `${iconAssetsPath}/${img}.svg`;
|
|
4
|
-
|
|
5
|
-
const treeViewCss = ":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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}gxg-tree-view{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);color:var(--color-on-background);display:contents}gxg-tree-view ch-tree-x .ch-tree-x-container{padding:var(--spacing-comp-01)}.tree-view{}.tree-view::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.tree-view::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.tree-view::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.tree-view::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}gxg-tree-view[position-relative] ch-tree-x .ch-tree-x-container{position:relative;width:100%}gxg-tree-view[no-padding] ch-tree-x .ch-tree-x-container{padding:0}.tree-view-item::part(dashed-line){border-color:var(--gray-02)}ch-tree-x-list-item{--checkbox-size:var(--gxg-checkbox-size);--expandable-button-width:var(--spacing-comp-04);}ch-tree-x-list-item.tree-view-item--folder::part(action)::before,ch-tree-x-list-item.tree-view-item--module::part(action)::before{grid-area:left-img;content:\"\";width:14px;height:14px;margin-inline-end:4px;background-repeat:no-repeat}ch-tree-x-list-item.tree-view-item--folder::part(action)::before{background-image:url(\"/build/icon-assets/objects/folder.svg\")}ch-tree-x-list-item.tree-view-item--folder::part(action expanded)::before{background-image:url(\"/build/icon-assets/objects/folder-open.svg\")}ch-tree-x-list-item.tree-view-item--module::part(action)::before{background-image:url(\"/build/icon-assets/objects/module.svg\")}ch-tree-x-list-item.tree-view-item--module::part(action expanded)::before{background-image:url(\"/build/icon-assets/objects/module-open.svg\")}ch-tree-x-list-item .tree-view-item--pending-commit::part(action)::before{content:\"\";position:relative;z-index:1;grid-area:left-img;width:5px;height:5px;align-self:end;margin-block-end:3px;margin-inline-start:1px;background-color:#2c3b92;border-radius:50%}ch-tree-x-list-item::part(header):first-child{margin-inline-start:var(--spacing-comp-01)}ch-tree-x-list-item::part(header){padding-inline-end:calc(var(--spacing-comp-02) * 0.65);height:var(--spacing-comp-05);display:flex;gap:5px}ch-tree-x-list-item::part(header):before{content:\"\";display:block}ch-tree-x-list-item::part(header):hover{background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}ch-tree-x-list-item::part(header):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-tree-x-list-item[selected]::part(header){background-color:var(--gxg-background-color--selected)}ch-tree-x-list-item[selected]::part(header):hover{background-color:var(--gxg-background-color--selected-hover)}ch-tree-x-list-item.ch-tree-x-list-item--editing::part(header){border:2px solid transparent}ch-tree-x-list-item::part(expandable-button){background-color:var(--color-hover);margin-inline-end:0}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:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:0}ch-tree-x-list-item::part(checkbox__container){border-color:var(--gray-04);background-color:var(--color-background)}ch-tree-x-list-item::part(checkbox__container):after{content:\"\";position:absolute;display:block;border:solid;border-color:transparent;z-index:0}ch-tree-x-list-item::part(checkbox__container):focus-within{box-shadow:none;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-tree-x-list-item::part(checkbox){margin-inline-end:0}ch-tree-x-list-item::part(checkbox__option){display:none}ch-tree-x-list-item::part(checkbox__container checkbox__checked):after{left:5.5px;top:3px;width:4px;height:7px;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-color:var(--color-primary-active);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}ch-tree-x-list-item::part(checkbox__container checkbox__indeterminate):after{left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-active);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}ch-tree-x-list-item::part(checkbox__input){position:relative;z-index:1}ch-tree-x-list-item::part(action){text-transform:capitalize;display:flex;gap:var(--spacing-comp-01)}ch-tree-x-list-item::part(left-img){width:var(--spacing-comp-04);height:var(--spacing-comp-04);margin-inline-end:0}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}";
|
|
6
|
-
|
|
7
|
-
const DEFAULT_DRAG_DISABLED_VALUE = false;
|
|
8
|
-
const DEFAULT_DROP_DISABLED_VALUE = false;
|
|
9
|
-
const DEFAULT_CLASS_VALUE = "tree-view-item";
|
|
10
|
-
const DEFAULT_EDITABLE_ITEMS_VALUE = true;
|
|
11
|
-
const DEFAULT_EXPANDED_VALUE = false;
|
|
12
|
-
const DEFAULT_INDETERMINATE_VALUE = false;
|
|
13
|
-
const DEFAULT_LAZY_VALUE = false;
|
|
14
|
-
const DEFAULT_ORDER_VALUE = 0;
|
|
15
|
-
const DEFAULT_SELECTED_VALUE = false;
|
|
16
|
-
const GxgTreeView = class {
|
|
17
|
-
constructor(hostRef) {
|
|
18
|
-
registerInstance(this, hostRef);
|
|
19
|
-
this.checkedItemsChange = createEvent(this, "checkedItemsChange", 7);
|
|
20
|
-
this.itemContextmenu = createEvent(this, "itemContextmenu", 7);
|
|
21
|
-
this.itemOpenReference = createEvent(this, "itemOpenReference", 7);
|
|
22
|
-
this.selectedItemsChange = createEvent(this, "selectedItemsChange", 7);
|
|
23
|
-
// UI Models
|
|
24
|
-
this.flattenedTreeModel = new Map();
|
|
25
|
-
this.flattenedCheckboxTreeModel = new Map();
|
|
26
|
-
this.selectedItems = new Set();
|
|
27
|
-
this.iconAssetsPath = getAssetPath(`./icon-assets`);
|
|
28
|
-
/**
|
|
29
|
-
* This property lets you specify if the tree is waiting to process the drop
|
|
30
|
-
* of items.
|
|
31
|
-
*/
|
|
32
|
-
this.waitDropProcessing = false;
|
|
33
|
-
/**
|
|
34
|
-
* Removes the default padding on '.ch-tree-x-container' (Added by Gemini)
|
|
35
|
-
*/
|
|
36
|
-
this.noPadding = false;
|
|
37
|
-
/**
|
|
38
|
-
* A temporary fix to force the ch-tree-x tree-x-container to be visible without position:absolute (Added by Gemini)
|
|
39
|
-
*/
|
|
40
|
-
this.positionRelative = false;
|
|
41
|
-
/**
|
|
42
|
-
* Set this attribute if you want display a checkbox in all items by default.
|
|
43
|
-
*/
|
|
44
|
-
this.checkbox = false;
|
|
45
|
-
/**
|
|
46
|
-
* Set this attribute if you want the checkbox to be checked in all items by
|
|
47
|
-
* default.
|
|
48
|
-
* Only works if `checkbox = true`
|
|
49
|
-
*/
|
|
50
|
-
this.checked = false;
|
|
51
|
-
/**
|
|
52
|
-
* A CSS class to set as the `ch-tree-x` element class.
|
|
53
|
-
*/
|
|
54
|
-
this.cssClass = "tree-view";
|
|
55
|
-
/**
|
|
56
|
-
* This attribute lets you specify if the drag operation is disabled in all
|
|
57
|
-
* items by default. If `true`, the items can't be dragged.
|
|
58
|
-
*/
|
|
59
|
-
this.dragDisabled = DEFAULT_DRAG_DISABLED_VALUE;
|
|
60
|
-
/**
|
|
61
|
-
* This attribute lets you specify if the drop operation is disabled in all
|
|
62
|
-
* items by default. If `true`, the items won't accept any drops.
|
|
63
|
-
*/
|
|
64
|
-
this.dropDisabled = DEFAULT_DROP_DISABLED_VALUE;
|
|
65
|
-
/**
|
|
66
|
-
* This attribute lets you specify if the edit operation is enabled in all
|
|
67
|
-
* items by default. If `true`, the items can edit its caption in place.
|
|
68
|
-
*/
|
|
69
|
-
this.editableItems = DEFAULT_EDITABLE_ITEMS_VALUE;
|
|
70
|
-
/**
|
|
71
|
-
* Set this attribute if you want to allow multi selection of the items.
|
|
72
|
-
*/
|
|
73
|
-
this.multiSelection = false;
|
|
74
|
-
/**
|
|
75
|
-
* `true` to display the relation between tree items and tree lists using
|
|
76
|
-
* lines.
|
|
77
|
-
*/
|
|
78
|
-
this.showLines = "all";
|
|
79
|
-
/**
|
|
80
|
-
* Set this attribute if you want all the children item's checkboxes to be
|
|
81
|
-
* checked when the parent item checkbox is checked, or to be unchecked when
|
|
82
|
-
* the parent item checkbox is unchecked.
|
|
83
|
-
* This attribute will be used in all items by default.
|
|
84
|
-
*/
|
|
85
|
-
this.toggleCheckboxes = false;
|
|
86
|
-
/**
|
|
87
|
-
* This property lets you define the model of the ch-tree-x control.
|
|
88
|
-
*/
|
|
89
|
-
this.treeModel = [];
|
|
90
|
-
this.handleDroppableZoneEnter = (event) => {
|
|
91
|
-
if (!this.checkDroppableZoneCallback) {
|
|
92
|
-
return;
|
|
93
|
-
}
|
|
94
|
-
event.stopPropagation();
|
|
95
|
-
// Suppose the request is made immediately by executing the callback
|
|
96
|
-
const requestTimestamp = new Date().getTime();
|
|
97
|
-
const dropInformation = event.detail;
|
|
98
|
-
const promise = this.checkDroppableZoneCallback(dropInformation);
|
|
99
|
-
promise.then((validDrop) => {
|
|
100
|
-
this.updateValidDropZone(requestTimestamp, dropInformation.newContainer.id, dropInformation.draggedItems, validDrop);
|
|
101
|
-
});
|
|
102
|
-
};
|
|
103
|
-
this.handleSelectedItemsChange = (event) => {
|
|
104
|
-
event.stopPropagation();
|
|
105
|
-
const itemsToProcess = new Map(event.detail);
|
|
106
|
-
// Remove no longer selected items
|
|
107
|
-
this.selectedItems.forEach((selectedItemId) => {
|
|
108
|
-
const itemUIModel = this.flattenedTreeModel.get(selectedItemId).item;
|
|
109
|
-
const itemIsStillSelected = itemsToProcess.get(selectedItemId);
|
|
110
|
-
// The item does not need to be added. Remove it from the processed list
|
|
111
|
-
if (itemIsStillSelected) {
|
|
112
|
-
itemUIModel.expanded = itemIsStillSelected.expanded; // Update expanded state
|
|
113
|
-
itemsToProcess.delete(selectedItemId);
|
|
114
|
-
}
|
|
115
|
-
// The item must be un-selected in the UI Model
|
|
116
|
-
else {
|
|
117
|
-
itemUIModel.selected = false;
|
|
118
|
-
this.selectedItems.delete(selectedItemId);
|
|
119
|
-
}
|
|
120
|
-
});
|
|
121
|
-
// Add new selected items
|
|
122
|
-
itemsToProcess.forEach((newSelectedItemInfo, itemId) => {
|
|
123
|
-
const newSelectedItem = this.flattenedTreeModel.get(itemId).item;
|
|
124
|
-
newSelectedItem.selected = true;
|
|
125
|
-
newSelectedItem.expanded = newSelectedItemInfo.expanded;
|
|
126
|
-
this.selectedItems.add(itemId);
|
|
127
|
-
});
|
|
128
|
-
this.selectedItemsChange.emit(event.detail);
|
|
129
|
-
};
|
|
130
|
-
this.handleExpandedItemChange = (event) => {
|
|
131
|
-
const detail = event.detail;
|
|
132
|
-
const itemInfo = this.flattenedTreeModel.get(detail.id).item;
|
|
133
|
-
itemInfo.expanded = detail.expanded;
|
|
134
|
-
};
|
|
135
|
-
this.handleItemContextmenu = (event) => {
|
|
136
|
-
event.stopPropagation();
|
|
137
|
-
this.itemContextmenu.emit(event.detail);
|
|
138
|
-
};
|
|
139
|
-
this.handleItemsDropped = (event) => {
|
|
140
|
-
if (!this.dropItemsCallback) {
|
|
141
|
-
return;
|
|
142
|
-
}
|
|
143
|
-
event.stopPropagation();
|
|
144
|
-
const dataTransferInfo = event.detail;
|
|
145
|
-
const newContainer = dataTransferInfo.newContainer;
|
|
146
|
-
const newParentId = newContainer.id;
|
|
147
|
-
// Check if the parent exists in the UI Model
|
|
148
|
-
if (!this.flattenedTreeModel.get(newParentId)) {
|
|
149
|
-
return;
|
|
150
|
-
}
|
|
151
|
-
const draggedItems = dataTransferInfo.draggedItems;
|
|
152
|
-
if (draggedItems.length === 0) {
|
|
153
|
-
return;
|
|
154
|
-
}
|
|
155
|
-
const promise = this.dropItemsCallback(dataTransferInfo);
|
|
156
|
-
this.waitDropProcessing = true;
|
|
157
|
-
promise.then(async (response) => {
|
|
158
|
-
this.waitDropProcessing = false;
|
|
159
|
-
if (!response.acceptDrop) {
|
|
160
|
-
return;
|
|
161
|
-
}
|
|
162
|
-
const newParentUIModel = this.flattenedTreeModel.get(newParentId).item;
|
|
163
|
-
// Only move the items to the new parent, keeping the state
|
|
164
|
-
if (dataTransferInfo.dropInTheSameTree) {
|
|
165
|
-
// Add the UI models to the new container and remove the UI models from
|
|
166
|
-
// the old containers
|
|
167
|
-
draggedItems.forEach(this.moveItemToNewParent(newParentUIModel));
|
|
168
|
-
// When the selected items are moved, the tree must remove its internal
|
|
169
|
-
// state to not have undefined references
|
|
170
|
-
if (dataTransferInfo.draggingSelectedItems) {
|
|
171
|
-
await this.treeRef.clearSelectedItemsInfo();
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
// Add the new items
|
|
175
|
-
else {
|
|
176
|
-
if (response.items == null) {
|
|
177
|
-
return;
|
|
178
|
-
}
|
|
179
|
-
// Add new items to the parent
|
|
180
|
-
newParentUIModel.items.push(...response.items);
|
|
181
|
-
// Flatten the new UI models
|
|
182
|
-
response.items.forEach(this.flattenItemUIModel(newParentUIModel));
|
|
183
|
-
}
|
|
184
|
-
this.sortItems(newParentUIModel.items);
|
|
185
|
-
// Open the item to visualize the new subitems
|
|
186
|
-
newParentUIModel.expanded = true;
|
|
187
|
-
// There is no need to force and update, since the waitDropProcessing
|
|
188
|
-
// prop was modified
|
|
189
|
-
});
|
|
190
|
-
};
|
|
191
|
-
this.moveItemToNewParent = (newParentUIModel) => (dataTransferInfo) => {
|
|
192
|
-
const itemUIModelExtended = this.flattenedTreeModel.get(dataTransferInfo.id);
|
|
193
|
-
const item = itemUIModelExtended.item;
|
|
194
|
-
const oldParentItem = itemUIModelExtended.parentItem;
|
|
195
|
-
// Remove the UI model from the previous parent
|
|
196
|
-
oldParentItem.items.splice(oldParentItem.items.indexOf(item), 1);
|
|
197
|
-
// Add the UI Model to the new parent
|
|
198
|
-
newParentUIModel.items.push(item);
|
|
199
|
-
// Reference the new parent in the item
|
|
200
|
-
itemUIModelExtended.parentItem = newParentUIModel;
|
|
201
|
-
};
|
|
202
|
-
this.renderSubModel = (treeSubModel, lastItem, level) => {
|
|
203
|
-
var _a, _b, _c, _d, _e, _f;
|
|
204
|
-
return (h("ch-tree-x-list-item", { id: treeSubModel.id, caption: treeSubModel.caption, checkbox: (_a = treeSubModel.checkbox) !== null && _a !== void 0 ? _a : this.checkbox, checked: (_b = treeSubModel.checked) !== null && _b !== void 0 ? _b : this.checked, class: treeSubModel.class, disabled: treeSubModel.disabled, downloading: treeSubModel.downloading, dragDisabled: (_c = treeSubModel.dragDisabled) !== null && _c !== void 0 ? _c : this.dragDisabled, dropDisabled: (_d = treeSubModel.dropDisabled) !== null && _d !== void 0 ? _d : this.dropDisabled, editable: (_e = treeSubModel.editable) !== null && _e !== void 0 ? _e : this.editableItems, expanded: treeSubModel.expanded, indeterminate: treeSubModel.indeterminate, lastItem: lastItem, lazyLoad: treeSubModel.lazy, leaf: treeSubModel.leaf, leftImgSrc: treeSubModel.leftImgSrc
|
|
205
|
-
? resolveImgPath(this.iconAssetsPath, treeSubModel.leftImgSrc)
|
|
206
|
-
: null, level: level, metadata: treeSubModel.metadata, rightImgSrc: treeSubModel.rightImgSrc, selected: treeSubModel.selected, showExpandableButton: treeSubModel.showExpandableButton, showLines: this.showLines, toggleCheckboxes: (_f = treeSubModel.toggleCheckboxes) !== null && _f !== void 0 ? _f : this.toggleCheckboxes }, !treeSubModel.leaf &&
|
|
207
|
-
treeSubModel.items != null &&
|
|
208
|
-
treeSubModel.items.map((subModel, index) => this.renderSubModel(subModel, this.showLines && index === treeSubModel.items.length - 1, level + 1))));
|
|
209
|
-
};
|
|
210
|
-
this.flattenItemUIModel = (parentModel) => (item) => {
|
|
211
|
-
var _a;
|
|
212
|
-
this.flattenedTreeModel.set(item.id, {
|
|
213
|
-
parentItem: parentModel,
|
|
214
|
-
item: item,
|
|
215
|
-
});
|
|
216
|
-
// Add the items that have a checkbox in a separate Map
|
|
217
|
-
if ((_a = item.checkbox) !== null && _a !== void 0 ? _a : this.checkbox) {
|
|
218
|
-
this.flattenedCheckboxTreeModel.set(item.id, {
|
|
219
|
-
parentItem: parentModel,
|
|
220
|
-
item: item,
|
|
221
|
-
});
|
|
222
|
-
}
|
|
223
|
-
// Make sure the properties are with their default values to avoid issues
|
|
224
|
-
// when reusing DOM nodes
|
|
225
|
-
item.class = item.class == null ? DEFAULT_CLASS_VALUE : item.class;
|
|
226
|
-
item.expanded =
|
|
227
|
-
item.expanded == null ? DEFAULT_EXPANDED_VALUE : item.expanded;
|
|
228
|
-
item.indeterminate =
|
|
229
|
-
item.indeterminate == null
|
|
230
|
-
? DEFAULT_INDETERMINATE_VALUE
|
|
231
|
-
: item.indeterminate;
|
|
232
|
-
item.lazy = item.lazy == null ? DEFAULT_LAZY_VALUE : item.lazy;
|
|
233
|
-
item.order = item.order == null ? DEFAULT_ORDER_VALUE : item.order;
|
|
234
|
-
item.selected =
|
|
235
|
-
item.selected == null ? DEFAULT_SELECTED_VALUE : item.selected;
|
|
236
|
-
if (item.selected) {
|
|
237
|
-
this.selectedItems.add(item.id);
|
|
238
|
-
}
|
|
239
|
-
this.flattenSubModel(item);
|
|
240
|
-
};
|
|
241
|
-
}
|
|
242
|
-
handleTreeModelChange() {
|
|
243
|
-
this.flattenModel();
|
|
244
|
-
}
|
|
245
|
-
/**
|
|
246
|
-
* Given an item id, an array of items to add, the download status and the
|
|
247
|
-
* lazy state, updates the item's UI Model.
|
|
248
|
-
*/
|
|
249
|
-
async loadLazyContent(itemId, items, downloading = false, lazy = false) {
|
|
250
|
-
const itemToLazyLoadContent = this.flattenedTreeModel.get(itemId).item;
|
|
251
|
-
// Establish that the content was lazy loaded
|
|
252
|
-
itemToLazyLoadContent.downloading = downloading;
|
|
253
|
-
itemToLazyLoadContent.lazy = lazy;
|
|
254
|
-
// Check if there is items to add
|
|
255
|
-
if (items == null) {
|
|
256
|
-
return;
|
|
257
|
-
}
|
|
258
|
-
// @todo What happens in the server when dropping items on a lazy node?
|
|
259
|
-
itemToLazyLoadContent.items = items;
|
|
260
|
-
this.sortItems(itemToLazyLoadContent.items);
|
|
261
|
-
this.flattenSubModel(itemToLazyLoadContent);
|
|
262
|
-
// Re-sync checked items
|
|
263
|
-
this.emitCheckedItemsChange();
|
|
264
|
-
// Force re-render
|
|
265
|
-
forceUpdate(this);
|
|
266
|
-
}
|
|
267
|
-
/**
|
|
268
|
-
* Given an item id, it displays and scrolls into the item view.
|
|
269
|
-
*/
|
|
270
|
-
async scrollIntoVisible(treeItemId) {
|
|
271
|
-
const itemUIModel = this.flattenedTreeModel.get(treeItemId);
|
|
272
|
-
if (!itemUIModel) {
|
|
273
|
-
// @todo Check if the item is on the server?
|
|
274
|
-
return;
|
|
275
|
-
}
|
|
276
|
-
let visitedNode = itemUIModel.parentItem;
|
|
277
|
-
// While the parent is not the root, update the UI Models
|
|
278
|
-
while (visitedNode && visitedNode.id != null) {
|
|
279
|
-
// Expand the item
|
|
280
|
-
visitedNode.expanded = true;
|
|
281
|
-
const visitedNodeUIModel = this.flattenedTreeModel.get(visitedNode.id);
|
|
282
|
-
visitedNode = visitedNodeUIModel.parentItem;
|
|
283
|
-
}
|
|
284
|
-
forceUpdate(this);
|
|
285
|
-
// @todo For some reason, when the model is created using the "big model" option,
|
|
286
|
-
// this implementation does not work when only the UI Model is updated. So, to
|
|
287
|
-
// expand the items, we have to delegate the responsibility to the tree-x
|
|
288
|
-
this.treeRef.scrollIntoVisible(treeItemId);
|
|
289
|
-
}
|
|
290
|
-
/**
|
|
291
|
-
* This method is used to toggle a tree item by the tree item id/ids.
|
|
292
|
-
*
|
|
293
|
-
* @param treeItemIds An array id the tree items to be toggled.
|
|
294
|
-
* @param expand A boolean indicating that the tree item should be expanded or collapsed. (optional)
|
|
295
|
-
* @returns The modified items after the method was called.
|
|
296
|
-
*/
|
|
297
|
-
async toggleItems(treeItemIds, expand) {
|
|
298
|
-
if (!treeItemIds) {
|
|
299
|
-
return [];
|
|
300
|
-
}
|
|
301
|
-
const modifiedTreeItems = [];
|
|
302
|
-
treeItemIds.forEach((treeItemId) => {
|
|
303
|
-
const itemInfo = this.flattenedTreeModel.get(treeItemId).item;
|
|
304
|
-
if (itemInfo) {
|
|
305
|
-
itemInfo.expanded = expand !== null && expand !== void 0 ? expand : !itemInfo.expanded;
|
|
306
|
-
modifiedTreeItems.push({
|
|
307
|
-
id: itemInfo.id,
|
|
308
|
-
expanded: itemInfo.expanded,
|
|
309
|
-
});
|
|
310
|
-
}
|
|
311
|
-
});
|
|
312
|
-
// Force re-render
|
|
313
|
-
forceUpdate(this);
|
|
314
|
-
return modifiedTreeItems;
|
|
315
|
-
}
|
|
316
|
-
/**
|
|
317
|
-
* Given a subset of item's properties, it updates all item UI models.
|
|
318
|
-
*/
|
|
319
|
-
async updateAllItemsProperties(properties) {
|
|
320
|
-
[...this.flattenedTreeModel.values()].forEach((itemUIModel) => {
|
|
321
|
-
if (properties.expanded != null) {
|
|
322
|
-
itemUIModel.item.expanded = properties.expanded;
|
|
323
|
-
}
|
|
324
|
-
if (properties.checked != null) {
|
|
325
|
-
itemUIModel.item.checked = properties.checked;
|
|
326
|
-
itemUIModel.item.indeterminate = false;
|
|
327
|
-
}
|
|
328
|
-
});
|
|
329
|
-
forceUpdate(this);
|
|
330
|
-
}
|
|
331
|
-
/**
|
|
332
|
-
* Given a item list and the properties to update, it updates the properties
|
|
333
|
-
* of the items in the list.
|
|
334
|
-
*/
|
|
335
|
-
async updateItemsProperties(items, properties) {
|
|
336
|
-
items.forEach((item) => {
|
|
337
|
-
const itemUIModel = this.flattenedTreeModel.get(item);
|
|
338
|
-
this.updateItemProperty(itemUIModel, properties);
|
|
339
|
-
});
|
|
340
|
-
forceUpdate(this);
|
|
341
|
-
}
|
|
342
|
-
/**
|
|
343
|
-
* Update the information about the valid droppable zones.
|
|
344
|
-
* @param requestTimestamp Time where the request to the server was made. Useful to avoid having old information.
|
|
345
|
-
* @param newContainerId ID of the container where the drag is trying to be made.
|
|
346
|
-
* @param draggedItems Information about the dragged items.
|
|
347
|
-
* @param validDrop Current state of the droppable zone.
|
|
348
|
-
*/
|
|
349
|
-
async updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop) {
|
|
350
|
-
this.treeRef.updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop);
|
|
351
|
-
}
|
|
352
|
-
updateItemProperty(itemUIModel, properties) {
|
|
353
|
-
if (!itemUIModel) {
|
|
354
|
-
return;
|
|
355
|
-
}
|
|
356
|
-
const itemInfo = itemUIModel.item;
|
|
357
|
-
Object.keys(properties).forEach((propertyName) => {
|
|
358
|
-
itemInfo[propertyName] = properties[propertyName];
|
|
359
|
-
});
|
|
360
|
-
}
|
|
361
|
-
updateCheckboxValue(event) {
|
|
362
|
-
event.stopPropagation();
|
|
363
|
-
const detail = event.detail;
|
|
364
|
-
const treeItemId = detail.id;
|
|
365
|
-
const itemUIModel = this.flattenedCheckboxTreeModel.get(treeItemId);
|
|
366
|
-
// In some cases, when the `treeModel` and `checked` properties are updated
|
|
367
|
-
// outside of the tree control, some events are fired with undefined references
|
|
368
|
-
if (!itemUIModel) {
|
|
369
|
-
return;
|
|
370
|
-
}
|
|
371
|
-
const itemInfo = itemUIModel.item;
|
|
372
|
-
itemInfo.checked = detail.checked;
|
|
373
|
-
itemInfo.indeterminate = detail.indeterminate;
|
|
374
|
-
this.emitCheckedItemsChange();
|
|
375
|
-
}
|
|
376
|
-
loadLazyChildrenHandler(event) {
|
|
377
|
-
if (!this.lazyLoadTreeItemsCallback) {
|
|
378
|
-
return;
|
|
379
|
-
}
|
|
380
|
-
event.stopPropagation();
|
|
381
|
-
const treeItemId = event.detail;
|
|
382
|
-
const promise = this.lazyLoadTreeItemsCallback(treeItemId);
|
|
383
|
-
event.target.downloading = true;
|
|
384
|
-
promise.then((result) => {
|
|
385
|
-
this.loadLazyContent(treeItemId, result);
|
|
386
|
-
});
|
|
387
|
-
}
|
|
388
|
-
handleCaptionModification(event) {
|
|
389
|
-
if (!this.modifyItemCaptionCallback) {
|
|
390
|
-
return;
|
|
391
|
-
}
|
|
392
|
-
event.stopPropagation();
|
|
393
|
-
const itemRef = event.target;
|
|
394
|
-
const itemId = event.detail.id;
|
|
395
|
-
const itemUIModel = this.flattenedTreeModel.get(itemId);
|
|
396
|
-
const itemInfo = itemUIModel.item;
|
|
397
|
-
const newCaption = event.detail.caption;
|
|
398
|
-
const oldCaption = itemInfo.caption;
|
|
399
|
-
// Optimistic UI: Update the caption in the UI Model before the change is
|
|
400
|
-
// completed in the server
|
|
401
|
-
itemInfo.caption = newCaption;
|
|
402
|
-
// Due to performance reasons, we don't make a shallow copy of the
|
|
403
|
-
// treeModel to force a re-render
|
|
404
|
-
itemRef.caption = newCaption;
|
|
405
|
-
const promise = this.modifyItemCaptionCallback(itemId, newCaption);
|
|
406
|
-
promise.then((status) => {
|
|
407
|
-
if (status.success) {
|
|
408
|
-
this.sortItems(itemUIModel.parentItem.items);
|
|
409
|
-
// Force re-render
|
|
410
|
-
forceUpdate(this);
|
|
411
|
-
}
|
|
412
|
-
else {
|
|
413
|
-
itemRef.caption = oldCaption;
|
|
414
|
-
itemInfo.caption = oldCaption;
|
|
415
|
-
// Do something with the error message
|
|
416
|
-
}
|
|
417
|
-
});
|
|
418
|
-
}
|
|
419
|
-
handleOpenReference(event) {
|
|
420
|
-
event.stopPropagation();
|
|
421
|
-
this.itemOpenReference.emit(event.detail);
|
|
422
|
-
}
|
|
423
|
-
emitCheckedItemsChange() {
|
|
424
|
-
// New copy of the checked items
|
|
425
|
-
const allItemsWithCheckbox = new Map(this.flattenedCheckboxTreeModel);
|
|
426
|
-
// Update the checked value if not defined
|
|
427
|
-
allItemsWithCheckbox.forEach((itemUIModel) => {
|
|
428
|
-
if (itemUIModel.item.checked == null) {
|
|
429
|
-
itemUIModel.item.checked = this.checked;
|
|
430
|
-
}
|
|
431
|
-
});
|
|
432
|
-
this.checkedItemsChange.emit(allItemsWithCheckbox);
|
|
433
|
-
}
|
|
434
|
-
flattenSubModel(model) {
|
|
435
|
-
const items = model.items;
|
|
436
|
-
if (!items) {
|
|
437
|
-
// Make sure that subtrees don't have an undefined array
|
|
438
|
-
if (model.leaf !== true) {
|
|
439
|
-
model.items = [];
|
|
440
|
-
}
|
|
441
|
-
return;
|
|
442
|
-
}
|
|
443
|
-
this.sortItems(items);
|
|
444
|
-
items.forEach(this.flattenItemUIModel(model));
|
|
445
|
-
}
|
|
446
|
-
sortItems(items) {
|
|
447
|
-
// Ensure that items are sorted
|
|
448
|
-
if (this.sortItemsCallback) {
|
|
449
|
-
this.sortItemsCallback(items);
|
|
450
|
-
}
|
|
451
|
-
}
|
|
452
|
-
flattenModel() {
|
|
453
|
-
this.flattenedTreeModel.clear();
|
|
454
|
-
this.flattenedCheckboxTreeModel.clear();
|
|
455
|
-
this.selectedItems.clear();
|
|
456
|
-
// The model was updated at runtime, so we need to clear the references
|
|
457
|
-
if (this.treeRef) {
|
|
458
|
-
this.treeRef.clearSelectedItemsInfo();
|
|
459
|
-
}
|
|
460
|
-
this.flattenSubModel({ id: null, caption: null, items: this.treeModel });
|
|
461
|
-
// Re-sync checked items
|
|
462
|
-
this.emitCheckedItemsChange();
|
|
463
|
-
}
|
|
464
|
-
componentWillLoad() {
|
|
465
|
-
this.flattenModel();
|
|
466
|
-
}
|
|
467
|
-
render() {
|
|
468
|
-
return (h("ch-tree-x", { class: this.cssClass || null, multiSelection: this.multiSelection, waitDropProcessing: this.waitDropProcessing, onDroppableZoneEnter: this.handleDroppableZoneEnter, onExpandedItemChange: this.handleExpandedItemChange, onItemContextmenu: this.handleItemContextmenu, onItemsDropped: this.handleItemsDropped, onSelectedItemsChange: this.handleSelectedItemsChange, ref: (el) => (this.treeRef = el) }, this.treeModel.map((subModel, index) => this.renderSubModel(subModel, this.showLines && index === this.treeModel.length - 1, 0))));
|
|
469
|
-
}
|
|
470
|
-
static get assetsDirs() { return ["assets"]; }
|
|
471
|
-
static get watchers() { return {
|
|
472
|
-
"treeModel": ["handleTreeModelChange"]
|
|
473
|
-
}; }
|
|
474
|
-
};
|
|
475
|
-
GxgTreeView.style = treeViewCss;
|
|
476
|
-
|
|
477
|
-
export { GxgTreeView as gxg_tree_view };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as o,g as r}from"./p-976c3a09.js";import{L as a}from"./p-26957490.js";import{c as s}from"./p-9457280f.js";const n=(t,e)=>{const i=e.find((e=>e.id===t));return i?i.icon:void 0},c=(t,e)=>{const i=e.find((e=>e.id===t));return i?i.icon:void 0},l=class{constructor(i){t(this,i),this.componentDidLoadEvent=e(this,"componentDidLoadEvent",7),this.checkedObjectsIds=[],this.checkedPropertiesIds=[],this.optionsCallbackHandler=()=>{this.optionsCallback&&this.optionsCallback()},this.addKBPropertiesCallbackHandler=async t=>{const e=t.detail.value;if(e&&this.addKBPropertiesCallback){const t=await this.addKBPropertiesCallback();if(0===t.length);else{const e=((t,e,i)=>{const o=[...i];return t?(t.forEach((t=>{const i=((t,e)=>!!e.find((e=>e.id===t.id)))(t,o);if(!i){const i=((t,e)=>({caption:t.name,id:t.id,leftImgSrc:c(t.typeId,e),checkbox:!0,class:"property",leaf:!0}))(t,e);o.unshift(i)}})),o):o})(t,this.kbPropertiesTypes,this.objectsTreeState);this.objectsTreeState=e}}else if(!e){const t=(t=>{if(!(t.length>0))return[];const e=[...t];for(let t=e.length-1;t>=0;t--)"property"===e[t].class&&e.splice(t,1);return console.log("updatedTreeData",e),e})(this.objectsTreeState);this.objectsTreeState=t}},this.addObjectsCallbackHandler=async()=>{if(this.addObjectsCallback){const t=await this.addObjectsCallback();this.updateObjects(t)}},this.addReferencesCallbackHandler=async()=>{if(this.addReferencesCallback){const t=await this.addReferencesCallback(this.checkedObjectsIds);this.updateObjects(t)}},this.updateObjects=t=>{if(t.length){const e=((t,e,i)=>{const o=[...i];return t?(t.forEach((t=>{const i=((t,e)=>{var i;const o={objectExists:!1,objectTypeIndex:-1};if(e){const r=e.findIndex((e=>e.id===t.typeId));-1!==r&&(o.objectTypeIndex=r,(null===(i=e[r].items)||void 0===i?void 0:i.find((e=>e.id===t.id)))&&(o.objectExists=!0))}return o})(t,o);if(!i.objectExists){if(-1===i.objectTypeIndex){const r=((t,e)=>e.find((e=>e.id===t.typeId)))(t,e);if(void 0!==r){const t=(t=>({caption:t.name,id:t.id,leftImgSrc:t.icon,leaf:!1,checkbox:!0,class:"object-type",expanded:!0,items:[]}))(r);i.objectTypeIndex=o.push(t)-1}}const r=((t,e)=>({caption:t.name,id:t.id,leftImgSrc:n(t.typeId,e),checkbox:!0,class:"object",leaf:!0}))(t,e);o[i.objectTypeIndex].items.push(r)}})),o):o})(t,this.objectTypes,this.objectsTreeState);this.objectsTreeState=e}},this.treeObjectsCheckedItemsChangedHandler=t=>{const e=[...t.detail.values()].filter((t=>t.item.checked)),i=e.filter((t=>"object"===t.item.class)),o=[];i.length>0&&i.forEach((t=>{o.push(t.item.id)})),this.checkedObjectsIds=o;const r=e.filter((t=>"property"===t.item.class)),a=[];r.length>0&&r.forEach((t=>{a.push(t.item.id)})),this.checkedPropertiesIds=a},this.exportCallbackHandler=async()=>{this.exportCallback&&this.exportCallback(this.fileNameEl.value,this.checkedPropertiesIds,this.exportAllCheckboxEl.checked?void 0:this.checkedObjectsIds)},this.cancelCallbackHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.clearButtonHandler=()=>{console.log(this.objectsTreeEl),this.objectsTreeEl.updateAllItemsProperties({checked:!1})},this.fileName="",this.exportFilePathName=void 0,this.objectsTreeState=[],this.noObjects=void 0,this.dummyInitialTree=void 0,this.kbPropertiesTypes=void 0,this.objectTypes=void 0,this.exportFileDirectoryCallback=void 0,this.optionsCallback=void 0,this.addKBPropertiesCallback=void 0,this.addReferencesCallback=void 0,this.addObjectsCallback=void 0,this.exportCallback=void 0,this.cancelCallback=void 0}watchObjectsTreeStateHandler(t){this.noObjects=!(0!==t.length&&t)}watchDummyInitialTreeHandler(t){this.objectsTreeState=t}async componentWillLoad(){var t;this._componentLocale=await a.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0),this.noObjects=!(0!==(null===(t=this.objectsTreeState)||void 0===t?void 0:t.length)&&this.objectsTreeState)}render(){return i(o,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper"},i("gx-ide-container",{noContentPadding:!0},i("header",{slot:"header",class:"header"},i("gx-ide-directory-selector",{class:{"select-file-input":!0},value:this.exportFilePathName,part:"xpz-file",label:this._componentLocale.header.exportFileName,ref:t=>this.fileNameEl=t,selectDirectoryCallback:this.exportFileDirectoryCallback}),i("gxg-button-group",{class:"export-cancel-buttons-group","default-selected-btn-id":"responsive-tablet-btn",onClick:this.cancelCallbackHandler},i("button",{id:"export-kb-btn",part:"export-btn",onClick:this.exportCallbackHandler},this._componentLocale.header.exportButton),i("button",{id:"cancel-kb-export-btn",part:"cancel-button"},this._componentLocale.header.cancelButton)),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/settings",part:"select-kb-btn",class:{"options-btn":!0},onClick:this.optionsCallbackHandler},this._componentLocale.header.optionsButton)),i("main",{class:{main:!0}},i("div",{class:{"checkboxes-wrapper":!0}},i("gxg-form-checkbox",{label:this._componentLocale.main.addKnowledgeBaseDescription,onChange:this.addKBPropertiesCallbackHandler,part:"add-kb-checkbox"}),i("gxg-form-checkbox",{label:this._componentLocale.main.exportAll,part:"export-all-checkbox",ref:t=>this.exportAllCheckboxEl=t})),i("div",{class:{"tree-container":!0,"tree-container--empty":this.noObjects}},this.noObjects?i("gxg-text",{textAlign:s.gxgMessage.common.textAlign,padding:s.gxgMessage.common.textAlign,type:s.gxgMessage.common.type,maxWidth:s.gxgMessage.common.maxWidth,part:"referenced-by-text"},"There are no Objects to display. ",i("br",null),"Begin by adding some."):i("gxg-tree-view",{positionRelative:!0,treeModel:this.objectsTreeState,toggleCheckboxes:!0,onCheckedItemsChange:this.treeObjectsCheckedItemsChangedHandler,ref:t=>this.objectsTreeEl=t}))),i("gxg-button",{type:"secondary-text-only",part:"export-button",class:{"cancel-btn":!0},slot:"footer-start",onClick:this.clearButtonHandler},this._componentLocale.footer.clearButton),i("div",{class:{"footer-right-wrapper":!0},slot:"footer-end"},i("gxg-button",{onClick:this.addReferencesCallbackHandler,type:"outlined-text-icon",icon:"general/references",part:"export-button",class:{"cancel-btn":!0}},this._componentLocale.footer.referencesButton),i("gxg-button",{type:"primary-text-icon",icon:"menus/new-object",part:"export-button",class:{"cancel-btn":!0},onClick:this.addObjectsCallbackHandler,grabAttention:this.noObjects},this._componentLocale.footer.addButton)))))}static get assetsDirs(){return["gx-ide-assets/kb-manager-export"]}get el(){return r(this)}static get watchers(){return{objectsTreeState:["watchObjectsTreeStateHandler"],dummyInitialTree:["watchDummyInitialTreeHandler"]}}};l.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}.tree-view-container{display:flex}.header{display:grid;gap:var(--gx-ide-grid-column-gap);grid-template-columns:1fr auto;grid-template-areas:"select-directory export-cancel-buttons-group options-btn"}.header .select-directory{grid-area:select-directory}.header .export-cancel-buttons-group{grid-area:export-cancel-buttons-group}.header .options-btn{grid-area:options-btn}.checkboxes-wrapper{padding:var(--gx-ide-grid-column-gap);display:flex;flex-wrap:wrap;gap:var(--gx-ide-grid-column-gap);border-bottom:1px solid var(--gx-ide-container-border-color)}.tree-container{display:flex;min-height:100px;max-height:200px;padding-left:var(--gx-ide-grid-column-gap);width:100%;box-sizing:border-box}.tree-container--empty{padding-left:0;align-items:center;justify-content:center}.footer-right-wrapper{display:grid;gap:var(--gx-ide-grid-column-gap);grid-template-columns:100px 100px}';export{l as gx_ide_kb_manager_export}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as t,H as o,g as e}from"./p-976c3a09.js";const i=class{constructor(t){r(this,t),this.getItemByValue=r=>Array.from(this.el.querySelectorAll("gx-ide-list-selector-item")).find((t=>t.itemValue===r)),this.listTitle=void 0,this.ordered=!1,this.selectable=!0,this.ellipsis=!0,this.value=void 0,this.listName=void 0}valueHandler(r){const t=this.getItemByValue(r);t&&(t.querySelector("input").checked=!0)}itemSelectedHandler(r){this.value=r.detail.itemValue}render(){return t(o,null,this.listTitle?t("gxg-title",{type:"title-04"},this.listTitle):null,t(this.ordered?"ol":"ul",{class:"list"},t("slot",null)))}get el(){return e(this)}static get watchers(){return{value:["valueHandler"]}}};i.style="*,::after,::before{box-sizing:border-box}:host{display:flex;flex-direction:column;max-height:100%}gxg-title{display:block;margin-block-end:var(--gxg-label-margin-vertical)}.list{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0;list-style-type:none;margin:0;padding:0;color:var(--gx-ide-component-text-color);background-color:var(--gx-ide-component-background-color);font-size:var(--gx-ide-component-text-size);font-weight:var(--font-weight-regular);display:block;background-color:var(--color-background);max-height:100%;overflow-y:auto;border:1px solid var(--gx-ide-container-border-color)}.list::-webkit-scrollbar{width:6px;height:6px}.list::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.list::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.list::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.list .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}";export{i as gx_ide_list_selector}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as o,g as a}from"./p-976c3a09.js";import{L as s}from"./p-26957490.js";import{c as r}from"./p-9457280f.js";import{g as l,r as n}from"./p-b8d5c561.js";import{f as d}from"./p-daf4eb69.js";const g=class{constructor(o){t(this,o),this.componentDidRenderEvent=e(this,"componentDidRenderEvent",7),this.evaluateCreateDataInKbDisabled=t=>{var e,i;t?this.createDataInKbDisabled=(null===(e=this.serverNames[0])||void 0===e?void 0:e.id)===t.detail:(null===(i=this.serverNames[0])||void 0===i?void 0:i.selected)&&(this.createDataInKbDisabled=!0)},this.evaluateAuthenticationType=t=>{var e,i;let o;(null===(e=this.authenticationTypes)||void 0===e?void 0:e.length)&&(o=(null===(i=this.authenticationTypes)||void 0===i?void 0:i.find((t=>t.selected)))||this.authenticationTypes[0]),"windows-authentication"===(null==t?void 0:t.detail)||o&&"windows-authentication"===o.id&&null===t?(this.userNameVisible=!1,this.passwordVisible=!1,this.savePasswordVisible=!1):(this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0)},this.selectLocationHandler=()=>{this.selectLocationCallback().then((t=>{t&&(this.kbLocation=t)}))},this.getFrontEndOptionsValues=()=>{const t=[];return this.frontEndsEl.getValues().then((e=>{e.forEach((e=>{t.push({id:e.id,checked:e.value,disabled:e.disabled})}))})),t},this.updateFrontEnds=()=>{this.getFrontEndsCallback&&this.getFrontEndsCallback(this.prototypingEnvironmentEl.value).then((t=>{const e=[];t.forEach((t=>{const i=this.frontEnds.find((e=>t.id===e.id));i&&(t.checked=i.checked),e.push(t)})),this.frontEnds=e})).catch((()=>{}))},this.getDataSources=()=>{this.getDataSourcesCallback&&this.getDataSourcesCallback(this.prototypingEnvironmentEl.value,this.prototypingTargetEl.value).then((t=>{t.length>0&&(this.defaultDataSources=t,this.dataSourceEl.value=this.defaultDataSources[0].id)})).catch((()=>{}))},this.prototypingEnvironmentValueChangedHandler=()=>{this.getDataSources(),this.updateFrontEnds()},this.prototypingTargetValueChangedHandler=()=>{this.getDataSources()},this.createKbHandler=()=>{var t,e,i,o,a,s,r,l,n,g,h,c,b,p;this.createCallback&&this.createCallback({kbName:null===(t=this.kbNameEl)||void 0===t?void 0:t.value,kbLocation:null===(e=this.locationEl)||void 0===e?void 0:e.value,prototypingTarget:null===(i=this.prototypingTargetEl)||void 0===i?void 0:i.value,userInterfaceLanguage:null===(o=this.userInterfaceLanguageEl)||void 0===o?void 0:o.value,prototypingEnvironment:null===(a=this.prototypingEnvironmentEl)||void 0===a?void 0:a.value,dataSource:null===(s=this.dataSourceEl)||void 0===s?void 0:s.value,frontEnds:this.getFrontEndOptionsValues(),serverName:null===(r=this.serverNameEl)||void 0===r?void 0:r.value,databaseName:null===(l=this.databaseNameEl)||void 0===l?void 0:l.value,collation:null===(n=this.collationEl)||void 0===n?void 0:n.value,createDataFilesInKBFolder:null===(g=this.createDataFilesInKBFolderEl)||void 0===g?void 0:g.checked,authenticationType:null===(h=this.authenticationTypeEl)||void 0===h?void 0:h.value,userName:null===(c=this.userNameEl)||void 0===c?void 0:c.value,password:null===(b=this.passwordEl)||void 0===b?void 0:b.value,savePassword:null===(p=this.savePasswordEl)||void 0===p?void 0:p.checked}).then((t=>{d(t,this)}))},this.cancelKbHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.renderTabBasic=()=>i("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0},i("gx-ide-container",{displayBorderBottom:!0},i("div",{class:"grid basic-row-first"},i("gxg-combo-box",{disableFilter:!0,toolTip:r.tooltip,label:this._componentLocale.tabBasic.prototypingTarget.label,value:l(this.prototypingTargets),ref:t=>this.prototypingTargetEl=t,disabled:0===this.prototypingTargets.length,placeholder:0===this.prototypingTargets.length?this._componentLocale.tabBasic.prototypingTarget.disabledPlaceholder:"",onValueChanged:this.prototypingTargetValueChangedHandler,class:"prototyping-target",part:"prototyping-target"},n("gxg-combo-box-item",this.prototypingTargets,"prototyping-target")),i("gxg-combo-box",{disableFilter:!0,toolTip:r.tooltip,label:this._componentLocale.tabBasic.userInterfaceLanguage.label,value:l(this.userInterfaceLanguages),placeholder:0===this.userInterfaceLanguages.length?this._componentLocale.tabBasic.userInterfaceLanguage.disabledPlaceholder:"",disabled:0===this.userInterfaceLanguages.length,ref:t=>this.userInterfaceLanguageEl=t,class:"user-interface-language",part:"user-interface-language"},n("gxg-combo-box-item",this.userInterfaceLanguages,"user-interface-language")))),i("div",{class:"grid basic-row-second"},i("gx-ide-container",{noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.backEnd.backEndLabel},i("gxg-combo-box",{disableFilter:!0,toolTip:r.tooltip,label:this._componentLocale.tabBasic.backEnd.prototypingEnvironment.label,value:l(this.prototypingEnvironments),placeholder:0===this.prototypingEnvironments.length?this._componentLocale.tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder:"",disabled:0===this.prototypingEnvironments.length,ref:t=>this.prototypingEnvironmentEl=t,onValueChanged:this.prototypingEnvironmentValueChangedHandler,class:"prototyping-environment",part:"prototyping-environment"},n("gxg-combo-box-item",this.prototypingEnvironments,"prototyping-environment")),i("gxg-combo-box",{label:this._componentLocale.tabBasic.backEnd.dataSource.label,toolTip:r.tooltip,disableFilter:!0,value:l(this.defaultDataSources),placeholder:0===this.defaultDataSources.length?this._componentLocale.tabBasic.backEnd.dataSource.disabledPlaceholder:"",disabled:0===this.defaultDataSources.length,ref:t=>this.dataSourceEl=t,class:"data-source",part:"data-source"},n("gxg-combo-box-item",this.defaultDataSources,"data-source"))),i("gx-ide-container",{noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.frontEnd.frontEndLabel},i("gxg-form-checkbox-group",{ref:t=>this.frontEndsEl=t},n("gxg-form-checkbox",this.frontEnds,"front-end"))))),this.renderTabAdvanced=()=>i("gxg-tab",{tab:"advanced","no-padding":!0,flexContainer:!0},i("gx-ide-container",{displayBorderBottom:!0,containerTitle:this._componentLocale.tabAdvanced.tabTitle}),i("div",{class:"grid knowledge-base-storage"},i("gx-ide-container",null,i("div",{class:"grid knowledge-base-storage__col-left"},i("gxg-combo-box",{label:this._componentLocale.tabAdvanced.serverName.label,disableFilter:!0,toolTip:r.tooltip,value:l(this.serverNames),placeholder:0===this.serverNames.length?this._componentLocale.tabAdvanced.serverName.disabledPlaceholder:"",disabled:0===this.serverNames.length,ref:t=>this.serverNameEl=t,class:"server-name-combo-box",part:"server-name",onValueChanged:this.evaluateCreateDataInKbDisabled},n("gxg-combo-box-item",this.serverNames,"server-name")),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/search",class:"server-name-button",part:"search-server-name"}),i("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.databaseName.label,placeholder:"MyDatabase",ref:t=>this.databaseNameEl=t,value:this.databaseName,class:"database-name",part:"database-name"}),i("gxg-combo-box",{label:this._componentLocale.tabAdvanced.collation.label,disableFilter:!0,toolTip:r.tooltip,value:l(this.collations),ref:t=>this.collationEl=t,placeholder:0===this.collations.length?this._componentLocale.tabAdvanced.collation.disabledPlaceholder:"",disabled:0===this.serverNames.length,class:"collation-combo-box",part:"collation"},n("gxg-combo-box-item",this.collations,"collation")),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",class:"collation-button",part:"reset-collation"}),i("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.createDataFilesInKbFolder,ref:t=>this.createDataFilesInKBFolderEl=t,alignTop:!0,checked:this.createDataFilesInKBFolder,disabled:this.createDataInKbDisabled,class:"create-data-in-kb",part:"create-data-in-kb"}))),i("gx-ide-container",{noHeadingBorder:!0},i("div",{class:{grid:!0,"knowledge-base-storage__col-right":!0,"knowledge-base-storage__col-right--windows-authentication":!this.userNameVisible}},i("gxg-combo-box",{label:this._componentLocale.tabAdvanced.authenticationType.label,disableFilter:!0,toolTip:r.tooltip,value:l(this.authenticationTypes),ref:t=>this.authenticationTypeEl=t,placeholder:0===this.authenticationTypes.length?this._componentLocale.tabAdvanced.authenticationType.disabledPlaceholder:"",disabled:0===this.authenticationTypes.length,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},n("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),this.userNameVisible?i("gxg-form-text",{labelPosition:"above",toolTip:r.tooltip,label:this._componentLocale.tabAdvanced.userName.label,ref:t=>this.userNameEl=t,value:this.userName,class:"user-name",part:"user-name"}):null,this.passwordVisible?i("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.password.label,password:!0,toolTip:r.tooltip,ref:t=>this.passwordEl=t,value:this.password,class:"password",part:"password"}):null,this.savePasswordVisible?i("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.savePassword,ref:t=>this.savePasswordEl=t,checked:this.savePassword,class:"save-password",part:"save-password"}):null)))),this.createDataInKbDisabled=!1,this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0,this.defaultDataSources=void 0,this.frontEnds=void 0,this.isAdvanced=!1,this.kbLocation=void 0,this.selectLocationCallback=void 0,this.kbName=void 0,this.prototypingEnvironments=void 0,this.prototypingTargets=void 0,this.userInterfaceLanguages=void 0,this.authenticationTypes=void 0,this.collations=void 0,this.createDataFilesInKBFolder=!1,this.databaseName=void 0,this.password=void 0,this.savePassword=!1,this.serverNames=void 0,this.userName=void 0,this.test=void 0,this.createCallback=void 0,this.cancelCallback=void 0,this.getDataSourcesCallback=void 0,this.getFrontEndsCallback=void 0}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.evaluateCreateDataInKbDisabled(null),this.evaluateAuthenticationType(null),this.previousFrontEndsState=this.frontEnds}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){return i(o,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper"},i("gx-ide-container",null,i("header",{class:{header:!0,grid:!0,"header--is-advanced":this.isAdvanced}},i("gxg-label",{labelPosition:"start",class:"kb-label",noMargin:!0},this._componentLocale.header.kbName),i("gxg-form-text",{labelPosition:"start",placeholder:"SalesInventory","max-width":"100%",value:this.kbName,toolTip:r.tooltip,ref:t=>this.kbNameEl=t,part:"kb-name",class:"kb-input"}),this.isAdvanced?[i("gxg-label",{labelPosition:"start",class:"location-label"},this._componentLocale.header.kbLocation),i("gxg-form-text",{labelPosition:"start",placeholder:"C:\\Models",maxWidth:"100%",value:this.kbLocation,ref:t=>this.locationEl=t,disabled:!this.isAdvanced,part:"kb-location",class:"location-input"}),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/folder",onClick:this.selectLocationHandler,part:"button-select-location",class:"location-icon"})]:null)),i("main",{class:"gxi-full-height gxi-overflow-auto"},i("gxg-tabs",{class:"gxg-tabs"},i("gxg-tab-bar",{slot:"tab-bar-container",part:"tab-bar",displayBorder:!0},i("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0,hidden:!this.isAdvanced,part:"tab-button-basic"}),i("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",hidden:!this.isAdvanced,part:"tab-button-advanced"})),this.renderTabBasic(),this.renderTabAdvanced())),i("gx-ide-container",{displayBorderTop:!0},i("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",slot:"footer-end"},this._componentLocale.footer.btnCreate),i("gxg-button",{id:"button-cancel",type:"outlined",onClick:this.cancelKbHandler,part:"button-cancel",slot:"footer-end"},this._componentLocale.footer.btnCancel))))}static get assetsDirs(){return["gx-ide-assets/new-kb"]}get el(){return a(this)}};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;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.header{grid-template-columns:auto 1fr;grid-template-areas:"kb-name-label kb-input"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:"kb-name-label kb-input ." "location-label location-input location-icon"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{grid-template-areas:"prototyping-target user-interface-language";grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-areas:"prototyping-environment data-source";grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.basic-row-second>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage{grid-template-areas:"knowledge-base-storage__col-left knowledge-base-storage__col-right";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-areas:"server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb ."}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-areas:"authentication-type" "user-name" "password" "save-password"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:"authentication-type"}';export{g as gx_ide_new_kb}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as o,H as e}from"./p-976c3a09.js";const t=class{constructor(o){r(this,o),this.showTransition=200,this.showWindow=!1,this.showWrapper=!1,this.show=!1}showHandler(r){r?(this.showWindow=!0,setTimeout((()=>{this.showWrapper=!0}),50)):(this.showWrapper=!1,setTimeout((()=>{this.showWindow=!1}),this.showTransition))}render(){return o(e,null,o("ch-window",{closeOnEscape:!1,closeOnOutsideClick:!1,container:this.container,hidden:!this.showWindow,modal:!1,showFooter:!1,showHeader:!1,style:{"--show-transition":`${this.showTransition}ms`}},o("div",{class:{"loader-wrapper":!0,"loader-wrapper--visible":this.showWrapper}},o("div",{class:"loader-spinner"}),this.description?o("gxg-title",{class:"loader-description",type:"title-04",alignment:"center"},this.description):null)))}static get watchers(){return{show:["showHandler"]}}};t.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block}ch-window::part(mask){overflow:hidden}ch-window::part(main){height:100%}ch-window::part(window){width:100%;height:100%}.loader-wrapper{opacity:0;transition:var(--show-transition) opacity;width:100%;height:100%;display:flex;background-color:rgba(var(--color-background--rgb), 0.45);backdrop-filter:blur(15px);padding:var(--spacing-comp-05);flex-direction:column;gap:var(--spacing-comp-04);align-items:center;justify-content:center;box-sizing:border-box;-webkit-animation:wrapper 0.6s infinite alternate;animation:wrapper 0.6s infinite alternate;color:var(--color-on-secondary)}.loader-wrapper--visible{opacity:1}.loader-spinner{border:2px var(--gray-01) solid;border-top:2px var(--color-primary-enabled) solid;border-radius:50%;-webkit-animation:spinner 0.6s infinite linear;animation:spinner 0.6s infinite linear;width:30px;height:30px}.loader-description{max-width:400px;text-align:center}@keyframes wrapper{from{background-color:rgba(var(--color-background--rgb), 0.45)}to{background-color:rgba(var(--gray-02--rgb), 0.25)}}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes spinner{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}";export{t as gxg_ide_loader}
|
|
@@ -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 a}from"./p-26957490.js";import{c as s}from"./p-9457280f.js";import{r as n}from"./p-90416fc8.js";const d=e=>{var t;return{caption:e.name,id:e.id,items:(null!==(t=e.items)&&void 0!==t?t:[]).map(d),lazy:e.hasChildren&&(null==e.items||0===e.items.length),leaf:!1===e.hasChildren,leftImgSrc:e.icon}},l=e=>{const t=[];return e?(e.forEach((e=>{t.push(d(e))})),t):t},g=class{constructor(i){e(this,i),this.componentDidRenderEvent=t(this,"componentDidRenderEvent",7),this.selectorCategoryData=[],this.attachTreeEvents=()=>{},this.selectObjectSelectionChanged=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&&this.loadReferencesCallback(e,t).then((e=>{t?this.referencesToTreeData=l(e):this.referencedByTreeData=l(e)}))},this.hideBarButtonClickedHandler=()=>{this.barHidden=!this.barHidden},this.referencesLazyLoadCallbackHandler=e=>async t=>{if(this.loadReferencesCallback){const i="references-to"===e,r=await this.loadReferencesCallback(t,i),o=l(r);return new Promise((e=>{e(o)}))}return new Promise((e=>{e([])}))},this.referenceSelectedHandler=e=>{if(this.selectReferenceCallback){const t=[];e.detail.forEach((e=>{t.push(e.id)})),this.selectReferenceCallback(t[0])}},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 a.getComponentStrings(this.el),this.evaluateInitialReferenceData()}componentDidLoad(){this.attachTreeEvents()}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){var e,t,o,a,d,l,g,c;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,onSelectionChanged:this.selectObjectSelectionChanged,part:"object-selector-suggest",exportparts:"dropdown:select-object-dropdown"},n(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,class:"gxi-overflow-auto",part:"referenced-by-container"},i("div",{class:{"reference-container":!0,"reference-container--no-references":!(null===(e=this.referencedByTreeData)||void 0===e?void 0:e.length)}},i("gxg-tree-view",{class:{"gxi-hidden":!(null===(t=this.referencedByTreeData)||void 0===t?void 0:t.length)},part:"referenced-by-tree",treeModel:this.referencedByTreeData,lazyLoadTreeItemsCallback:this.referencesLazyLoadCallbackHandler("referenced-by"),onSelectedItemsChange:this.referenceSelectedHandler,dragDisabled:!0,dropDisabled:!0}),!(null===(o=this.referencedByTreeData)||void 0===o?void 0:o.length)&&i("gxg-text",{textAlign:s.gxgMessage.common.textAlign,padding:s.gxgMessage.common.textAlign,type:s.gxgMessage.common.type,maxWidth:s.gxgMessage.common.maxWidth,part:"referenced-by-text"},0===(null===(a=this.referencedByTreeData)||void 0===a?void 0:a.length)?this._componentLocale.main.isReferencedByEmpty:this._componentLocale.main.isReferencedByError))),i("gx-ide-container",{containerTitle:this._componentLocale.main.hasReferencesTo,fullHeight:!0,class:"gxi-overflow-auto",part:"references-to-container"},i("div",{class:{"reference-container":!0,"reference-container--no-references":!(null===(d=this.referencesToTreeData)||void 0===d?void 0:d.length)}},i("gxg-tree-view",{class:{"gxi-hidden":!(null===(l=this.referencesToTreeData)||void 0===l?void 0:l.length)},part:"referenced-to-tree",treeModel:this.referencesToTreeData,lazyLoadTreeItemsCallback:this.referencesLazyLoadCallbackHandler("references-to"),onSelectedItemsChange:this.referenceSelectedHandler}),!(null===(g=this.referencesToTreeData)||void 0===g?void 0:g.length)&&i("gxg-text",{textAlign:s.gxgMessage.common.textAlign,padding:s.gxgMessage.common.textAlign,type:s.gxgMessage.common.type,maxWidth:s.gxgMessage.common.maxWidth,part:"references-to-text"},0===(null===(c=this.referencesToTreeData)||void 0===c?void 0:c.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 .reference-container{display:flex;min-height:300px}.main .reference-container--no-references{display:flex;align-items:center;justify-content:center}.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}
|