@genexus/genexus-ide-ui 0.0.42 → 0.0.44
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-grid_8.cjs.entry.js +2 -1
- package/dist/cjs/ch-icon_2.cjs.entry.js +177 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/grid-be8c3413.js +11 -0
- package/dist/cjs/{gxg-tab_4.cjs.entry.js → gx-ide-container_5.cjs.entry.js} +136 -2
- package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +4 -5
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +6 -6
- package/dist/cjs/gx-ide-new-object.cjs.entry.js +3 -3
- package/dist/cjs/gx-ide-object-selector.cjs.entry.js +9 -12
- package/dist/cjs/gx-ide-references.cjs.entry.js +4 -4
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +8 -5
- package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +11 -9
- package/dist/cjs/gx-ide-template.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +19 -18
- package/dist/cjs/{gxg-button_2.cjs.entry.js → gxg-button.cjs.entry.js} +0 -61
- package/dist/cjs/gxg-menu-item.cjs.entry.js +11 -59
- package/dist/cjs/gxg-menu-slim-item.cjs.entry.js +78 -0
- package/dist/cjs/gxg-menu-slim-list.cjs.entry.js +28 -0
- package/dist/cjs/gxg-menu-slim.cjs.entry.js +251 -0
- package/dist/cjs/gxg-menu.cjs.entry.js +12 -228
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/_template/template.css +24 -0
- package/dist/collection/components/container/container.css +7 -11
- package/dist/collection/components/container/container.js +45 -40
- package/dist/collection/components/create-kb-from-server/create-kb-from-server.css +24 -0
- package/dist/collection/components/new-environment/new-environment.css +25 -0
- package/dist/collection/components/new-environment/new-environment.js +3 -22
- package/dist/collection/components/new-kb/new-kb.css +24 -0
- package/dist/collection/components/new-kb/new-kb.js +5 -5
- package/dist/collection/components/new-object/new-object.css +24 -0
- package/dist/collection/components/new-object/new-object.js +2 -2
- package/dist/collection/components/object-selector/object-selector.css +24 -0
- package/dist/collection/components/object-selector/object-selector.js +21 -3
- package/dist/collection/components/references/references.css +24 -0
- package/dist/collection/components/references/references.js +3 -3
- package/dist/collection/components/team-dev-commit/team-dev-commit.css +33 -10
- package/dist/collection/components/team-dev-commit/team-dev-commit.js +21 -4
- package/dist/collection/components/team-dev-select-recent-comment/team-dev-select-recent-comment.css +24 -0
- package/dist/collection/components/team-dev-update/team-dev-update.css +24 -0
- package/dist/collection/components/team-dev-update/team-dev-update.js +24 -8
- package/dist/collection/components/team-dev-update-partial-selection/team-dev-update-partial-selection.css +24 -0
- package/dist/collection/components/team-dev-update-to-revision/team-dev-update-to-revision.css +24 -0
- package/dist/collection/components/ww-images/ww-images.css +24 -0
- package/dist/collection/components/ww-images/ww-images.js +22 -22
- package/dist/collection/pages/assets/common.js +21 -21
- package/dist/components/container.js +12 -24
- package/dist/components/grid.js +9 -0
- package/dist/components/gx-ide-create-kb-from-server.js +1 -1
- package/dist/components/gx-ide-new-environment.js +8 -16
- package/dist/components/gx-ide-new-kb.js +6 -6
- package/dist/components/gx-ide-new-object.js +3 -3
- package/dist/components/gx-ide-object-selector.js +9 -12
- package/dist/components/gx-ide-references.js +4 -4
- package/dist/components/gx-ide-team-dev-commit.js +17 -14
- package/dist/components/gx-ide-team-dev-select-recent-comment.js +1 -1
- package/dist/components/gx-ide-team-dev-update-partial-selection.js +1 -1
- package/dist/components/gx-ide-team-dev-update-to-revision.js +1 -1
- package/dist/components/gx-ide-team-dev-update.js +20 -18
- package/dist/components/gx-ide-template.js +1 -1
- package/dist/components/gx-ide-top-bar.js +72 -1
- package/dist/components/gx-ide-ww-images.js +20 -19
- package/dist/components/gxg-grid2.js +4 -2
- package/dist/components/gxg-menu-item.js +14 -65
- package/dist/components/gxg-menu-slim-item.js +111 -0
- package/dist/components/gxg-menu-slim-list.js +50 -0
- package/dist/components/gxg-menu-slim.js +271 -0
- package/dist/components/gxg-menu.js +14 -233
- package/dist/components/index.js +3 -1
- package/dist/components/tab-bar.js +7 -1
- package/dist/components/tab.js +13 -1
- package/dist/components/tabs.js +2 -0
- package/dist/esm/ch-grid_8.entry.js +2 -1
- package/dist/esm/ch-icon_2.entry.js +172 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/grid-1354bf8f.js +9 -0
- package/dist/esm/{gxg-tab_4.entry.js → gx-ide-container_5.entry.js} +136 -3
- package/dist/esm/gx-ide-create-kb-from-server.entry.js +1 -1
- package/dist/esm/gx-ide-new-environment.entry.js +4 -5
- package/dist/esm/gx-ide-new-kb.entry.js +6 -6
- package/dist/esm/gx-ide-new-object.entry.js +3 -3
- package/dist/esm/gx-ide-object-selector.entry.js +9 -12
- package/dist/esm/gx-ide-references.entry.js +4 -4
- package/dist/esm/gx-ide-team-dev-commit.entry.js +8 -5
- package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-update.entry.js +11 -9
- package/dist/esm/gx-ide-template.entry.js +1 -1
- package/dist/esm/gx-ide-ww-images.entry.js +19 -18
- package/dist/esm/{gxg-button_2.entry.js → gxg-button.entry.js} +2 -62
- package/dist/esm/gxg-menu-item.entry.js +12 -60
- package/dist/esm/gxg-menu-slim-item.entry.js +74 -0
- package/dist/esm/gxg-menu-slim-list.entry.js +24 -0
- package/dist/esm/gxg-menu-slim.entry.js +247 -0
- package/dist/esm/gxg-menu.entry.js +12 -228
- 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-04f69ecc.entry.js +1 -0
- package/dist/genexus-ide-ui/p-098a1397.entry.js +1 -0
- package/dist/genexus-ide-ui/p-0f85cf00.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-38fa6211.entry.js → p-19d9c08c.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-1bcabe1c.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-fcdcb919.entry.js → p-1ccf523f.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-2bd01c9e.entry.js +1 -0
- package/dist/genexus-ide-ui/p-42901fd7.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4b65669b.entry.js +1 -0
- package/dist/genexus-ide-ui/p-6afc6187.entry.js +1 -0
- package/dist/genexus-ide-ui/p-73f61127.entry.js +1 -0
- package/dist/genexus-ide-ui/p-9014609e.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-508cf8b0.entry.js → p-917c5696.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-a708db45.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b456483d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b74dd891.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c38c6957.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c61bf417.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c6a7b93c.js +1 -0
- package/dist/genexus-ide-ui/p-e1cd9135.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-22e142e8.entry.js → p-e4eb3828.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-e5a3e3b9.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-6073c264.entry.js → p-f1116ac5.entry.js} +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +1 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu/menu.css +724 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu-item/menu-item.css +711 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +8 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css +3 -0
- package/dist/types/components/container/container.d.ts +8 -5
- package/dist/types/components/new-environment/new-environment.d.ts +0 -4
- package/dist/types/components/object-selector/object-selector.d.ts +10 -6
- package/dist/types/components/team-dev-commit/team-dev-commit.d.ts +4 -0
- package/dist/types/components/team-dev-update/team-dev-update.d.ts +4 -0
- package/dist/types/components/ww-images/ww-images.d.ts +13 -14
- package/dist/types/components.d.ts +27 -15
- package/package.json +3 -3
- package/dist/cjs/ch-icon.cjs.entry.js +0 -116
- package/dist/cjs/gx-ide-container.cjs.entry.js +0 -137
- package/dist/cjs/gxg-menu-list.cjs.entry.js +0 -28
- package/dist/components/gxg-menu-list.js +0 -50
- package/dist/components/top-bar.js +0 -74
- package/dist/esm/ch-icon.entry.js +0 -112
- package/dist/esm/gx-ide-container.entry.js +0 -133
- package/dist/esm/gxg-menu-list.entry.js +0 -24
- package/dist/genexus-ide-ui/p-07e89cdd.entry.js +0 -1
- package/dist/genexus-ide-ui/p-1770fa36.entry.js +0 -1
- package/dist/genexus-ide-ui/p-179713ef.entry.js +0 -1
- package/dist/genexus-ide-ui/p-181ee8a8.entry.js +0 -1
- package/dist/genexus-ide-ui/p-35fc1102.entry.js +0 -1
- package/dist/genexus-ide-ui/p-4d39c34a.entry.js +0 -1
- package/dist/genexus-ide-ui/p-55d98662.entry.js +0 -1
- package/dist/genexus-ide-ui/p-5ad757f4.entry.js +0 -1
- package/dist/genexus-ide-ui/p-764ab316.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7a83018d.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7a90def4.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7c38776f.entry.js +0 -1
- package/dist/genexus-ide-ui/p-82228c39.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8afbdbc9.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cab184a7.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d376dada.entry.js +0 -1
- /package/dist/node_modules/@genexus/gemini/dist/collection/components/{menu-item/menu-item.css → menu-slim/item/item.css} +0 -0
- /package/dist/node_modules/@genexus/gemini/dist/collection/components/{menu-list/menu-list.css → menu-slim/list/list.css} +0 -0
- /package/dist/node_modules/@genexus/gemini/dist/collection/components/{menu → menu-slim/menu}/menu.css +0 -0
|
@@ -3,12 +3,13 @@ import { L as Locale } from './locale-e183487a.js';
|
|
|
3
3
|
import { r as renderComboItems } from './render-combo-items-84c5ea90.js';
|
|
4
4
|
import { f as formatDate } from './format-date-3c7cead5.js';
|
|
5
5
|
|
|
6
|
-
const teamDevUpdateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.options-grid{grid-template-columns:1fr auto}.options-grid .options-update-from-grid{grid-template-columns:auto 1fr;grid-row-gap:0}.options-grid .options-scope-grid{grid-template-columns:auto 1fr auto}.options-grid .options-scope-grid>:nth-child(7){grid-area:3/1/4/4}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.filters-container-body{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.filters-container-body .filter-grid{flex:1;grid-template-columns:repeat(2, 1fr)}.filters-container-body .actions{display:flex;justify-content:flex-end;align-items:center}.filters-container-body .actions.close{width:100%}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}";
|
|
6
|
+
const teamDevUpdateCss = ".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:999;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)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.options-grid{grid-template-columns:1fr auto}.options-grid .options-update-from-grid{grid-template-columns:auto 1fr;grid-row-gap:0}.options-grid .options-scope-grid{grid-template-columns:auto 1fr auto}.options-grid .options-scope-grid>:nth-child(7){grid-area:3/1/4/4}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.filters-container-body{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.filters-container-body .filter-grid{flex:1;grid-template-columns:repeat(2, 1fr)}.filters-container-body .actions{display:flex;justify-content:flex-end;align-items:center}.filters-container-body .actions.close{width:100%}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}";
|
|
7
7
|
|
|
8
8
|
const GxIdeTeamDevUpdate = class {
|
|
9
9
|
constructor(hostRef) {
|
|
10
10
|
registerInstance(this, hostRef);
|
|
11
11
|
this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
|
|
12
|
+
this.componentDidRenderEvent = createEvent(this, "componentDidRenderEvent", 7);
|
|
12
13
|
this.loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.
|
|
13
14
|
// 9.LOCAL METHODS //
|
|
14
15
|
this.onRowContextMenuHandler = (grid) => async (ev) => {
|
|
@@ -41,30 +42,30 @@ const GxIdeTeamDevUpdate = class {
|
|
|
41
42
|
}
|
|
42
43
|
};
|
|
43
44
|
this.renderOptions = () => {
|
|
44
|
-
return (h("
|
|
45
|
+
return (h("gx-ide-container", { part: "options-container" }, h("div", { class: "grid options-grid" }, h("gx-ide-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, h("div", { class: "grid options-update-from-grid" }, h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom
|
|
45
46
|
? formatDate(this.updateFrom.lastFullUpdate)
|
|
46
|
-
: ""))), h("
|
|
47
|
+
: ""))), h("gx-ide-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, h("div", { class: "grid options-scope-grid" }, h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), h("gxg-text", { type: "text-regular" }, h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), h("gxg-button", { id: "button-scope-objects-change", type: "outlined", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), h("gxg-text", { type: "text-regular" }, h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
|
|
47
48
|
? this._componentLocale.options.scopeData.revision.latest
|
|
48
49
|
: this.revisionScopeText)), h("gxg-button", { id: "button-scope-revision-change", type: "outlined", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn), h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
|
|
49
50
|
};
|
|
50
51
|
this.renderFilter = () => {
|
|
51
|
-
return (h("
|
|
52
|
+
return (h("gx-ide-container", { part: "filters-container" }, h("div", { class: "filters-container-body with-gap" }, h("div", { class: {
|
|
52
53
|
"grid": true,
|
|
53
54
|
"filter-grid": true,
|
|
54
55
|
"hide": !this.showFilter
|
|
55
56
|
} }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData }), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, disabled: !this.types, ref: (el) => (this.filterTypeEl = el), onValueChanged: this.loadData, part: "filter-type", value: this.types[0].id }, renderComboItems(this.types))), h("div", { class: { actions: true, close: !this.showFilter } }, h("gxg-button", { type: "secondary-icon-only", icon: "patterns/filters", onClick: this.toggleFilter, part: "gxg-button gxg-button--show-filter" }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" })))));
|
|
56
57
|
};
|
|
57
58
|
this.renderData = () => {
|
|
58
|
-
return (h("
|
|
59
|
+
return (h("gx-ide-container", { part: "data-container", noContentPadding: true, fullHeight: true, class: "gxi-overflow-auto" }, h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", noPadding: true, isSelected: true }, this.renderPendingForUpdate()), h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects", noPadding: true }, this.renderIgnoredObjects()), h("gxg-tab", { tab: "results", key: "results", noPadding: true }, this.renderResults()))));
|
|
59
60
|
};
|
|
60
61
|
this.renderPendingForUpdate = () => {
|
|
61
|
-
return (h("gxg-grid",
|
|
62
|
+
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark" }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false })), this.updateData.pendingForUpdate.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }), this.renderIconState(obj.state)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedOn)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.status)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.action))))))));
|
|
62
63
|
};
|
|
63
64
|
this.renderIgnoredObjects = () => {
|
|
64
|
-
return (h("gxg-grid",
|
|
65
|
+
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", onRowContextMenu: this.onRowContextMenuHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, size: "min-content" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr" })), this.updateData.ignoredObjects.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type))))))));
|
|
65
66
|
};
|
|
66
67
|
this.renderResults = () => {
|
|
67
|
-
return (h("gxg-grid",
|
|
68
|
+
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridResultsEl = el), part: "ch-grid-results", onRowContextMenu: this.onRowContextMenuHandler("results"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("results") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "tree" }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.notes, settingable: false })), this.updateResultData.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, this.renderIconResult(obj.result))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.notes)), h("ch-grid-rowset", null, obj.messages.map(msg => {
|
|
68
69
|
let msgType;
|
|
69
70
|
switch (msg.type) {
|
|
70
71
|
case "info":
|
|
@@ -248,6 +249,7 @@ const GxIdeTeamDevUpdate = class {
|
|
|
248
249
|
await this.loadData();
|
|
249
250
|
}
|
|
250
251
|
async componentDidRender() {
|
|
252
|
+
this.componentDidRenderEvent.emit(this._componentLocale.componentName);
|
|
251
253
|
if (this.loadDataCalledFirstTime) {
|
|
252
254
|
// call this method only once
|
|
253
255
|
await this.markAllPendingToUpdateRows();
|
|
@@ -267,7 +269,7 @@ const GxIdeTeamDevUpdate = class {
|
|
|
267
269
|
}
|
|
268
270
|
// 10.RENDER() FUNCTION //
|
|
269
271
|
render() {
|
|
270
|
-
return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper
|
|
272
|
+
return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, this.renderOptions(), this.renderFilter(), this.renderData(), h("gx-ide-container", { displayBorderTop: true }, h("div", { class: "align-center with-gap actions" }, h("gxg-button", { id: "button-update", type: "primary-text-only", onClick: this.update, part: "gxg-button gxg-button--update", disabled: this.isLoading }, this._componentLocale.footer.btnUpdate))))));
|
|
271
273
|
}
|
|
272
274
|
static get assetsDirs() { return ["gx-ide-assets/team-dev-update"]; }
|
|
273
275
|
get el() { return getElement(this); }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
|
|
2
2
|
import { L as Locale } from './locale-e183487a.js';
|
|
3
3
|
|
|
4
|
-
const templateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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}";
|
|
4
|
+
const templateCss = ".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:999;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}";
|
|
5
5
|
|
|
6
6
|
const GxIdeTemplate = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -3,7 +3,7 @@ import { L as Locale } from './locale-e183487a.js';
|
|
|
3
3
|
import { r as renderFormItems } from './common-a3df0966.js';
|
|
4
4
|
import { F as FILTER_AFTER } from './constants-7882d1a8.js';
|
|
5
5
|
|
|
6
|
-
const wwImagesCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(3, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";
|
|
6
|
+
const wwImagesCss = ".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:999;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)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(3, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";
|
|
7
7
|
|
|
8
8
|
const GxIdeWWImages = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -13,7 +13,7 @@ const GxIdeWWImages = class {
|
|
|
13
13
|
// Renders
|
|
14
14
|
this.renderFilter = () => {
|
|
15
15
|
var _a, _b, _c, _d, _e;
|
|
16
|
-
return (h("gxg-container", {
|
|
16
|
+
return (h("gxg-container", { displayBorder: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, h("div", { class: "grid filter-grid" }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.name, ref: (el) => (this.filterNameEl = el), part: "filter-name" }), h("gx-ide-entity-selector", { label: this._componentLocale.filter.moduleFolder, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el), part: "filter-module-folder" }), h("div", null, h("gxg-button", { id: "button-more-less", type: "primary-text-only", onClick: this.showMoreFilter, part: "gxg-button gxg-button--more-less" }, this.filterMore
|
|
17
17
|
? this._componentLocale.filter.btnLess
|
|
18
18
|
: this._componentLocale.filter.btnMore)), h("gxg-form-text", { class: { hide: !this.filterMore }, "label-position": "above", label: this._componentLocale.filter.search, ref: (el) => (this.filterSearchContentsEl = el), part: "filter-search" }), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.category, value: this.defaultCategory, disabled: !this.categories, ref: (el) => (this.filterCategoryEl = el), part: "filter-category" }, renderFormItems("gxg-combo-box-item", (_a = this.categories) !== null && _a !== void 0 ? _a : [])), h("div", { class: { hide: !this.filterMore } }, h("gxg-form-checkbox", { label: this._componentLocale.filter.allDescendants, class: "align-center", ref: (el) => (this.filterAllDescendantsEl = el), part: "filter-all-descendants" })), h("div", { class: {
|
|
19
19
|
"flex": true,
|
|
@@ -47,10 +47,10 @@ const GxIdeWWImages = class {
|
|
|
47
47
|
}, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.style, disabled: !this.styles, ref: (el) => (this.filterStyleEl = el), part: "filter-style" }, renderFormItems("gxg-combo-box-item", (_b = this.styles) !== null && _b !== void 0 ? _b : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.language, disabled: !this.languages, ref: (el) => (this.filterLanguageEl = el), part: "filter-language" }, renderFormItems("gxg-combo-box-item", (_c = this.languages) !== null && _c !== void 0 ? _c : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.density, disabled: !this.densities, ref: (el) => (this.filterDensityEl = el), part: "filter-density" }, renderFormItems("gxg-combo-box-item", (_d = this.densities) !== null && _d !== void 0 ? _d : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.layer, disabled: !this.layers, ref: (el) => (this.filterLayerEl = el), part: "filter-layer" }, renderFormItems("gxg-combo-box-item", (_e = this.layers) !== null && _e !== void 0 ? _e : [])))));
|
|
48
48
|
};
|
|
49
49
|
this.renderImages = () => {
|
|
50
|
-
return (h("gxg-grid", { part: "images-table" }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false })), this.images.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.icon })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, " ", obj.lastUser, " "), h("ch-grid-cell", null, `${obj.importDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, `${obj.lastBuildDate.toISOString().slice(0, 10)}`)))))));
|
|
50
|
+
return (h("gxg-grid", { part: "images-table" }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false })), this.images.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.icon, color: "auto" })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, " ", obj.lastUser, " "), h("ch-grid-cell", null, `${obj.importDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, `${obj.lastBuildDate.toISOString().slice(0, 10)}`)))))));
|
|
51
51
|
};
|
|
52
52
|
this.renderImageData = () => {
|
|
53
|
-
return (h("gxg-container", {
|
|
53
|
+
return (h("gxg-container", { displayBorder: true, containerTitle: this._componentLocale.imageDataTitle, part: "image-data-container" }, h("div", { class: "grid images-data-flex" }, this.imagesSelectedItems.map(item => (h("div", { class: "image-item" }, h("div", { class: "img" }, h("img", { src: item.url, alt: item.id })), h("gxg-text", { type: "text-regular" }, item.name)))))));
|
|
54
54
|
};
|
|
55
55
|
this.getImages = () => {
|
|
56
56
|
let filters = {
|
|
@@ -70,18 +70,15 @@ const GxIdeWWImages = class {
|
|
|
70
70
|
this.deselectAll();
|
|
71
71
|
});
|
|
72
72
|
};
|
|
73
|
-
this.
|
|
73
|
+
this.newObjectCallbackHandler = () => {
|
|
74
74
|
this.newObjectCallback();
|
|
75
75
|
};
|
|
76
|
-
this.
|
|
76
|
+
this.openSelectionCallBackHandler = () => {
|
|
77
77
|
this.openSelectionCallback(this.selectedObjectsIds);
|
|
78
78
|
};
|
|
79
|
-
this.
|
|
79
|
+
this.deleteSelectionCallbackHandler = () => {
|
|
80
80
|
this.deleteSelectionCallback(this.selectedObjectsIds);
|
|
81
81
|
};
|
|
82
|
-
this.contextMenuCallbackHandle = () => {
|
|
83
|
-
this.contextMenuCallback(this.selectedObjectsIds);
|
|
84
|
-
};
|
|
85
82
|
this.showMoreFilter = () => {
|
|
86
83
|
this.filterMore = !this.filterMore;
|
|
87
84
|
};
|
|
@@ -125,16 +122,20 @@ const GxIdeWWImages = class {
|
|
|
125
122
|
});
|
|
126
123
|
});
|
|
127
124
|
this.chGridEl.addEventListener("rowDoubleClicked", () => {
|
|
128
|
-
this.
|
|
125
|
+
this.openSelectionCallBackHandler();
|
|
129
126
|
});
|
|
130
127
|
this.chGridEl.addEventListener("selectionChanged", (ev) => {
|
|
131
128
|
this.selectedObjectsIds = ev.detail.rowsId;
|
|
132
|
-
this.
|
|
129
|
+
this.selectionObjectChangedCallback(this.selectedObjectsIds);
|
|
133
130
|
});
|
|
134
|
-
this.chGridEl.addEventListener("
|
|
131
|
+
this.chGridEl.addEventListener("rowContextMenu", (ev) => {
|
|
135
132
|
ev.preventDefault();
|
|
136
133
|
ev.stopPropagation();
|
|
137
|
-
this.
|
|
134
|
+
this.contextMenuCallback({
|
|
135
|
+
selection: ev.detail.selectedRowsId,
|
|
136
|
+
clientX: ev.detail.clientX,
|
|
137
|
+
clientY: ev.detail.clientY
|
|
138
|
+
});
|
|
138
139
|
});
|
|
139
140
|
};
|
|
140
141
|
this.filterAfterType = "";
|
|
@@ -158,7 +159,7 @@ const GxIdeWWImages = class {
|
|
|
158
159
|
this.newObjectCallback = undefined;
|
|
159
160
|
this.openSelectionCallback = undefined;
|
|
160
161
|
this.selectModuleCallback = undefined;
|
|
161
|
-
this.
|
|
162
|
+
this.selectionObjectChangedCallback = undefined;
|
|
162
163
|
this.shadow = false;
|
|
163
164
|
this.styles = undefined;
|
|
164
165
|
this.types = undefined;
|
|
@@ -177,10 +178,10 @@ const GxIdeWWImages = class {
|
|
|
177
178
|
if (document.activeElement === this.el) {
|
|
178
179
|
switch (eventInfo.key) {
|
|
179
180
|
case "Enter":
|
|
180
|
-
this.
|
|
181
|
+
this.openSelectionCallBackHandler();
|
|
181
182
|
break;
|
|
182
183
|
case "Delete":
|
|
183
|
-
this.
|
|
184
|
+
this.deleteSelectionCallbackHandler();
|
|
184
185
|
break;
|
|
185
186
|
}
|
|
186
187
|
}
|
|
@@ -215,7 +216,7 @@ const GxIdeWWImages = class {
|
|
|
215
216
|
}
|
|
216
217
|
// 10.RENDER() FUNCTION //
|
|
217
218
|
render() {
|
|
218
|
-
return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), h("gxg-container", null, h("div", { class: "grid images-grid" }, this.renderImages(), this.renderImageData())), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("div", { class: "flex with-gap" }, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new-file", type: "primary-text-only", onClick: this.
|
|
219
|
+
return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), h("gxg-container", null, h("div", { class: "grid images-grid" }, this.renderImages(), this.renderImageData())), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("div", { class: "flex with-gap" }, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new-file", type: "primary-text-only", onClick: this.newObjectCallbackHandler, part: "gxg-button gxg-button--new-file" }, this._componentLocale.footer.btnNew)), h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.images.length} ${this._componentLocale.objCount.matching}`))))));
|
|
219
220
|
}
|
|
220
221
|
static get assetsDirs() { return ["gx-ide-assets/ww-images"]; }
|
|
221
222
|
get el() { return getElement(this); }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-0da01575.js';
|
|
2
2
|
import { s as state } from './store-c2650ca5.js';
|
|
3
3
|
import { e as exportParts } from './export-parts-7f208d57.js';
|
|
4
4
|
|
|
@@ -202,64 +202,4 @@ const GxgButton = class {
|
|
|
202
202
|
};
|
|
203
203
|
GxgButton.style = buttonCss;
|
|
204
204
|
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
/*********************************
|
|
208
|
-
CONSTANTS
|
|
209
|
-
*********************************/
|
|
210
|
-
const COLOR_MAPPINGS = {
|
|
211
|
-
alwaysblack: "color-always-black",
|
|
212
|
-
disabled: "color-primary-disabled",
|
|
213
|
-
ondisabled: "color-on-disabled",
|
|
214
|
-
error: "color-error-dark",
|
|
215
|
-
negative: "color-on-primary",
|
|
216
|
-
onbackground: "color-on-background",
|
|
217
|
-
"primary-enabled": "color-primary-enabled",
|
|
218
|
-
"primary-active": "color-primary-active",
|
|
219
|
-
"primary-hover": "color-primary-hover",
|
|
220
|
-
success: "color-success-dark",
|
|
221
|
-
warning: "color-warning-dark",
|
|
222
|
-
};
|
|
223
|
-
const GxgIcon = class {
|
|
224
|
-
constructor(hostRef) {
|
|
225
|
-
registerInstance(this, hostRef);
|
|
226
|
-
/**
|
|
227
|
-
* The size of the icon. Possible values: regular, small.
|
|
228
|
-
*/
|
|
229
|
-
this.size = "regular";
|
|
230
|
-
}
|
|
231
|
-
/*********************************
|
|
232
|
-
METHODS
|
|
233
|
-
*********************************/
|
|
234
|
-
getSrcPath() {
|
|
235
|
-
return getAssetPath(`./icon-assets/${this.type}.svg`);
|
|
236
|
-
}
|
|
237
|
-
iconSize() {
|
|
238
|
-
if (this.size === "regular") {
|
|
239
|
-
return "16px";
|
|
240
|
-
}
|
|
241
|
-
else if (this.size === "small") {
|
|
242
|
-
return "12px";
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
render() {
|
|
246
|
-
return (h(Host, null, h("ch-icon", { style: {
|
|
247
|
-
"--icon-color": this.mapColorToCssVar(COLOR_MAPPINGS[this.color]),
|
|
248
|
-
"--icon-size": this.iconSize(),
|
|
249
|
-
}, "auto-color": this.color === "auto", src: this.getSrcPath(), part: "ch-icon" })));
|
|
250
|
-
}
|
|
251
|
-
mapColorToCssVar(color) {
|
|
252
|
-
if (color) {
|
|
253
|
-
return `var(--${color})`;
|
|
254
|
-
}
|
|
255
|
-
else {
|
|
256
|
-
//default color
|
|
257
|
-
return `var(--color-on-background)`;
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
static get assetsDirs() { return ["icon-assets"]; }
|
|
261
|
-
get element() { return getElement(this); }
|
|
262
|
-
};
|
|
263
|
-
GxgIcon.style = iconCss;
|
|
264
|
-
|
|
265
|
-
export { GxgButton as gxg_button, GxgIcon as gxg_icon };
|
|
205
|
+
export { GxgButton as gxg_button };
|
|
@@ -1,73 +1,25 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host
|
|
2
|
-
import { c as commonClassesNames } from './classesNames-6cd8fadb.js';
|
|
3
|
-
import { K as KeyboardKeys } from './types-02481dff.js';
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host } from './index-0da01575.js';
|
|
4
2
|
|
|
5
|
-
const menuItemCss = "/*! 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(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host .menu-item{position:relative}:host .menu-item:before{content:\"\";display:block;height:100%;width:2px;background-color:transparent;position:absolute}:host .menu-item--ellipsis .menu-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:host .menu-item__button{all:unset;color:var(--color-on-background);padding:0 var(--spacing-comp-01);min-height:var(--gxg-list-item-height);width:100%;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-comp-02);border-radius:var(--border-width-md);overflow:hidden}:host .menu-item__button:hover{background-color:var(--gxg-background-color-item-hover)}:host .menu-item__button:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host :menu-item--tab{font-weight:var(--font-weight-semibold)}:host([active]) .menu-item__button{color:var(--gxg-color-selected);background-color:var(--gxg-background-color-item-selected)}";
|
|
3
|
+
const menuItemCss = "/*! 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 .menu-item{color:var(--color-on-background);position:relative}:host .menu-item:before{content:\"\";display:block;height:100%;width:2px;background-color:transparent;position:absolute}:host .menu-item__container{height:var(--spacing-comp-06);background-color:transparent;cursor:pointer;padding:0 var(--spacing-comp-05) 0 var(--spacing-comp-05);display:flex;align-items:center}:host .menu-item__container:hover{background-color:var(--gray-02)}:host .menu-item gxg-icon{margin-right:var(--spacing-comp-01)}:host :menu-item--tab{font-weight:var(--font-weight-semibold)}:host([active]) .menu-item:before{background-color:var(--gray-03)}";
|
|
6
4
|
|
|
7
5
|
const GxgMenuItem = class {
|
|
8
6
|
constructor(hostRef) {
|
|
9
7
|
registerInstance(this, hostRef);
|
|
10
|
-
this.
|
|
11
|
-
this.
|
|
12
|
-
/**
|
|
13
|
-
* Sets the item as active or not
|
|
14
|
-
*/
|
|
8
|
+
this.menuItemActive = createEvent(this, "menuItemActive", 7);
|
|
9
|
+
this.icon = null;
|
|
15
10
|
this.active = false;
|
|
16
|
-
/**
|
|
17
|
-
* Prevents the the text from wrapping into more than one line, adding an ellipsis at the end. This property is set and inherited one the menu.
|
|
18
|
-
*/
|
|
19
|
-
this.ellipsis = false;
|
|
20
|
-
/**
|
|
21
|
-
* Disables the item
|
|
22
|
-
*/
|
|
23
|
-
this.disabled = false;
|
|
24
|
-
this.iconTypeColor = () => {
|
|
25
|
-
if (this.disabled) {
|
|
26
|
-
return "ondisabled";
|
|
27
|
-
}
|
|
28
|
-
else if (this.active) {
|
|
29
|
-
return "negative";
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
return "disabled";
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
this.buttonClickedHandler = () => {
|
|
36
|
-
this.active = true;
|
|
37
|
-
this.itemSelected.emit({
|
|
38
|
-
id: this.itemId,
|
|
39
|
-
ref: this.el,
|
|
40
|
-
label: this.label,
|
|
41
|
-
iconType: this.iconType,
|
|
42
|
-
});
|
|
43
|
-
};
|
|
44
|
-
this.buttonKeyDownHandler = (e) => {
|
|
45
|
-
if (e.key === KeyboardKeys.ARROW_DOWN || e.key === KeyboardKeys.ARROW_UP) {
|
|
46
|
-
this.keyboardNavigation.emit({
|
|
47
|
-
ref: this.el,
|
|
48
|
-
key: e.key,
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
11
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
12
|
+
includeIcon() {
|
|
13
|
+
if (this.icon !== null) {
|
|
14
|
+
return h("gxg-icon", { slot: "icon", type: this.icon, size: "small" });
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
setActive() {
|
|
18
|
+
this.menuItemActive.emit(this.label);
|
|
60
19
|
}
|
|
61
20
|
render() {
|
|
62
|
-
return (h(Host, {
|
|
63
|
-
"menu-item": true,
|
|
64
|
-
"menu-item--shorter": this.iconType !== undefined,
|
|
65
|
-
"menu-item--ellipsis": this.ellipsis,
|
|
66
|
-
[commonClassesNames["DISABLED_CLASS"]]: this.disabled,
|
|
67
|
-
}, ref: (el) => (this.listItem = el), part: "item" }, h("button", { class: "menu-item__button form-element", onClick: this.buttonClickedHandler, onKeyDown: this.buttonKeyDownHandler, part: "button" }, this.renderIcon(), h("span", { class: "menu-item__label", part: "label" }, this.label)))));
|
|
21
|
+
return (h(Host, { onClick: this.setActive.bind(this) }, h("li", { class: "menu-item", ref: (el) => (this.listItem = el) }, h("div", { class: "menu-item__container" }, this.includeIcon(), this.label))));
|
|
68
22
|
}
|
|
69
|
-
static get delegatesFocus() { return true; }
|
|
70
|
-
get el() { return getElement(this); }
|
|
71
23
|
};
|
|
72
24
|
GxgMenuItem.style = menuItemCss;
|
|
73
25
|
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
|
|
2
|
+
import { c as commonClassesNames } from './classesNames-6cd8fadb.js';
|
|
3
|
+
import { K as KeyboardKeys } from './types-02481dff.js';
|
|
4
|
+
|
|
5
|
+
const itemCss = "/*! 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(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host .menu-item{position:relative}:host .menu-item:before{content:\"\";display:block;height:100%;width:2px;background-color:transparent;position:absolute}:host .menu-item--ellipsis .menu-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:host .menu-item__button{all:unset;color:var(--color-on-background);padding:0 var(--spacing-comp-01);min-height:var(--gxg-list-item-height);width:100%;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-comp-02);border-radius:var(--border-width-md);overflow:hidden}:host .menu-item__button:hover{background-color:var(--gxg-background-color-item-hover)}:host .menu-item__button:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host :menu-item--tab{font-weight:var(--font-weight-semibold)}:host([active]) .menu-item__button{color:var(--gxg-color-selected);background-color:var(--gxg-background-color-item-selected)}";
|
|
6
|
+
|
|
7
|
+
const GxgMenuSlimItem = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.keyboardNavigation = createEvent(this, "keyboardNavigation", 7);
|
|
11
|
+
this.itemSelected = createEvent(this, "itemSelected", 7);
|
|
12
|
+
/**
|
|
13
|
+
* Sets the item as active or not
|
|
14
|
+
*/
|
|
15
|
+
this.active = false;
|
|
16
|
+
/**
|
|
17
|
+
* Prevents the the text from wrapping into more than one line, adding an ellipsis at the end. This property is set and inherited one the menu.
|
|
18
|
+
*/
|
|
19
|
+
this.ellipsis = false;
|
|
20
|
+
/**
|
|
21
|
+
* Disables the item
|
|
22
|
+
*/
|
|
23
|
+
this.disabled = false;
|
|
24
|
+
this.iconTypeColor = () => {
|
|
25
|
+
if (this.disabled) {
|
|
26
|
+
return "ondisabled";
|
|
27
|
+
}
|
|
28
|
+
else if (this.active) {
|
|
29
|
+
return "negative";
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
return "disabled";
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
this.buttonClickedHandler = () => {
|
|
36
|
+
this.active = true;
|
|
37
|
+
this.itemSelected.emit({
|
|
38
|
+
id: this.itemId,
|
|
39
|
+
ref: this.el,
|
|
40
|
+
label: this.label,
|
|
41
|
+
iconType: this.iconType,
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
this.buttonKeyDownHandler = (e) => {
|
|
45
|
+
if (e.key === KeyboardKeys.ARROW_DOWN || e.key === KeyboardKeys.ARROW_UP) {
|
|
46
|
+
this.keyboardNavigation.emit({
|
|
47
|
+
ref: this.el,
|
|
48
|
+
key: e.key,
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
// 6.METHODS //
|
|
54
|
+
// 7.LISTENERS //
|
|
55
|
+
// 8.PUBLIC METHODS API //
|
|
56
|
+
// 9.LOCAL METHODS //
|
|
57
|
+
// 10.RENDER() FUNCTION //
|
|
58
|
+
renderIcon() {
|
|
59
|
+
return this.iconType ? (h("gxg-icon", { slot: "iconType", type: this.iconType, size: "small", color: this.iconTypeColor(), part: "icon" })) : null;
|
|
60
|
+
}
|
|
61
|
+
render() {
|
|
62
|
+
return (h(Host, { class: { [commonClassesNames["DISABLED_CLASS"]]: this.disabled } }, h("li", { class: {
|
|
63
|
+
"menu-item": true,
|
|
64
|
+
"menu-item--shorter": this.iconType !== undefined,
|
|
65
|
+
"menu-item--ellipsis": this.ellipsis,
|
|
66
|
+
[commonClassesNames["DISABLED_CLASS"]]: this.disabled,
|
|
67
|
+
}, ref: (el) => (this.listItem = el), part: "item" }, h("button", { class: "menu-item__button form-element", onClick: this.buttonClickedHandler, onKeyDown: this.buttonKeyDownHandler, part: "button" }, this.renderIcon(), h("span", { class: "menu-item__label", part: "label" }, this.label)))));
|
|
68
|
+
}
|
|
69
|
+
static get delegatesFocus() { return true; }
|
|
70
|
+
get el() { return getElement(this); }
|
|
71
|
+
};
|
|
72
|
+
GxgMenuSlimItem.style = itemCss;
|
|
73
|
+
|
|
74
|
+
export { GxgMenuSlimItem as gxg_menu_slim_item };
|