@genexus/genexus-ide-ui 0.0.99 → 0.0.101
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-icon_5.cjs.entry.js +3 -2
- package/dist/cjs/ch-icon_5.cjs.entry.js.map +1 -1
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-ai-assistant.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-ai-assistant.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-bpm-app-declaration.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-bpm-app-declaration.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-card.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-card.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-dashboard-home.cjs.entry.js +16 -14
- package/dist/cjs/gx-ide-dashboard-home.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-data-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-data-selector.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-empty-state_2.cjs.entry.js +175 -0
- package/dist/cjs/gx-ide-empty-state_2.cjs.entry.js.map +1 -0
- package/dist/cjs/gx-ide-import-from-design.cjs.entry.js +3 -10
- package/dist/cjs/gx-ide-import-from-design.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-list-selector_2.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-list-selector_2.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-new-object.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-object.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-object-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-object-selector.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-references.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-references.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-start-page.cjs.entry.js +9 -5
- package/dist/cjs/gx-ide-start-page.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-status-buttons_2.cjs.entry.js +41 -27
- package/dist/cjs/gx-ide-status-buttons_2.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js.map +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-partial-selection.cjs.entry.js.map +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-to-revision.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-template.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-template.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js.map +1 -1
- package/dist/cjs/gxg-card_2.cjs.entry.js +10 -5
- package/dist/cjs/gxg-card_2.cjs.entry.js.map +1 -1
- package/dist/cjs/gxg-combo-box_2.cjs.entry.js +62 -24
- package/dist/cjs/gxg-combo-box_2.cjs.entry.js.map +1 -1
- package/dist/cjs/gxg-list-box_2.cjs.entry.js +28 -3
- package/dist/cjs/gxg-list-box_2.cjs.entry.js.map +1 -1
- package/dist/cjs/gxg-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gxg-pill.cjs.entry.js +5 -5
- package/dist/cjs/gxg-pill.cjs.entry.js.map +1 -1
- package/dist/cjs/gxg-pills.cjs.entry.js +1 -1
- package/dist/cjs/gxg-pills.cjs.entry.js.map +1 -1
- package/dist/cjs/gxg-tab_4.cjs.entry.js +97 -17
- package/dist/cjs/gxg-tab_4.cjs.entry.js.map +1 -1
- package/dist/cjs/gxg-window-v2.cjs.entry.js +28 -0
- package/dist/cjs/gxg-window-v2.cjs.entry.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/_helpers/card/card.css +333 -26
- package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.css +40 -0
- package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.js +180 -0
- package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.js.map +1 -0
- package/dist/collection/components/_helpers/list-selector/list-selector-item/list-selector-item.css +0 -1
- package/dist/collection/components/_helpers/list-selector/list-selector-item/list-selector-item.js +1 -1
- package/dist/collection/components/_helpers/list-selector/list-selector.css +519 -13
- package/dist/collection/components/_helpers/list-selector/list-selector.js +1 -1
- package/dist/collection/components/_starting-template/template.css +333 -26
- package/dist/collection/components/ai-assistant/ai-assistant.css +333 -26
- package/dist/collection/components/ai-assistant/ai-message.css +0 -1
- package/dist/collection/components/bpm-application-declaration/bpm-app-declaration.css +333 -26
- package/dist/collection/components/create-kb-from-server/create-kb-from-server.css +333 -26
- package/dist/collection/components/dashboard-home/dashboard-home.css +711 -41
- package/dist/collection/components/dashboard-home/dashboard-home.js +51 -14
- package/dist/collection/components/dashboard-home/dashboard-home.js.map +1 -1
- package/dist/collection/components/data-selector/data-selector.css +333 -26
- package/dist/collection/components/import-from-design/import-from-design.css +333 -26
- package/dist/collection/components/import-from-design/import-from-design.js +3 -12
- package/dist/collection/components/import-from-design/import-from-design.js.map +1 -1
- package/dist/collection/components/kb-manager-export/kb-manager-export.css +333 -26
- package/dist/collection/components/kb-manager-import/kb-manager-import.css +333 -26
- package/dist/collection/components/new-environment/new-environment.css +333 -26
- package/dist/collection/components/new-kb/new-kb.css +333 -26
- package/dist/collection/components/new-object/new-object.css +333 -26
- package/dist/collection/components/object-selector/object-selector.css +333 -26
- package/dist/collection/components/references/references.css +333 -26
- package/dist/collection/components/share-kb/share-kb.css +333 -26
- package/dist/collection/components/start-page/recent-news.css +334 -27
- package/dist/collection/components/start-page/start-page.css +337 -26
- package/dist/collection/components/start-page/start-page.js +8 -4
- package/dist/collection/components/start-page/start-page.js.map +1 -1
- package/dist/collection/components/team-dev/commit/commit.css +333 -26
- package/dist/collection/components/team-dev/select-recent-comment/select-recent-comment.css +333 -26
- package/dist/collection/components/team-dev/update/update.css +333 -26
- package/dist/collection/components/team-dev/update-partial-selection/update-partial-selection.css +333 -26
- package/dist/collection/components/team-dev/update-to-revision/update-to-revision.css +333 -26
- package/dist/collection/components/ww-images/ww-images.css +333 -26
- package/dist/collection/pages/assets/common.js +1 -1
- package/dist/components/card.js +11 -5
- package/dist/components/card.js.map +1 -1
- package/dist/components/combo-box.js +62 -24
- package/dist/components/combo-box.js.map +1 -1
- package/dist/components/gx-ide-ai-assistant.js +1 -1
- package/dist/components/gx-ide-ai-assistant.js.map +1 -1
- package/dist/components/gx-ide-bpm-app-declaration.js +1 -1
- package/dist/components/gx-ide-bpm-app-declaration.js.map +1 -1
- package/dist/components/gx-ide-card.js +1 -1
- package/dist/components/gx-ide-card.js.map +1 -1
- package/dist/components/gx-ide-create-kb-from-server.js +1 -1
- package/dist/components/gx-ide-create-kb-from-server.js.map +1 -1
- package/dist/components/gx-ide-dashboard-home.js +32 -47
- package/dist/components/gx-ide-dashboard-home.js.map +1 -1
- package/dist/components/gx-ide-data-selector.js +1 -1
- package/dist/components/gx-ide-data-selector.js.map +1 -1
- package/dist/components/gx-ide-empty-state.d.ts +11 -0
- package/dist/components/gx-ide-empty-state.js +8 -0
- package/dist/components/gx-ide-empty-state.js.map +1 -0
- package/dist/components/gx-ide-empty-state2.js +126 -0
- package/dist/components/gx-ide-empty-state2.js.map +1 -0
- package/dist/components/gx-ide-import-from-design.js +4 -12
- package/dist/components/gx-ide-import-from-design.js.map +1 -1
- package/dist/components/gx-ide-kb-manager-export.js +1 -1
- package/dist/components/gx-ide-kb-manager-export.js.map +1 -1
- package/dist/components/gx-ide-kb-manager-import.js +1 -1
- package/dist/components/gx-ide-kb-manager-import.js.map +1 -1
- package/dist/components/gx-ide-new-environment.js +1 -1
- package/dist/components/gx-ide-new-environment.js.map +1 -1
- package/dist/components/gx-ide-new-kb.js +1 -1
- package/dist/components/gx-ide-new-kb.js.map +1 -1
- package/dist/components/gx-ide-new-object.js +1 -1
- package/dist/components/gx-ide-new-object.js.map +1 -1
- package/dist/components/gx-ide-object-selector.js +1 -1
- package/dist/components/gx-ide-object-selector.js.map +1 -1
- package/dist/components/gx-ide-references.js +1 -1
- package/dist/components/gx-ide-references.js.map +1 -1
- package/dist/components/gx-ide-share-kb.js +1 -1
- package/dist/components/gx-ide-share-kb.js.map +1 -1
- package/dist/components/gx-ide-start-page.js +21 -11
- package/dist/components/gx-ide-start-page.js.map +1 -1
- package/dist/components/gx-ide-team-dev-commit.js +1 -1
- package/dist/components/gx-ide-team-dev-commit.js.map +1 -1
- package/dist/components/gx-ide-team-dev-select-recent-comment.js +1 -1
- package/dist/components/gx-ide-team-dev-select-recent-comment.js.map +1 -1
- package/dist/components/gx-ide-team-dev-update-partial-selection.js +1 -1
- package/dist/components/gx-ide-team-dev-update-partial-selection.js.map +1 -1
- package/dist/components/gx-ide-team-dev-update-to-revision.js +1 -1
- package/dist/components/gx-ide-team-dev-update-to-revision.js.map +1 -1
- package/dist/components/gx-ide-team-dev-update.js +1 -1
- package/dist/components/gx-ide-team-dev-update.js.map +1 -1
- package/dist/components/gx-ide-template.js +1 -1
- package/dist/components/gx-ide-template.js.map +1 -1
- package/dist/components/gx-ide-ww-images.js +1 -1
- package/dist/components/gx-ide-ww-images.js.map +1 -1
- package/dist/components/gxg-menu-item.js +1 -1
- package/dist/components/gxg-menu-item.js.map +1 -1
- package/dist/components/gxg-pills.js +1 -1
- package/dist/components/gxg-pills.js.map +1 -1
- package/dist/components/gxg-top-state-bar2.js +46 -30
- package/dist/components/gxg-top-state-bar2.js.map +1 -1
- package/dist/components/gxg-window-v2.js +44 -0
- package/dist/components/gxg-window-v2.js.map +1 -0
- package/dist/components/icon2.js +3 -2
- package/dist/components/icon2.js.map +1 -1
- package/dist/components/list-box.js +27 -1
- package/dist/components/list-box.js.map +1 -1
- package/dist/components/list-selector.js +1 -1
- package/dist/components/list-selector.js.map +1 -1
- package/dist/components/pill.js +5 -5
- package/dist/components/pill.js.map +1 -1
- package/dist/components/recent-news.js +1 -1
- package/dist/components/recent-news.js.map +1 -1
- package/dist/components/tab-bar.js +17 -9
- package/dist/components/tab-bar.js.map +1 -1
- package/dist/components/tab-button.js +11 -4
- package/dist/components/tab-button.js.map +1 -1
- package/dist/components/tab.js +6 -3
- package/dist/components/tab.js.map +1 -1
- package/dist/components/tabs.js +73 -4
- package/dist/components/tabs.js.map +1 -1
- package/dist/esm/ch-icon_5.entry.js +3 -2
- package/dist/esm/ch-icon_5.entry.js.map +1 -1
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-ai-assistant.entry.js +1 -1
- package/dist/esm/gx-ide-ai-assistant.entry.js.map +1 -1
- package/dist/esm/gx-ide-bpm-app-declaration.entry.js +1 -1
- package/dist/esm/gx-ide-bpm-app-declaration.entry.js.map +1 -1
- package/dist/esm/gx-ide-card.entry.js +1 -1
- package/dist/esm/gx-ide-card.entry.js.map +1 -1
- package/dist/esm/gx-ide-create-kb-from-server.entry.js +1 -1
- package/dist/esm/gx-ide-create-kb-from-server.entry.js.map +1 -1
- package/dist/esm/gx-ide-dashboard-home.entry.js +16 -14
- package/dist/esm/gx-ide-dashboard-home.entry.js.map +1 -1
- package/dist/esm/gx-ide-data-selector.entry.js +1 -1
- package/dist/esm/gx-ide-data-selector.entry.js.map +1 -1
- package/dist/esm/gx-ide-empty-state_2.entry.js +170 -0
- package/dist/esm/gx-ide-empty-state_2.entry.js.map +1 -0
- package/dist/esm/gx-ide-import-from-design.entry.js +3 -10
- package/dist/esm/gx-ide-import-from-design.entry.js.map +1 -1
- package/dist/esm/gx-ide-kb-manager-export.entry.js +1 -1
- package/dist/esm/gx-ide-kb-manager-export.entry.js.map +1 -1
- package/dist/esm/gx-ide-kb-manager-import.entry.js +1 -1
- package/dist/esm/gx-ide-kb-manager-import.entry.js.map +1 -1
- package/dist/esm/gx-ide-list-selector_2.entry.js +1 -1
- package/dist/esm/gx-ide-list-selector_2.entry.js.map +1 -1
- package/dist/esm/gx-ide-new-environment.entry.js +1 -1
- package/dist/esm/gx-ide-new-environment.entry.js.map +1 -1
- package/dist/esm/gx-ide-new-kb.entry.js +1 -1
- package/dist/esm/gx-ide-new-kb.entry.js.map +1 -1
- package/dist/esm/gx-ide-new-object.entry.js +1 -1
- package/dist/esm/gx-ide-new-object.entry.js.map +1 -1
- package/dist/esm/gx-ide-object-selector.entry.js +1 -1
- package/dist/esm/gx-ide-object-selector.entry.js.map +1 -1
- package/dist/esm/gx-ide-references.entry.js +1 -1
- package/dist/esm/gx-ide-references.entry.js.map +1 -1
- package/dist/esm/gx-ide-share-kb.entry.js +1 -1
- package/dist/esm/gx-ide-share-kb.entry.js.map +1 -1
- package/dist/esm/gx-ide-start-page.entry.js +9 -5
- package/dist/esm/gx-ide-start-page.entry.js.map +1 -1
- package/dist/esm/gx-ide-status-buttons_2.entry.js +41 -27
- package/dist/esm/gx-ide-status-buttons_2.entry.js.map +1 -1
- package/dist/esm/gx-ide-team-dev-commit.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-commit.entry.js.map +1 -1
- package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js.map +1 -1
- package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js.map +1 -1
- package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js.map +1 -1
- package/dist/esm/gx-ide-team-dev-update.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-update.entry.js.map +1 -1
- package/dist/esm/gx-ide-template.entry.js +1 -1
- package/dist/esm/gx-ide-template.entry.js.map +1 -1
- package/dist/esm/gx-ide-ww-images.entry.js +1 -1
- package/dist/esm/gx-ide-ww-images.entry.js.map +1 -1
- package/dist/esm/gxg-card_2.entry.js +10 -5
- package/dist/esm/gxg-card_2.entry.js.map +1 -1
- package/dist/esm/gxg-combo-box_2.entry.js +62 -24
- package/dist/esm/gxg-combo-box_2.entry.js.map +1 -1
- package/dist/esm/gxg-list-box_2.entry.js +27 -2
- package/dist/esm/gxg-list-box_2.entry.js.map +1 -1
- package/dist/esm/gxg-menu-item.entry.js +1 -1
- package/dist/esm/gxg-menu-item.entry.js.map +1 -1
- package/dist/esm/gxg-pill.entry.js +5 -5
- package/dist/esm/gxg-pill.entry.js.map +1 -1
- package/dist/esm/gxg-pills.entry.js +1 -1
- package/dist/esm/gxg-pills.entry.js.map +1 -1
- package/dist/esm/gxg-tab_4.entry.js +97 -17
- package/dist/esm/gxg-tab_4.entry.js.map +1 -1
- package/dist/esm/gxg-window-v2.entry.js +24 -0
- package/dist/esm/gxg-window-v2.entry.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +74 -7
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
- package/dist/genexus-ide-ui/icon-assets/mercury/tests/balanza-path.svg +3 -0
- package/dist/genexus-ide-ui/icon-assets/mercury/tests/balanza-stroke.svg +9 -0
- package/dist/genexus-ide-ui/icon-assets/mercury/tests/folder-2.svg +3 -0
- package/dist/genexus-ide-ui/p-05bc4d77.entry.js +598 -0
- package/dist/genexus-ide-ui/p-1346991a.entry.js +232 -0
- package/dist/genexus-ide-ui/p-1346991a.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-b8fc93f4.entry.js → p-2c8afaa6.entry.js} +147 -112
- package/dist/genexus-ide-ui/p-2c8afaa6.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-2e6da0ef.entry.js +236 -0
- package/dist/genexus-ide-ui/p-2e6da0ef.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-8bdaef96.entry.js → p-336ee17f.entry.js} +74 -74
- package/dist/genexus-ide-ui/p-336ee17f.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-382fe6fa.entry.js +331 -0
- package/dist/genexus-ide-ui/p-40d52b2f.entry.js +487 -0
- package/dist/genexus-ide-ui/p-4a5ad686.entry.js +293 -0
- package/dist/genexus-ide-ui/p-4a706d20.entry.js +583 -0
- package/dist/genexus-ide-ui/p-4bd869d3.entry.js +702 -0
- package/dist/genexus-ide-ui/p-4bd869d3.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-5ca84a03.entry.js → p-4e155cd5.entry.js} +27 -4
- package/dist/genexus-ide-ui/p-4e155cd5.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-4fc6d6a7.entry.js +24 -0
- package/dist/genexus-ide-ui/p-4fc6d6a7.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-54e4b362.entry.js +270 -0
- package/dist/genexus-ide-ui/p-54e4b362.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-5507f11d.entry.js +571 -0
- package/dist/genexus-ide-ui/p-5ac58299.entry.js +238 -0
- package/dist/genexus-ide-ui/p-5bce420c.entry.js +187 -0
- package/dist/genexus-ide-ui/p-5ed3968f.entry.js +183 -0
- package/dist/genexus-ide-ui/p-5ed3968f.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-73aa4e69.entry.js → p-71f8aba2.entry.js} +13 -13
- package/dist/genexus-ide-ui/{p-73aa4e69.entry.js.map → p-71f8aba2.entry.js.map} +1 -1
- package/dist/genexus-ide-ui/p-725fe015.entry.js +273 -0
- package/dist/genexus-ide-ui/p-72e5a0db.entry.js +111 -0
- package/dist/genexus-ide-ui/p-784d3d82.entry.js +119 -0
- package/dist/genexus-ide-ui/{p-545291ad.entry.js → p-7dc3a137.entry.js} +4 -3
- package/dist/genexus-ide-ui/{p-545291ad.entry.js.map → p-7dc3a137.entry.js.map} +1 -1
- package/dist/genexus-ide-ui/{p-f186adfd.entry.js → p-85639fa5.entry.js} +100 -22
- package/dist/genexus-ide-ui/p-85639fa5.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-921fc4d4.entry.js +344 -0
- package/dist/genexus-ide-ui/p-9a333c79.entry.js +158 -0
- package/dist/genexus-ide-ui/p-a0180ad9.entry.js +614 -0
- package/dist/genexus-ide-ui/p-b0e539fe.entry.js +41 -0
- package/dist/genexus-ide-ui/p-b0e539fe.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-b25c9d3c.entry.js +472 -0
- package/dist/genexus-ide-ui/p-bddc1a7b.entry.js +305 -0
- package/dist/genexus-ide-ui/p-bf16cfca.entry.js +62 -0
- package/dist/genexus-ide-ui/{p-a439149b.entry.js → p-bff2603a.entry.js} +8 -3
- package/dist/genexus-ide-ui/p-bff2603a.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-d648668d.entry.js +436 -0
- package/dist/genexus-ide-ui/p-e0704caf.entry.js +44 -0
- package/dist/genexus-ide-ui/p-e0d9ab03.entry.js +257 -0
- package/dist/genexus-ide-ui/{p-e585f550.entry.js → p-e3925761.entry.js} +4 -5
- package/dist/genexus-ide-ui/{p-e585f550.entry.js.map → p-e3925761.entry.js.map} +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.css +13 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/pills/pill.css +16 -51
- package/dist/node_modules/@genexus/gemini/dist/collection/components/pills/pills.css +1 -8
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +7 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css +18 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +17 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css +64 -13
- package/dist/node_modules/@genexus/gemini/dist/collection/components/top-state-bar/gxg-top-state-bar.css +120 -43
- package/dist/node_modules/@genexus/gemini/dist/collection/components/window-v2/window.css +3 -0
- package/dist/types/components/_helpers/empty-state/gx-ide-empty-state.d.ts +34 -0
- package/dist/types/components/dashboard-home/dashboard-home.d.ts +8 -5
- package/dist/types/components/import-from-design/import-from-design.d.ts +1 -3
- package/dist/types/components.d.ts +77 -0
- package/package.json +3 -3
- package/dist/cjs/gx-ide-recent-news.cjs.entry.js +0 -113
- package/dist/cjs/gx-ide-recent-news.cjs.entry.js.map +0 -1
- package/dist/cjs/reposition-scroll-86d8fac5.js +0 -33
- package/dist/cjs/reposition-scroll-86d8fac5.js.map +0 -1
- package/dist/components/reposition-scroll.js +0 -31
- package/dist/components/reposition-scroll.js.map +0 -1
- package/dist/esm/gx-ide-recent-news.entry.js +0 -109
- package/dist/esm/gx-ide-recent-news.entry.js.map +0 -1
- package/dist/esm/reposition-scroll-cfff7017.js +0 -31
- package/dist/esm/reposition-scroll-cfff7017.js.map +0 -1
- package/dist/genexus-ide-ui/p-007a3368.entry.js +0 -158
- package/dist/genexus-ide-ui/p-050bc199.entry.js +0 -146
- package/dist/genexus-ide-ui/p-050bc199.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-148ec5e4.entry.js +0 -293
- package/dist/genexus-ide-ui/p-30365c44.entry.js +0 -241
- package/dist/genexus-ide-ui/p-30365c44.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-317e4ff6.entry.js +0 -62
- package/dist/genexus-ide-ui/p-3e87257c.entry.js +0 -41
- package/dist/genexus-ide-ui/p-3e87257c.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-420a2b62.entry.js +0 -598
- package/dist/genexus-ide-ui/p-587f3ba5.entry.js +0 -344
- package/dist/genexus-ide-ui/p-58cad79d.entry.js +0 -712
- package/dist/genexus-ide-ui/p-58cad79d.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-5ba47216.entry.js +0 -305
- package/dist/genexus-ide-ui/p-5ca84a03.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-6397feb4.entry.js +0 -472
- package/dist/genexus-ide-ui/p-66b88b9b.entry.js +0 -614
- package/dist/genexus-ide-ui/p-75f0ba9d.entry.js +0 -273
- package/dist/genexus-ide-ui/p-7d719234.entry.js +0 -187
- package/dist/genexus-ide-ui/p-7fe9374d.entry.js +0 -238
- package/dist/genexus-ide-ui/p-8bdaef96.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-906845cd.entry.js +0 -571
- package/dist/genexus-ide-ui/p-9c6c5a61.entry.js +0 -178
- package/dist/genexus-ide-ui/p-9c6c5a61.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-9e7ea8be.entry.js +0 -44
- package/dist/genexus-ide-ui/p-a2805229.entry.js +0 -331
- package/dist/genexus-ide-ui/p-a3368c79.entry.js +0 -111
- package/dist/genexus-ide-ui/p-a439149b.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-b8fc93f4.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-ca86fe87.entry.js +0 -583
- package/dist/genexus-ide-ui/p-cd0c26a2.entry.js +0 -487
- package/dist/genexus-ide-ui/p-d4d72da2.entry.js +0 -436
- package/dist/genexus-ide-ui/p-e4b63012.entry.js +0 -119
- package/dist/genexus-ide-ui/p-efa273d7.js +0 -27
- package/dist/genexus-ide-ui/p-efa273d7.js.map +0 -1
- package/dist/genexus-ide-ui/p-f186adfd.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-f5034221.entry.js +0 -258
- package/dist/genexus-ide-ui/p-f5034221.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-ff794656.entry.js +0 -257
- /package/dist/genexus-ide-ui/{p-420a2b62.entry.js.map → p-05bc4d77.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-a2805229.entry.js.map → p-382fe6fa.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-cd0c26a2.entry.js.map → p-40d52b2f.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-148ec5e4.entry.js.map → p-4a5ad686.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-ca86fe87.entry.js.map → p-4a706d20.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-906845cd.entry.js.map → p-5507f11d.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-7fe9374d.entry.js.map → p-5ac58299.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-7d719234.entry.js.map → p-5bce420c.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-75f0ba9d.entry.js.map → p-725fe015.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-a3368c79.entry.js.map → p-72e5a0db.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-e4b63012.entry.js.map → p-784d3d82.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-587f3ba5.entry.js.map → p-921fc4d4.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-007a3368.entry.js.map → p-9a333c79.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-66b88b9b.entry.js.map → p-a0180ad9.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-6397feb4.entry.js.map → p-b25c9d3c.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-5ba47216.entry.js.map → p-bddc1a7b.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-317e4ff6.entry.js.map → p-bf16cfca.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-d4d72da2.entry.js.map → p-d648668d.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-9e7ea8be.entry.js.map → p-e0704caf.entry.js.map} +0 -0
- /package/dist/genexus-ide-ui/{p-ff794656.entry.js.map → p-e0d9ab03.entry.js.map} +0 -0
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-faa86ee7.js');
|
|
6
|
-
const locale = require('./locale-bf43b87c.js');
|
|
7
|
-
|
|
8
|
-
const recentNewsCss = ".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}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){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(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;box-shadow:none;height:100%;overflow:hidden;padding-bottom:2px;box-sizing:border-box}.news-container{display:flex;flex-direction:column;gap:var(--gx-ide-articles-gap)}.news-container p:first-child{margin-top:0}.news-container p:last-child{margin-bottom:0}gxg-card.section{height:100% !important;overflow:auto;border-bottom:2px solid var(--gray-00)}gxg-ide-loader::part(loader-wrapper){border-radius:8px;overflow:hidden}.gxg-card-container{height:100%;overflow:auto}.gx-ide-message{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm)}.gx-ide-message--hidden{display:none}gx-ide-title{max-width:250px}.news-article{transition:200ms opacity;opacity:0}.news-article.visible{opacity:1}";
|
|
9
|
-
|
|
10
|
-
const GxIdeRecentNews = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.newsRendered = false;
|
|
14
|
-
this.setTimeOutNewsDelay = 75;
|
|
15
|
-
// 7.LISTENERS //
|
|
16
|
-
// 8.PUBLIC METHODS API //
|
|
17
|
-
// 9.LOCAL METHODS //
|
|
18
|
-
this.evaluateNewsDisplay = () => {
|
|
19
|
-
if (!this.newsRendered &&
|
|
20
|
-
this.news.length > 0 &&
|
|
21
|
-
this.newsContainerEl !== undefined) {
|
|
22
|
-
this.displayNews();
|
|
23
|
-
this.newsRendered = true;
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
this.displayNews = () => {
|
|
27
|
-
if (this.newsContainerEl !== undefined) {
|
|
28
|
-
const news = Array.from(this.newsContainerEl.querySelectorAll("gxg-card"));
|
|
29
|
-
news.forEach(news => {
|
|
30
|
-
setTimeout(() => {
|
|
31
|
-
news.classList.add("visible");
|
|
32
|
-
}, this.setTimeOutNewsDelay);
|
|
33
|
-
this.setTimeOutNewsDelay += 75;
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
this.attachLoaderEvents = () => {
|
|
38
|
-
this.loaderEl.addEventListener("loaderFinished", () => {
|
|
39
|
-
if (this.news.length === 0) {
|
|
40
|
-
this.newsLoadFailed = true;
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
this.newsLoadFailed = false;
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
};
|
|
47
|
-
this.getNews = async () => {
|
|
48
|
-
this.loaderEl.show = true;
|
|
49
|
-
if (this.getNewsCallback) {
|
|
50
|
-
const newsResult = await this.getNewsCallback();
|
|
51
|
-
this.loaderEl.show = false;
|
|
52
|
-
if (newsResult && newsResult.length > 0) {
|
|
53
|
-
this.news = newsResult;
|
|
54
|
-
this.newsLoadFailed = false;
|
|
55
|
-
}
|
|
56
|
-
else {
|
|
57
|
-
this.newsLoadFailed = true;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
this.openNewsHandler = (newsId) => async () => {
|
|
62
|
-
if (this.openNewsCallback) {
|
|
63
|
-
await this.openNewsCallback(newsId);
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
// 9.LOCAL METHODS -> RENDERS //
|
|
67
|
-
this.renderNews = (news) => {
|
|
68
|
-
if (news.id && news.title) {
|
|
69
|
-
return (index.h("gxg-card", { id: news.id, key: news.id, cardType: "article", cardTitle: news.title, icon: "gx-test/test-results", iconColor: "auto", actionable: true, onClick: this.openNewsHandler(news.id), titleSemibold: true, noHeaderBorder: true, class: "news-article" }, news.body ? index.h("p", null, news.body) : null));
|
|
70
|
-
}
|
|
71
|
-
return null;
|
|
72
|
-
};
|
|
73
|
-
this.news = [];
|
|
74
|
-
this.newsLoadFailed = false;
|
|
75
|
-
this.getNewsCallback = undefined;
|
|
76
|
-
this.openNewsCallback = undefined;
|
|
77
|
-
}
|
|
78
|
-
watchNewsHandler() {
|
|
79
|
-
this.displayNews();
|
|
80
|
-
}
|
|
81
|
-
// 5.EVENTS (EMIT) //
|
|
82
|
-
// 6.COMPONENT LIFECYCLE METHODS //
|
|
83
|
-
async componentWillLoad() {
|
|
84
|
-
this._componentLocale = await locale.Locale.getComponentStrings(this.el);
|
|
85
|
-
}
|
|
86
|
-
componentDidLoad() {
|
|
87
|
-
this.getNews();
|
|
88
|
-
this.attachLoaderEvents();
|
|
89
|
-
}
|
|
90
|
-
componentDidRender() {
|
|
91
|
-
this.evaluateNewsDisplay();
|
|
92
|
-
}
|
|
93
|
-
// 10.RENDER() FUNCTION //
|
|
94
|
-
render() {
|
|
95
|
-
var _a;
|
|
96
|
-
return (index.h(index.Host, null, index.h("gxg-card", { class: "section", cardType: "section", cardTitle: this._componentLocale.recentNews.title }, this.news.length > 0 ? (index.h("div", { class: "news-container", ref: el => (this.newsContainerEl = el) }, (_a = this.news) === null || _a === void 0 ? void 0 : _a.map(singleNews => {
|
|
97
|
-
return this.renderNews(singleNews);
|
|
98
|
-
}))) : (index.h("div", { class: {
|
|
99
|
-
"gx-ide-message": true,
|
|
100
|
-
"gx-ide-message--hidden": !this.newsLoadFailed
|
|
101
|
-
} }, index.h("gx-ide-title", { alignment: "center" }, this._componentLocale.recentNews.newsNotFetched), index.h("gxg-button", { onClick: this.getNews }, this._componentLocale.recentNews.tryAgainButtonLabel), index.h("gxg-text", { type: "text-link", href: "https://www.genexus.com/en/news", target: "_blank" }, this._componentLocale.recentNews.readThemOnline)))), index.h("gxg-ide-loader", { abortTime: 8000, container: this.el, loaderTitle: this._componentLocale.loader.title, description: "Hang on please", ref: el => (this.loaderEl = el) })));
|
|
102
|
-
}
|
|
103
|
-
static get assetsDirs() { return ["gx-ide-assets/recent-news"]; }
|
|
104
|
-
get el() { return index.getElement(this); }
|
|
105
|
-
static get watchers() { return {
|
|
106
|
-
"news": ["watchNewsHandler"]
|
|
107
|
-
}; }
|
|
108
|
-
};
|
|
109
|
-
GxIdeRecentNews.style = recentNewsCss;
|
|
110
|
-
|
|
111
|
-
exports.gx_ide_recent_news = GxIdeRecentNews;
|
|
112
|
-
|
|
113
|
-
//# sourceMappingURL=gx-ide-recent-news.cjs.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"gx-ide-recent-news.entry.cjs.js","mappings":"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","names":["h","Locale","Host"],"sources":["src/components/start-page/recent-news.scss?tag=gx-ide-recent-news&encapsulation=shadow","src/components/start-page/recent-news.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n display: block;\n box-shadow: none;\n height: 100%;\n overflow: hidden;\n padding-bottom: 2px;\n box-sizing: border-box;\n}\n.news-container {\n display: flex;\n flex-direction: column;\n gap: var(--gx-ide-articles-gap);\n p:first-child {\n margin-top: 0;\n }\n p:last-child {\n margin-bottom: 0;\n }\n}\ngxg-card.section {\n height: 100% !important;\n overflow: auto;\n border-bottom: 2px solid var(--gray-00);\n}\ngxg-ide-loader::part(loader-wrapper) {\n border-radius: 8px;\n overflow: hidden;\n}\n.gxg-card-container {\n height: 100%;\n overflow: auto;\n}\n.gx-ide-message {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: var(--mer-spacing--sm);\n\n &--hidden {\n display: none;\n }\n}\ngx-ide-title {\n max-width: 250px;\n}\n.news-article {\n transition: 200ms opacity;\n opacity: 0;\n\n &.visible {\n opacity: 1;\n }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { NewsData, GetNewsCallback, OpenNewsCallback } from \"./start-page\";\n\n@Component({\n tag: \"gx-ide-recent-news\",\n styleUrl: \"recent-news.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/recent-news\"]\n})\nexport class GxIdeRecentNews {\n /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n // 1.OWN PROPERTIES //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeRecentNewsElement;\n private loaderEl!: HTMLGxgIdeLoaderElement;\n private newsContainerEl: HTMLDivElement;\n private newsRendered = false;\n private setTimeOutNewsDelay = 75;\n\n // 3.STATE() VARIABLES //\n\n /**\n * The list of news\n */\n @State() news: NewsData[] = [];\n @Watch(\"news\")\n watchNewsHandler() {\n this.displayNews();\n }\n\n /**\n * True if news couldn't be loaded\n */\n @State() newsLoadFailed = false;\n\n // 4.PUBLIC PROPERTY API | WATCH'S //\n\n /**\n * Callback invoked to load the news feed (right panel \"Recent News\").\n */\n @Prop() readonly getNewsCallback: GetNewsCallback;\n\n /**\n * Callback invoked to open a news article.\n */\n @Prop() readonly openNewsCallback: OpenNewsCallback;\n\n // 5.EVENTS (EMIT) //\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidLoad() {\n this.getNews();\n this.attachLoaderEvents();\n }\n\n componentDidRender() {\n this.evaluateNewsDisplay();\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private evaluateNewsDisplay = () => {\n if (\n !this.newsRendered &&\n this.news.length > 0 &&\n this.newsContainerEl !== undefined\n ) {\n this.displayNews();\n this.newsRendered = true;\n }\n };\n\n private displayNews = () => {\n if (this.newsContainerEl !== undefined) {\n const news = Array.from(\n this.newsContainerEl.querySelectorAll(\"gxg-card\")\n );\n news.forEach(news => {\n setTimeout(() => {\n news.classList.add(\"visible\");\n }, this.setTimeOutNewsDelay);\n this.setTimeOutNewsDelay += 75;\n });\n }\n };\n\n private attachLoaderEvents = () => {\n this.loaderEl.addEventListener(\"loaderFinished\", () => {\n if (this.news.length === 0) {\n this.newsLoadFailed = true;\n } else {\n this.newsLoadFailed = false;\n }\n });\n };\n\n private getNews = async () => {\n this.loaderEl.show = true;\n if (this.getNewsCallback) {\n const newsResult = await this.getNewsCallback();\n this.loaderEl.show = false;\n if (newsResult && newsResult.length > 0) {\n this.news = newsResult;\n this.newsLoadFailed = false;\n } else {\n this.newsLoadFailed = true;\n }\n }\n };\n\n private openNewsHandler = (newsId: string) => async () => {\n if (this.openNewsCallback) {\n await this.openNewsCallback(newsId);\n }\n };\n\n // 9.LOCAL METHODS -> RENDERS //\n\n private renderNews = (news: NewsData): HTMLGxgCardElement | null => {\n if (news.id && news.title) {\n return (\n <gxg-card\n id={news.id}\n key={news.id}\n cardType=\"article\"\n cardTitle={news.title}\n icon=\"gx-test/test-results\"\n iconColor=\"auto\"\n actionable\n onClick={this.openNewsHandler(news.id)}\n titleSemibold\n noHeaderBorder\n class=\"news-article\"\n >\n {news.body ? <p>{news.body}</p> : null}\n </gxg-card>\n );\n }\n return null;\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host>\n <gxg-card\n class=\"section\"\n cardType=\"section\"\n cardTitle={this._componentLocale.recentNews.title}\n >\n {this.news.length > 0 ? (\n <div\n class=\"news-container\"\n ref={el => (this.newsContainerEl = el as HTMLDivElement)}\n >\n {this.news?.map(singleNews => {\n return this.renderNews(singleNews);\n })}\n </div>\n ) : (\n <div\n class={{\n \"gx-ide-message\": true,\n \"gx-ide-message--hidden\": !this.newsLoadFailed\n }}\n >\n <gx-ide-title alignment=\"center\">\n {this._componentLocale.recentNews.newsNotFetched}\n </gx-ide-title>\n <gxg-button onClick={this.getNews}>\n {this._componentLocale.recentNews.tryAgainButtonLabel}\n </gxg-button>\n <gxg-text\n type=\"text-link\"\n href=\"https://www.genexus.com/en/news\"\n target=\"_blank\"\n >\n {this._componentLocale.recentNews.readThemOnline}\n </gxg-text>\n </div>\n )}\n </gxg-card>\n <gxg-ide-loader\n abortTime={8000}\n container={this.el}\n loaderTitle={this._componentLocale.loader.title}\n description=\"Hang on please\"\n ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n ></gxg-ide-loader>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const types = require('./types-36efe32d.js');
|
|
4
|
-
|
|
5
|
-
const repositionScroll = (scollableElementRef, activeItem, direction) => {
|
|
6
|
-
const scrollableElement = scollableElementRef;
|
|
7
|
-
const hasVerticalScrollbar = scrollableElement?.scrollHeight > scrollableElement?.clientHeight;
|
|
8
|
-
if (hasVerticalScrollbar && activeItem) {
|
|
9
|
-
const scrollableElementScrollTop = scrollableElement.scrollTop;
|
|
10
|
-
if (direction === types.KeyboardKeys.ARROW_UP) {
|
|
11
|
-
const scrollableElementTop = scrollableElement.getBoundingClientRect()
|
|
12
|
-
.top;
|
|
13
|
-
const selectedItemTop = activeItem.getBoundingClientRect().top;
|
|
14
|
-
if (selectedItemTop < scrollableElementTop) {
|
|
15
|
-
const offset = scrollableElementTop - selectedItemTop;
|
|
16
|
-
scrollableElement.scrollTo(0, scrollableElementScrollTop - offset);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
else if (direction === types.KeyboardKeys.ARROW_DOWN) {
|
|
20
|
-
const scrollableElementBottom = scrollableElement.getBoundingClientRect()
|
|
21
|
-
.bottom;
|
|
22
|
-
const selectedItemBottom = activeItem.getBoundingClientRect().bottom;
|
|
23
|
-
if (selectedItemBottom > scrollableElementBottom) {
|
|
24
|
-
const offset = selectedItemBottom - scrollableElementBottom;
|
|
25
|
-
scrollableElement.scrollTo(0, scrollableElementScrollTop + offset);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
exports.repositionScroll = repositionScroll;
|
|
32
|
-
|
|
33
|
-
//# sourceMappingURL=reposition-scroll-86d8fac5.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"reposition-scroll-86d8fac5.js","mappings":";;;;AACY,MAAC,gBAAgB,GAAG,CAAC,mBAAmB,EAAE,UAAU,EAAE,SAAS,KAAK;AAChF,IAAI,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAClD,IAAI,MAAM,oBAAoB,GAAG,iBAAiB,EAAE,YAAY,GAAG,iBAAiB,EAAE,YAAY,CAAC;AACnG,IAAI,IAAI,oBAAoB,IAAI,UAAU,EAAE;AAC5C,QAAQ,MAAM,0BAA0B,GAAG,iBAAiB,CAAC,SAAS,CAAC;AACvE,QAAQ,IAAI,SAAS,KAAKA,kBAAE,CAAC,QAAQ,EAAE;AACvC,YAAY,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE;AAClF,iBAAiB,GAAG,CAAC;AACrB,YAAY,MAAM,eAAe,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;AAC3E,YAAY,IAAI,eAAe,GAAG,oBAAoB,EAAE;AACxD,gBAAgB,MAAM,MAAM,GAAG,oBAAoB,GAAG,eAAe,CAAC;AACtE,gBAAgB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,0BAA0B,GAAG,MAAM,CAAC,CAAC;AACnF,aAAa;AACb,SAAS;AACT,aAAa,IAAI,SAAS,KAAKA,kBAAE,CAAC,UAAU,EAAE;AAC9C,YAAY,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE;AACrF,iBAAiB,MAAM,CAAC;AACxB,YAAY,MAAM,kBAAkB,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;AACjF,YAAY,IAAI,kBAAkB,GAAG,uBAAuB,EAAE;AAC9D,gBAAgB,MAAM,MAAM,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAC5E,gBAAgB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,0BAA0B,GAAG,MAAM,CAAC,CAAC;AACnF,aAAa;AACb,SAAS;AACT,KAAK;AACL;;;;","names":["KK"],"sources":["node_modules/@genexus/gemini/dist/collection/common/reposition-scroll.js"],"sourcesContent":["import { KeyboardKeys as KK } from \"./types\";\nexport const repositionScroll = (scollableElementRef, activeItem, direction) => {\n const scrollableElement = scollableElementRef;\n const hasVerticalScrollbar = scrollableElement?.scrollHeight > scrollableElement?.clientHeight;\n if (hasVerticalScrollbar && activeItem) {\n const scrollableElementScrollTop = scrollableElement.scrollTop;\n if (direction === KK.ARROW_UP) {\n const scrollableElementTop = scrollableElement.getBoundingClientRect()\n .top;\n const selectedItemTop = activeItem.getBoundingClientRect().top;\n if (selectedItemTop < scrollableElementTop) {\n const offset = scrollableElementTop - selectedItemTop;\n scrollableElement.scrollTo(0, scrollableElementScrollTop - offset);\n }\n }\n else if (direction === KK.ARROW_DOWN) {\n const scrollableElementBottom = scrollableElement.getBoundingClientRect()\n .bottom;\n const selectedItemBottom = activeItem.getBoundingClientRect().bottom;\n if (selectedItemBottom > scrollableElementBottom) {\n const offset = selectedItemBottom - scrollableElementBottom;\n scrollableElement.scrollTo(0, scrollableElementScrollTop + offset);\n }\n }\n }\n};\n//# sourceMappingURL=reposition-scroll.js.map\n"],"version":3}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { K as KeyboardKeys } from './types.js';
|
|
2
|
-
|
|
3
|
-
const repositionScroll = (scollableElementRef, activeItem, direction) => {
|
|
4
|
-
const scrollableElement = scollableElementRef;
|
|
5
|
-
const hasVerticalScrollbar = scrollableElement?.scrollHeight > scrollableElement?.clientHeight;
|
|
6
|
-
if (hasVerticalScrollbar && activeItem) {
|
|
7
|
-
const scrollableElementScrollTop = scrollableElement.scrollTop;
|
|
8
|
-
if (direction === KeyboardKeys.ARROW_UP) {
|
|
9
|
-
const scrollableElementTop = scrollableElement.getBoundingClientRect()
|
|
10
|
-
.top;
|
|
11
|
-
const selectedItemTop = activeItem.getBoundingClientRect().top;
|
|
12
|
-
if (selectedItemTop < scrollableElementTop) {
|
|
13
|
-
const offset = scrollableElementTop - selectedItemTop;
|
|
14
|
-
scrollableElement.scrollTo(0, scrollableElementScrollTop - offset);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
else if (direction === KeyboardKeys.ARROW_DOWN) {
|
|
18
|
-
const scrollableElementBottom = scrollableElement.getBoundingClientRect()
|
|
19
|
-
.bottom;
|
|
20
|
-
const selectedItemBottom = activeItem.getBoundingClientRect().bottom;
|
|
21
|
-
if (selectedItemBottom > scrollableElementBottom) {
|
|
22
|
-
const offset = selectedItemBottom - scrollableElementBottom;
|
|
23
|
-
scrollableElement.scrollTo(0, scrollableElementScrollTop + offset);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export { repositionScroll as r };
|
|
30
|
-
|
|
31
|
-
//# sourceMappingURL=reposition-scroll.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"reposition-scroll.js","mappings":";;AACY,MAAC,gBAAgB,GAAG,CAAC,mBAAmB,EAAE,UAAU,EAAE,SAAS,KAAK;AAChF,IAAI,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAClD,IAAI,MAAM,oBAAoB,GAAG,iBAAiB,EAAE,YAAY,GAAG,iBAAiB,EAAE,YAAY,CAAC;AACnG,IAAI,IAAI,oBAAoB,IAAI,UAAU,EAAE;AAC5C,QAAQ,MAAM,0BAA0B,GAAG,iBAAiB,CAAC,SAAS,CAAC;AACvE,QAAQ,IAAI,SAAS,KAAKA,YAAE,CAAC,QAAQ,EAAE;AACvC,YAAY,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE;AAClF,iBAAiB,GAAG,CAAC;AACrB,YAAY,MAAM,eAAe,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;AAC3E,YAAY,IAAI,eAAe,GAAG,oBAAoB,EAAE;AACxD,gBAAgB,MAAM,MAAM,GAAG,oBAAoB,GAAG,eAAe,CAAC;AACtE,gBAAgB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,0BAA0B,GAAG,MAAM,CAAC,CAAC;AACnF,aAAa;AACb,SAAS;AACT,aAAa,IAAI,SAAS,KAAKA,YAAE,CAAC,UAAU,EAAE;AAC9C,YAAY,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE;AACrF,iBAAiB,MAAM,CAAC;AACxB,YAAY,MAAM,kBAAkB,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;AACjF,YAAY,IAAI,kBAAkB,GAAG,uBAAuB,EAAE;AAC9D,gBAAgB,MAAM,MAAM,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAC5E,gBAAgB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,0BAA0B,GAAG,MAAM,CAAC,CAAC;AACnF,aAAa;AACb,SAAS;AACT,KAAK;AACL;;;;","names":["KK"],"sources":["node_modules/@genexus/gemini/dist/collection/common/reposition-scroll.js"],"sourcesContent":["import { KeyboardKeys as KK } from \"./types\";\nexport const repositionScroll = (scollableElementRef, activeItem, direction) => {\n const scrollableElement = scollableElementRef;\n const hasVerticalScrollbar = scrollableElement?.scrollHeight > scrollableElement?.clientHeight;\n if (hasVerticalScrollbar && activeItem) {\n const scrollableElementScrollTop = scrollableElement.scrollTop;\n if (direction === KK.ARROW_UP) {\n const scrollableElementTop = scrollableElement.getBoundingClientRect()\n .top;\n const selectedItemTop = activeItem.getBoundingClientRect().top;\n if (selectedItemTop < scrollableElementTop) {\n const offset = scrollableElementTop - selectedItemTop;\n scrollableElement.scrollTo(0, scrollableElementScrollTop - offset);\n }\n }\n else if (direction === KK.ARROW_DOWN) {\n const scrollableElementBottom = scrollableElement.getBoundingClientRect()\n .bottom;\n const selectedItemBottom = activeItem.getBoundingClientRect().bottom;\n if (selectedItemBottom > scrollableElementBottom) {\n const offset = selectedItemBottom - scrollableElementBottom;\n scrollableElement.scrollTo(0, scrollableElementScrollTop + offset);\n }\n }\n }\n};\n//# sourceMappingURL=reposition-scroll.js.map\n"],"version":3}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-f010c1e9.js';
|
|
2
|
-
import { L as Locale } from './locale-3c32f251.js';
|
|
3
|
-
|
|
4
|
-
const recentNewsCss = ".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}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){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(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;box-shadow:none;height:100%;overflow:hidden;padding-bottom:2px;box-sizing:border-box}.news-container{display:flex;flex-direction:column;gap:var(--gx-ide-articles-gap)}.news-container p:first-child{margin-top:0}.news-container p:last-child{margin-bottom:0}gxg-card.section{height:100% !important;overflow:auto;border-bottom:2px solid var(--gray-00)}gxg-ide-loader::part(loader-wrapper){border-radius:8px;overflow:hidden}.gxg-card-container{height:100%;overflow:auto}.gx-ide-message{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm)}.gx-ide-message--hidden{display:none}gx-ide-title{max-width:250px}.news-article{transition:200ms opacity;opacity:0}.news-article.visible{opacity:1}";
|
|
5
|
-
|
|
6
|
-
const GxIdeRecentNews = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.newsRendered = false;
|
|
10
|
-
this.setTimeOutNewsDelay = 75;
|
|
11
|
-
// 7.LISTENERS //
|
|
12
|
-
// 8.PUBLIC METHODS API //
|
|
13
|
-
// 9.LOCAL METHODS //
|
|
14
|
-
this.evaluateNewsDisplay = () => {
|
|
15
|
-
if (!this.newsRendered &&
|
|
16
|
-
this.news.length > 0 &&
|
|
17
|
-
this.newsContainerEl !== undefined) {
|
|
18
|
-
this.displayNews();
|
|
19
|
-
this.newsRendered = true;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
this.displayNews = () => {
|
|
23
|
-
if (this.newsContainerEl !== undefined) {
|
|
24
|
-
const news = Array.from(this.newsContainerEl.querySelectorAll("gxg-card"));
|
|
25
|
-
news.forEach(news => {
|
|
26
|
-
setTimeout(() => {
|
|
27
|
-
news.classList.add("visible");
|
|
28
|
-
}, this.setTimeOutNewsDelay);
|
|
29
|
-
this.setTimeOutNewsDelay += 75;
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
this.attachLoaderEvents = () => {
|
|
34
|
-
this.loaderEl.addEventListener("loaderFinished", () => {
|
|
35
|
-
if (this.news.length === 0) {
|
|
36
|
-
this.newsLoadFailed = true;
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
this.newsLoadFailed = false;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
this.getNews = async () => {
|
|
44
|
-
this.loaderEl.show = true;
|
|
45
|
-
if (this.getNewsCallback) {
|
|
46
|
-
const newsResult = await this.getNewsCallback();
|
|
47
|
-
this.loaderEl.show = false;
|
|
48
|
-
if (newsResult && newsResult.length > 0) {
|
|
49
|
-
this.news = newsResult;
|
|
50
|
-
this.newsLoadFailed = false;
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
this.newsLoadFailed = true;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
this.openNewsHandler = (newsId) => async () => {
|
|
58
|
-
if (this.openNewsCallback) {
|
|
59
|
-
await this.openNewsCallback(newsId);
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
// 9.LOCAL METHODS -> RENDERS //
|
|
63
|
-
this.renderNews = (news) => {
|
|
64
|
-
if (news.id && news.title) {
|
|
65
|
-
return (h("gxg-card", { id: news.id, key: news.id, cardType: "article", cardTitle: news.title, icon: "gx-test/test-results", iconColor: "auto", actionable: true, onClick: this.openNewsHandler(news.id), titleSemibold: true, noHeaderBorder: true, class: "news-article" }, news.body ? h("p", null, news.body) : null));
|
|
66
|
-
}
|
|
67
|
-
return null;
|
|
68
|
-
};
|
|
69
|
-
this.news = [];
|
|
70
|
-
this.newsLoadFailed = false;
|
|
71
|
-
this.getNewsCallback = undefined;
|
|
72
|
-
this.openNewsCallback = undefined;
|
|
73
|
-
}
|
|
74
|
-
watchNewsHandler() {
|
|
75
|
-
this.displayNews();
|
|
76
|
-
}
|
|
77
|
-
// 5.EVENTS (EMIT) //
|
|
78
|
-
// 6.COMPONENT LIFECYCLE METHODS //
|
|
79
|
-
async componentWillLoad() {
|
|
80
|
-
this._componentLocale = await Locale.getComponentStrings(this.el);
|
|
81
|
-
}
|
|
82
|
-
componentDidLoad() {
|
|
83
|
-
this.getNews();
|
|
84
|
-
this.attachLoaderEvents();
|
|
85
|
-
}
|
|
86
|
-
componentDidRender() {
|
|
87
|
-
this.evaluateNewsDisplay();
|
|
88
|
-
}
|
|
89
|
-
// 10.RENDER() FUNCTION //
|
|
90
|
-
render() {
|
|
91
|
-
var _a;
|
|
92
|
-
return (h(Host, null, h("gxg-card", { class: "section", cardType: "section", cardTitle: this._componentLocale.recentNews.title }, this.news.length > 0 ? (h("div", { class: "news-container", ref: el => (this.newsContainerEl = el) }, (_a = this.news) === null || _a === void 0 ? void 0 : _a.map(singleNews => {
|
|
93
|
-
return this.renderNews(singleNews);
|
|
94
|
-
}))) : (h("div", { class: {
|
|
95
|
-
"gx-ide-message": true,
|
|
96
|
-
"gx-ide-message--hidden": !this.newsLoadFailed
|
|
97
|
-
} }, h("gx-ide-title", { alignment: "center" }, this._componentLocale.recentNews.newsNotFetched), h("gxg-button", { onClick: this.getNews }, this._componentLocale.recentNews.tryAgainButtonLabel), h("gxg-text", { type: "text-link", href: "https://www.genexus.com/en/news", target: "_blank" }, this._componentLocale.recentNews.readThemOnline)))), h("gxg-ide-loader", { abortTime: 8000, container: this.el, loaderTitle: this._componentLocale.loader.title, description: "Hang on please", ref: el => (this.loaderEl = el) })));
|
|
98
|
-
}
|
|
99
|
-
static get assetsDirs() { return ["gx-ide-assets/recent-news"]; }
|
|
100
|
-
get el() { return getElement(this); }
|
|
101
|
-
static get watchers() { return {
|
|
102
|
-
"news": ["watchNewsHandler"]
|
|
103
|
-
}; }
|
|
104
|
-
};
|
|
105
|
-
GxIdeRecentNews.style = recentNewsCss;
|
|
106
|
-
|
|
107
|
-
export { GxIdeRecentNews as gx_ide_recent_news };
|
|
108
|
-
|
|
109
|
-
//# sourceMappingURL=gx-ide-recent-news.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"gx-ide-recent-news.entry.js","mappings":"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","names":[],"sources":["src/components/start-page/recent-news.scss?tag=gx-ide-recent-news&encapsulation=shadow","src/components/start-page/recent-news.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n display: block;\n box-shadow: none;\n height: 100%;\n overflow: hidden;\n padding-bottom: 2px;\n box-sizing: border-box;\n}\n.news-container {\n display: flex;\n flex-direction: column;\n gap: var(--gx-ide-articles-gap);\n p:first-child {\n margin-top: 0;\n }\n p:last-child {\n margin-bottom: 0;\n }\n}\ngxg-card.section {\n height: 100% !important;\n overflow: auto;\n border-bottom: 2px solid var(--gray-00);\n}\ngxg-ide-loader::part(loader-wrapper) {\n border-radius: 8px;\n overflow: hidden;\n}\n.gxg-card-container {\n height: 100%;\n overflow: auto;\n}\n.gx-ide-message {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: var(--mer-spacing--sm);\n\n &--hidden {\n display: none;\n }\n}\ngx-ide-title {\n max-width: 250px;\n}\n.news-article {\n transition: 200ms opacity;\n opacity: 0;\n\n &.visible {\n opacity: 1;\n }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { NewsData, GetNewsCallback, OpenNewsCallback } from \"./start-page\";\n\n@Component({\n tag: \"gx-ide-recent-news\",\n styleUrl: \"recent-news.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/recent-news\"]\n})\nexport class GxIdeRecentNews {\n /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n // 1.OWN PROPERTIES //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeRecentNewsElement;\n private loaderEl!: HTMLGxgIdeLoaderElement;\n private newsContainerEl: HTMLDivElement;\n private newsRendered = false;\n private setTimeOutNewsDelay = 75;\n\n // 3.STATE() VARIABLES //\n\n /**\n * The list of news\n */\n @State() news: NewsData[] = [];\n @Watch(\"news\")\n watchNewsHandler() {\n this.displayNews();\n }\n\n /**\n * True if news couldn't be loaded\n */\n @State() newsLoadFailed = false;\n\n // 4.PUBLIC PROPERTY API | WATCH'S //\n\n /**\n * Callback invoked to load the news feed (right panel \"Recent News\").\n */\n @Prop() readonly getNewsCallback: GetNewsCallback;\n\n /**\n * Callback invoked to open a news article.\n */\n @Prop() readonly openNewsCallback: OpenNewsCallback;\n\n // 5.EVENTS (EMIT) //\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidLoad() {\n this.getNews();\n this.attachLoaderEvents();\n }\n\n componentDidRender() {\n this.evaluateNewsDisplay();\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private evaluateNewsDisplay = () => {\n if (\n !this.newsRendered &&\n this.news.length > 0 &&\n this.newsContainerEl !== undefined\n ) {\n this.displayNews();\n this.newsRendered = true;\n }\n };\n\n private displayNews = () => {\n if (this.newsContainerEl !== undefined) {\n const news = Array.from(\n this.newsContainerEl.querySelectorAll(\"gxg-card\")\n );\n news.forEach(news => {\n setTimeout(() => {\n news.classList.add(\"visible\");\n }, this.setTimeOutNewsDelay);\n this.setTimeOutNewsDelay += 75;\n });\n }\n };\n\n private attachLoaderEvents = () => {\n this.loaderEl.addEventListener(\"loaderFinished\", () => {\n if (this.news.length === 0) {\n this.newsLoadFailed = true;\n } else {\n this.newsLoadFailed = false;\n }\n });\n };\n\n private getNews = async () => {\n this.loaderEl.show = true;\n if (this.getNewsCallback) {\n const newsResult = await this.getNewsCallback();\n this.loaderEl.show = false;\n if (newsResult && newsResult.length > 0) {\n this.news = newsResult;\n this.newsLoadFailed = false;\n } else {\n this.newsLoadFailed = true;\n }\n }\n };\n\n private openNewsHandler = (newsId: string) => async () => {\n if (this.openNewsCallback) {\n await this.openNewsCallback(newsId);\n }\n };\n\n // 9.LOCAL METHODS -> RENDERS //\n\n private renderNews = (news: NewsData): HTMLGxgCardElement | null => {\n if (news.id && news.title) {\n return (\n <gxg-card\n id={news.id}\n key={news.id}\n cardType=\"article\"\n cardTitle={news.title}\n icon=\"gx-test/test-results\"\n iconColor=\"auto\"\n actionable\n onClick={this.openNewsHandler(news.id)}\n titleSemibold\n noHeaderBorder\n class=\"news-article\"\n >\n {news.body ? <p>{news.body}</p> : null}\n </gxg-card>\n );\n }\n return null;\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host>\n <gxg-card\n class=\"section\"\n cardType=\"section\"\n cardTitle={this._componentLocale.recentNews.title}\n >\n {this.news.length > 0 ? (\n <div\n class=\"news-container\"\n ref={el => (this.newsContainerEl = el as HTMLDivElement)}\n >\n {this.news?.map(singleNews => {\n return this.renderNews(singleNews);\n })}\n </div>\n ) : (\n <div\n class={{\n \"gx-ide-message\": true,\n \"gx-ide-message--hidden\": !this.newsLoadFailed\n }}\n >\n <gx-ide-title alignment=\"center\">\n {this._componentLocale.recentNews.newsNotFetched}\n </gx-ide-title>\n <gxg-button onClick={this.getNews}>\n {this._componentLocale.recentNews.tryAgainButtonLabel}\n </gxg-button>\n <gxg-text\n type=\"text-link\"\n href=\"https://www.genexus.com/en/news\"\n target=\"_blank\"\n >\n {this._componentLocale.recentNews.readThemOnline}\n </gxg-text>\n </div>\n )}\n </gxg-card>\n <gxg-ide-loader\n abortTime={8000}\n container={this.el}\n loaderTitle={this._componentLocale.loader.title}\n description=\"Hang on please\"\n ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n ></gxg-ide-loader>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { K as KeyboardKeys } from './types-cd4ed472.js';
|
|
2
|
-
|
|
3
|
-
const repositionScroll = (scollableElementRef, activeItem, direction) => {
|
|
4
|
-
const scrollableElement = scollableElementRef;
|
|
5
|
-
const hasVerticalScrollbar = scrollableElement?.scrollHeight > scrollableElement?.clientHeight;
|
|
6
|
-
if (hasVerticalScrollbar && activeItem) {
|
|
7
|
-
const scrollableElementScrollTop = scrollableElement.scrollTop;
|
|
8
|
-
if (direction === KeyboardKeys.ARROW_UP) {
|
|
9
|
-
const scrollableElementTop = scrollableElement.getBoundingClientRect()
|
|
10
|
-
.top;
|
|
11
|
-
const selectedItemTop = activeItem.getBoundingClientRect().top;
|
|
12
|
-
if (selectedItemTop < scrollableElementTop) {
|
|
13
|
-
const offset = scrollableElementTop - selectedItemTop;
|
|
14
|
-
scrollableElement.scrollTo(0, scrollableElementScrollTop - offset);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
else if (direction === KeyboardKeys.ARROW_DOWN) {
|
|
18
|
-
const scrollableElementBottom = scrollableElement.getBoundingClientRect()
|
|
19
|
-
.bottom;
|
|
20
|
-
const selectedItemBottom = activeItem.getBoundingClientRect().bottom;
|
|
21
|
-
if (selectedItemBottom > scrollableElementBottom) {
|
|
22
|
-
const offset = selectedItemBottom - scrollableElementBottom;
|
|
23
|
-
scrollableElement.scrollTo(0, scrollableElementScrollTop + offset);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export { repositionScroll as r };
|
|
30
|
-
|
|
31
|
-
//# sourceMappingURL=reposition-scroll-cfff7017.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"reposition-scroll-cfff7017.js","mappings":";;AACY,MAAC,gBAAgB,GAAG,CAAC,mBAAmB,EAAE,UAAU,EAAE,SAAS,KAAK;AAChF,IAAI,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAClD,IAAI,MAAM,oBAAoB,GAAG,iBAAiB,EAAE,YAAY,GAAG,iBAAiB,EAAE,YAAY,CAAC;AACnG,IAAI,IAAI,oBAAoB,IAAI,UAAU,EAAE;AAC5C,QAAQ,MAAM,0BAA0B,GAAG,iBAAiB,CAAC,SAAS,CAAC;AACvE,QAAQ,IAAI,SAAS,KAAKA,YAAE,CAAC,QAAQ,EAAE;AACvC,YAAY,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE;AAClF,iBAAiB,GAAG,CAAC;AACrB,YAAY,MAAM,eAAe,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;AAC3E,YAAY,IAAI,eAAe,GAAG,oBAAoB,EAAE;AACxD,gBAAgB,MAAM,MAAM,GAAG,oBAAoB,GAAG,eAAe,CAAC;AACtE,gBAAgB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,0BAA0B,GAAG,MAAM,CAAC,CAAC;AACnF,aAAa;AACb,SAAS;AACT,aAAa,IAAI,SAAS,KAAKA,YAAE,CAAC,UAAU,EAAE;AAC9C,YAAY,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE;AACrF,iBAAiB,MAAM,CAAC;AACxB,YAAY,MAAM,kBAAkB,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;AACjF,YAAY,IAAI,kBAAkB,GAAG,uBAAuB,EAAE;AAC9D,gBAAgB,MAAM,MAAM,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAC5E,gBAAgB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,0BAA0B,GAAG,MAAM,CAAC,CAAC;AACnF,aAAa;AACb,SAAS;AACT,KAAK;AACL;;;;","names":["KK"],"sources":["node_modules/@genexus/gemini/dist/collection/common/reposition-scroll.js"],"sourcesContent":["import { KeyboardKeys as KK } from \"./types\";\nexport const repositionScroll = (scollableElementRef, activeItem, direction) => {\n const scrollableElement = scollableElementRef;\n const hasVerticalScrollbar = scrollableElement?.scrollHeight > scrollableElement?.clientHeight;\n if (hasVerticalScrollbar && activeItem) {\n const scrollableElementScrollTop = scrollableElement.scrollTop;\n if (direction === KK.ARROW_UP) {\n const scrollableElementTop = scrollableElement.getBoundingClientRect()\n .top;\n const selectedItemTop = activeItem.getBoundingClientRect().top;\n if (selectedItemTop < scrollableElementTop) {\n const offset = scrollableElementTop - selectedItemTop;\n scrollableElement.scrollTo(0, scrollableElementScrollTop - offset);\n }\n }\n else if (direction === KK.ARROW_DOWN) {\n const scrollableElementBottom = scrollableElement.getBoundingClientRect()\n .bottom;\n const selectedItemBottom = activeItem.getBoundingClientRect().bottom;\n if (selectedItemBottom > scrollableElementBottom) {\n const offset = selectedItemBottom - scrollableElementBottom;\n scrollableElement.scrollTo(0, scrollableElementScrollTop + offset);\n }\n }\n }\n};\n//# sourceMappingURL=reposition-scroll.js.map\n"],"version":3}
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
import { r as e, c as r, a, h as i, H as t, g as o } from "./p-2776d2f9.js";
|
|
2
|
-
|
|
3
|
-
import { L as s } from "./p-74d59062.js";
|
|
4
|
-
|
|
5
|
-
import { c as l } from "./p-9c1b4eb9.js";
|
|
6
|
-
|
|
7
|
-
import { f as n } from "./p-e8646b08.js";
|
|
8
|
-
|
|
9
|
-
import { r as d } from "./p-4cfc2a85.js";
|
|
10
|
-
|
|
11
|
-
const g = '.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}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){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(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.main{display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr;grid-template-areas:"kb-label kb-input " "server-label server-input" "auth-type-label auth-type-input" "user-name-label user-name-input" "password-label password-input"}.main .kb-name-label{grid-area:kb-label}.main .kb-input{grid-area:kb-input}.main .server-url-label{grid-area:server-label}.main .server-url-input{grid-area:server-input}.main .auth-type-label{grid-area:auth-type-label}.main .auth-type-input{grid-area:auth-type-input}.main .user-name-label{grid-area:user-name-label}.main .user-name-input{grid-area:user-name-input}.main .password-label{grid-area:password-label}.main .password-input{grid-area:password-input}';
|
|
12
|
-
|
|
13
|
-
// Define your constants
|
|
14
|
-
const p = [ "GeneXus Account", "Local" ];
|
|
15
|
-
|
|
16
|
-
const c = class {
|
|
17
|
-
constructor(i) {
|
|
18
|
-
e(this, i);
|
|
19
|
-
this.componentDidRenderFirstTime = r(this, "componentDidRenderFirstTime", 7);
|
|
20
|
-
this.renderedFirstTime = false;
|
|
21
|
-
this.shortcutsSrc = a(`./gx-ide-assets/share-kb/shortcuts.json`);
|
|
22
|
-
// 7.LISTENERS //
|
|
23
|
-
// 8.PUBLIC METHODS API //
|
|
24
|
-
this.createKBCallbackHandler = async () => {
|
|
25
|
-
const e = {
|
|
26
|
-
name: this.kbNameEl.value,
|
|
27
|
-
serverUrl: this.serverUrlEl.value,
|
|
28
|
-
authenticationType: this.authTypeEl.value,
|
|
29
|
-
user: this.userNameEl.value,
|
|
30
|
-
password: this.passwordEl.value
|
|
31
|
-
};
|
|
32
|
-
const r = this.createKBCallback(e);
|
|
33
|
-
r.then((e => {
|
|
34
|
-
n(e, this);
|
|
35
|
-
}));
|
|
36
|
-
};
|
|
37
|
-
this.displayTitle = false;
|
|
38
|
-
this.kbName = undefined;
|
|
39
|
-
this.serverUrls = undefined;
|
|
40
|
-
this.enableCustomServer = undefined;
|
|
41
|
-
this.createKBCallback = undefined;
|
|
42
|
-
}
|
|
43
|
-
// 6.COMPONENT LIFECYCLE METHODS //
|
|
44
|
-
async componentWillLoad() {
|
|
45
|
-
this._componentLocale = await s.getComponentStrings(this.el);
|
|
46
|
-
}
|
|
47
|
-
componentDidLoad() {
|
|
48
|
-
this.kbNameEl.focus();
|
|
49
|
-
}
|
|
50
|
-
componentDidRender() {
|
|
51
|
-
if (!this.renderedFirstTime) {
|
|
52
|
-
this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
|
|
53
|
-
this.renderedFirstTime = true;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
// 9.LOCAL METHODS //
|
|
57
|
-
// 10.RENDER() FUNCTION //
|
|
58
|
-
render() {
|
|
59
|
-
return i(t, {
|
|
60
|
-
class: "gx-ide-component"
|
|
61
|
-
}, i("div", {
|
|
62
|
-
class: "gx-ide-main-wrapper"
|
|
63
|
-
}, i("gx-ide-container", {
|
|
64
|
-
containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
|
|
65
|
-
slimmerFooter: l.gxIdeContainer.slimmerFooter
|
|
66
|
-
}, i("main", {
|
|
67
|
-
class: "main"
|
|
68
|
-
}, i("gxg-label", {
|
|
69
|
-
labelPosition: "start",
|
|
70
|
-
class: "kb-label",
|
|
71
|
-
noMargin: true
|
|
72
|
-
}, this._componentLocale.main.kbName), i("gxg-form-text", {
|
|
73
|
-
labelPosition: "start",
|
|
74
|
-
placeholder: "SalesInventory",
|
|
75
|
-
"max-width": "100%",
|
|
76
|
-
value: this.kbName,
|
|
77
|
-
toolTip: l.tooltip,
|
|
78
|
-
ref: e => this.kbNameEl = e,
|
|
79
|
-
part: "kb-name",
|
|
80
|
-
class: "kb-input"
|
|
81
|
-
}), i("gxg-label", {
|
|
82
|
-
labelPosition: "start",
|
|
83
|
-
class: "server-url-label",
|
|
84
|
-
noMargin: true
|
|
85
|
-
}, this._componentLocale.main.serverUrl), i("gxg-combo-box", {
|
|
86
|
-
disableFilter: !this.enableCustomServer,
|
|
87
|
-
labelPosition: "start",
|
|
88
|
-
placeholder: "https://myexampleserver.com",
|
|
89
|
-
strict: true,
|
|
90
|
-
toolTip: l.tooltip,
|
|
91
|
-
value: this.serverUrls[0],
|
|
92
|
-
ref: e => this.serverUrlEl = e,
|
|
93
|
-
part: "server-url",
|
|
94
|
-
class: "server-url-input"
|
|
95
|
-
}, d("gxg-combo-box-item", this.serverUrls.map((e => ({
|
|
96
|
-
id: e,
|
|
97
|
-
label: e
|
|
98
|
-
}))), "server-url")), i("gxg-label", {
|
|
99
|
-
labelPosition: "start",
|
|
100
|
-
class: "auth-type-label",
|
|
101
|
-
noMargin: true
|
|
102
|
-
}, this._componentLocale.main.authentication), i("gxg-combo-box", {
|
|
103
|
-
labelPosition: "start",
|
|
104
|
-
placeholder: "https://myexampleserver.com",
|
|
105
|
-
"max-width": "100%",
|
|
106
|
-
value: p[0],
|
|
107
|
-
ref: e => this.authTypeEl = e,
|
|
108
|
-
part: "auth-type",
|
|
109
|
-
class: "auth-type-input"
|
|
110
|
-
}, d("gxg-combo-box-item", p.map((e => ({
|
|
111
|
-
id: e,
|
|
112
|
-
label: e
|
|
113
|
-
}))), "auth-type")), i("gxg-label", {
|
|
114
|
-
labelPosition: "start",
|
|
115
|
-
class: "user-name-label",
|
|
116
|
-
noMargin: true
|
|
117
|
-
}, this._componentLocale.main.userName), i("gxg-form-text", {
|
|
118
|
-
labelPosition: "start",
|
|
119
|
-
placeholder: "My User",
|
|
120
|
-
"max-width": "100%",
|
|
121
|
-
toolTip: l.tooltip,
|
|
122
|
-
ref: e => this.userNameEl = e,
|
|
123
|
-
part: "user-name",
|
|
124
|
-
class: "user-name-input"
|
|
125
|
-
}), i("gxg-label", {
|
|
126
|
-
labelPosition: "start",
|
|
127
|
-
class: "password-label",
|
|
128
|
-
noMargin: true
|
|
129
|
-
}, this._componentLocale.main.password), i("gxg-form-text", {
|
|
130
|
-
labelPosition: "start",
|
|
131
|
-
password: true,
|
|
132
|
-
toolTip: l.tooltip,
|
|
133
|
-
"max-width": "100%",
|
|
134
|
-
ref: e => this.passwordEl = e,
|
|
135
|
-
part: "password",
|
|
136
|
-
class: "password-input"
|
|
137
|
-
})), i("gxg-button", {
|
|
138
|
-
slot: "footer-end",
|
|
139
|
-
type: "primary-text-icon",
|
|
140
|
-
icon: "gemini-tools/share",
|
|
141
|
-
onClick: this.createKBCallbackHandler,
|
|
142
|
-
part: "share-kb"
|
|
143
|
-
}, this._componentLocale.footer.shareBtn))), i("gxg-shortcuts", {
|
|
144
|
-
src: this.shortcutsSrc
|
|
145
|
-
}));
|
|
146
|
-
}
|
|
147
|
-
static get assetsDirs() {
|
|
148
|
-
return [ "gx-ide-assets/share-kb" ];
|
|
149
|
-
}
|
|
150
|
-
get el() {
|
|
151
|
-
return o(this);
|
|
152
|
-
}
|
|
153
|
-
};
|
|
154
|
-
|
|
155
|
-
c.style = g;
|
|
156
|
-
|
|
157
|
-
export { c as gx_ide_share_kb };
|
|
158
|
-
//# sourceMappingURL=p-007a3368.entry.js.map
|