@genexus/genexus-ide-ui 0.0.61 → 0.0.63
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-tree-x_3.cjs.entry.js → ch-checkbox_4.cjs.entry.js} +277 -75
- package/dist/cjs/ch-grid_8.cjs.entry.js +1 -1
- package/dist/cjs/ch-next-data-modeling-render.cjs.entry.js +242 -0
- package/dist/cjs/{ch-next-data-modeling-item.cjs.entry.js → ch-next-data-modeling_2.cjs.entry.js} +20 -1
- package/dist/cjs/ch-tree-view-render-wrapper.cjs.entry.js +160 -0
- package/dist/cjs/{config-149ec5fe.js → config-c652329b.js} +5 -1
- package/dist/cjs/detect-click-outside-d18e5541.js +25 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/{grid-be8c3413.js → grid-d12c16c7.js} +1 -0
- package/dist/cjs/gx-ide-bpm-app-declaration.cjs.entry.js +12 -7
- package/dist/cjs/{gxg-form-text.cjs.entry.js → gx-ide-container_4.cjs.entry.js} +238 -0
- package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +11 -4
- package/dist/cjs/gx-ide-entity-selector_2.cjs.entry.js +18 -2
- package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +54 -44
- package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +40 -19
- package/dist/cjs/gx-ide-list-selector_2.cjs.entry.js +18 -2
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +10 -5
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +14 -10
- package/dist/cjs/gx-ide-new-object.cjs.entry.js +12 -7
- package/dist/cjs/gx-ide-object-selector.cjs.entry.js +21 -10
- package/dist/cjs/gx-ide-references.cjs.entry.js +21 -27
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js +11 -7
- package/dist/cjs/gx-ide-switch-panel.cjs.entry.js +19 -0
- package/dist/cjs/gx-ide-switcher.cjs.entry.js +19 -0
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +35 -8
- package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +34 -16
- package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js +13 -5
- package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js +11 -4
- package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +25 -16
- package/dist/cjs/gx-ide-template.cjs.entry.js +9 -4
- package/dist/cjs/gx-ide-test.cjs.entry.js +113 -121
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +39 -29
- package/dist/cjs/gxg-button-group.cjs.entry.js +1 -1
- package/dist/cjs/gxg-color-picker.cjs.entry.js +2 -2
- package/dist/cjs/gxg-combo-box_2.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-radio-group.cjs.entry.js +6 -1
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +24 -2
- package/dist/cjs/gxg-menu-slim.cjs.entry.js +2 -23
- package/dist/cjs/gxg-pill.cjs.entry.js +2 -2
- package/dist/cjs/gxg-pills.cjs.entry.js +34 -0
- package/dist/cjs/gxg-title-editable.cjs.entry.js +116 -0
- package/dist/cjs/{gxg-tree_2.cjs.entry.js → gxg-tree-item.cjs.entry.js} +1 -213
- package/dist/cjs/gxg-tree-view.cjs.entry.js +165 -0
- package/dist/cjs/gxg-tree.cjs.entry.js +218 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +25 -18
- package/dist/collection/common/config.js +5 -1
- package/dist/collection/common/grid.js +1 -0
- package/dist/collection/common/render-list-item.js +12 -0
- package/dist/collection/components/{container → _helpers/container}/container.css +33 -1
- package/dist/collection/components/{container → _helpers/container}/container.js +159 -6
- package/dist/collection/components/{entity-selector → _helpers/entity-selector}/entity-selector.js +5 -5
- package/dist/collection/components/{list-selector → _helpers/list-selector}/list-selector-item/list-selector-item.css +11 -3
- package/dist/collection/components/{list-selector → _helpers/list-selector}/list-selector-item/list-selector-item.js +36 -2
- package/dist/collection/components/{list-selector → _helpers/list-selector}/list-selector.js +2 -2
- package/dist/collection/components/_helpers/switcher/switch-panel/switch-panel.css +3 -0
- package/dist/collection/components/_helpers/switcher/switch-panel/switch-panel.js +18 -0
- package/dist/collection/components/_helpers/switcher/switcher.css +3 -0
- package/dist/collection/components/_helpers/switcher/switcher.js +18 -0
- package/dist/collection/components/_helpers/title/title.css +42 -0
- package/dist/collection/components/_helpers/title/title.js +156 -0
- package/dist/collection/components/{application-declaration/bpm-app-declaration.css → _starting-template/template.css} +18 -11
- package/dist/collection/components/{_template → _starting-template}/template.js +9 -4
- package/dist/collection/components/_test/test.css +5 -0
- package/dist/collection/components/_test/test.js +128 -212
- package/dist/collection/components/{team-dev-commit/team-dev-commit.css → bpm-application-declaration/bpm-app-declaration.css} +33 -37
- package/dist/collection/components/{application-declaration → bpm-application-declaration}/bpm-app-declaration.js +11 -6
- package/dist/collection/components/{application-declaration → bpm-application-declaration}/gx-ide-assets/bpm-app-declaration/langs/bpm-app-declaration.lang.en.json +1 -1
- package/dist/collection/components/create-kb-from-server/create-kb-from-server.css +24 -1
- package/dist/collection/components/create-kb-from-server/create-kb-from-server.js +11 -4
- package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json +2 -1
- package/dist/collection/components/kb-manager-export/gx-ide-assets/kb-manager-export/langs/kb-manager-export.lang.en.json +1 -0
- package/dist/collection/components/kb-manager-export/helpers.js +10 -26
- package/dist/collection/components/kb-manager-export/kb-manager-export.css +50 -18
- package/dist/collection/components/kb-manager-export/kb-manager-export.js +65 -23
- package/dist/collection/components/kb-manager-import/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +2 -0
- package/dist/collection/components/kb-manager-import/helpers.js +2 -2
- package/dist/collection/components/kb-manager-import/kb-manager-import.css +26 -6
- package/dist/collection/components/kb-manager-import/kb-manager-import.js +36 -15
- package/dist/collection/components/new-environment/new-environment.css +36 -17
- package/dist/collection/components/new-environment/new-environment.js +10 -5
- package/dist/collection/components/new-kb/new-kb.css +18 -5
- package/dist/collection/components/new-kb/new-kb.js +13 -9
- package/dist/collection/components/new-object/new-object.css +60 -11
- package/dist/collection/components/new-object/new-object.js +24 -5
- package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.en.json +1 -1
- package/dist/collection/components/object-selector/object-selector.css +70 -26
- package/dist/collection/components/object-selector/object-selector.js +20 -9
- package/dist/collection/components/references/references.css +25 -13
- package/dist/collection/components/references/references.js +20 -26
- package/dist/collection/components/share-kb/gx-ide-assets/share-kb/langs/share-kb.lang.en.json +2 -1
- package/dist/collection/components/share-kb/share-kb.css +34 -10
- package/dist/collection/components/share-kb/share-kb.js +10 -6
- package/dist/collection/components/{team-dev-commit → team-dev/commit}/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.en.json +1 -1
- package/dist/collection/components/team-dev/commit/team-dev-commit.css +264 -0
- package/dist/collection/components/{team-dev-commit → team-dev/commit}/team-dev-commit.js +44 -16
- package/dist/collection/components/{team-dev-select-recent-comment → team-dev/select-recent-comment}/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.en.json +1 -0
- package/dist/collection/components/team-dev/select-recent-comment/helpers.js +7 -0
- package/dist/collection/components/{team-dev-select-recent-comment → team-dev/select-recent-comment}/team-dev-select-recent-comment.css +20 -2
- package/dist/collection/components/{team-dev-select-recent-comment → team-dev/select-recent-comment}/team-dev-select-recent-comment.js +33 -16
- package/dist/collection/components/{team-dev-update → team-dev/update}/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.en.json +1 -1
- package/dist/collection/components/{team-dev-update → team-dev/update}/team-dev-update.css +46 -41
- package/dist/collection/components/{team-dev-update → team-dev/update}/team-dev-update.js +29 -20
- package/dist/collection/components/{team-dev-update-partial-selection → team-dev/update-partial-selection}/team-dev-update-partial-selection.css +22 -23
- package/dist/collection/components/{team-dev-update-partial-selection → team-dev/update-partial-selection}/team-dev-update-partial-selection.js +30 -5
- package/dist/collection/components/{team-dev-update-to-revision → team-dev/update-to-revision}/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.en.json +1 -1
- package/dist/collection/components/{team-dev-update-to-revision → team-dev/update-to-revision}/team-dev-update-to-revision.css +18 -7
- package/dist/collection/components/{team-dev-update-to-revision → team-dev/update-to-revision}/team-dev-update-to-revision.js +28 -4
- package/dist/collection/components/ww-images/gx-ide-assets/ww-images/langs/ww-images.lang.en.json +4 -2
- package/dist/collection/components/ww-images/ww-images.css +103 -61
- package/dist/collection/components/ww-images/ww-images.js +55 -28
- package/dist/collection/pages/assets/common.js +2 -2
- package/dist/components/button-group.js +1 -1
- package/dist/components/ch-next-data-modeling-item.js +1 -457
- package/dist/components/ch-next-data-modeling-render.js +295 -0
- package/dist/components/ch-next-data-modeling.js +1 -27
- package/dist/components/ch-tree-view-item.js +6 -0
- package/dist/components/ch-tree-view-render-wrapper.js +224 -0
- package/dist/components/ch-tree-view-render.js +6 -0
- package/dist/components/ch-tree-view.js +6 -0
- package/dist/components/combo-box.js +1 -1
- package/dist/components/config.js +5 -1
- package/dist/components/container.js +61 -9
- package/dist/components/date-picker.js +19 -2
- package/dist/components/detect-click-outside.js +23 -0
- package/dist/components/form-radio-group.js +7 -1
- package/dist/components/form-textarea.js +27 -3
- package/dist/components/grid.js +1 -0
- package/dist/components/gx-ide-bpm-app-declaration.js +52 -41
- package/dist/components/gx-ide-create-kb-from-server.js +28 -15
- package/dist/components/gx-ide-kb-manager-export.js +90 -74
- package/dist/components/gx-ide-kb-manager-import.js +73 -40
- package/dist/components/gx-ide-new-environment.js +21 -10
- package/dist/components/gx-ide-new-kb.js +24 -14
- package/dist/components/gx-ide-new-object.js +24 -13
- package/dist/components/gx-ide-object-selector.js +55 -38
- package/dist/components/gx-ide-references.js +54 -48
- package/dist/components/gx-ide-share-kb.js +27 -17
- package/dist/components/gx-ide-status-buttons2.js +1 -1
- package/dist/components/gx-ide-switch-panel.d.ts +11 -0
- package/dist/components/gx-ide-switch-panel.js +33 -0
- package/dist/components/gx-ide-switcher.d.ts +11 -0
- package/dist/components/gx-ide-switcher.js +33 -0
- package/dist/components/gx-ide-team-dev-commit.js +64 -30
- package/dist/components/gx-ide-team-dev-select-recent-comment.js +51 -45
- package/dist/components/gx-ide-team-dev-update-partial-selection.js +52 -32
- package/dist/components/gx-ide-team-dev-update-to-revision.js +24 -11
- package/dist/components/gx-ide-team-dev-update.js +67 -40
- package/dist/components/gx-ide-template.js +20 -9
- package/dist/components/gx-ide-test.js +126 -159
- package/dist/components/gx-ide-title.d.ts +11 -0
- package/dist/components/gx-ide-title.js +6 -0
- package/dist/components/gx-ide-top-bar.js +1 -1
- package/dist/components/gx-ide-ww-images.js +74 -58
- package/dist/components/gxg-color-picker.js +2 -2
- package/dist/components/gxg-container.js +251 -1
- package/dist/components/gxg-grid2.js +1 -1
- package/dist/components/gxg-menu-slim-list.js +1 -1
- package/dist/components/gxg-menu-slim.js +1 -22
- package/dist/components/gxg-pill.js +2 -2
- package/dist/components/gxg-pills.js +50 -0
- package/dist/components/gxg-title-editable.js +156 -0
- package/dist/components/gxg-title.js +1 -1
- package/dist/components/gxg-tree-item.js +614 -1
- package/dist/components/gxg-tree-view.js +2 -2
- package/dist/components/gxg-tree.js +236 -1
- package/dist/components/ide-loader.js +1 -1
- package/dist/components/index.d.ts +17 -14
- package/dist/components/index.js +10 -3
- package/dist/components/list-selector-item.js +20 -3
- package/dist/components/list-selector.js +1 -1
- package/dist/components/next-data-modeling-item.js +466 -0
- package/dist/{esm/ch-next-data-modeling.entry.js → components/next-data-modeling.js} +21 -7
- package/dist/components/title.js +32 -37
- package/dist/{esm/gxg-title.entry.js → components/title2.js} +26 -8
- package/dist/components/{tree-x-list-item.js → tree-view-item.js} +9 -9
- package/dist/components/{ch-test-tree-x.js → tree-view-render.js} +168 -28
- package/dist/components/tree-view.js +410 -440
- package/dist/components/tree-view2.js +226 -0
- package/dist/esm/{ch-tree-x_3.entry.js → ch-checkbox_4.entry.js} +275 -74
- package/dist/esm/ch-grid_8.entry.js +1 -1
- package/dist/esm/ch-next-data-modeling-render.entry.js +238 -0
- package/dist/esm/{ch-next-data-modeling-item.entry.js → ch-next-data-modeling_2.entry.js} +21 -3
- package/dist/esm/ch-tree-view-render-wrapper.entry.js +156 -0
- package/dist/esm/{config-9b4321f9.js → config-ee66bdf4.js} +5 -1
- package/dist/esm/detect-click-outside-16ce8235.js +23 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/{grid-1354bf8f.js → grid-9988c857.js} +1 -0
- package/dist/esm/gx-ide-bpm-app-declaration.entry.js +12 -7
- package/dist/esm/{gxg-form-text.entry.js → gx-ide-container_4.entry.js} +237 -2
- package/dist/esm/gx-ide-create-kb-from-server.entry.js +11 -4
- package/dist/esm/gx-ide-entity-selector_2.entry.js +18 -2
- package/dist/esm/gx-ide-kb-manager-export.entry.js +54 -44
- package/dist/esm/gx-ide-kb-manager-import.entry.js +40 -19
- package/dist/esm/gx-ide-list-selector_2.entry.js +18 -2
- package/dist/esm/gx-ide-new-environment.entry.js +10 -5
- package/dist/esm/gx-ide-new-kb.entry.js +14 -10
- package/dist/esm/gx-ide-new-object.entry.js +12 -7
- package/dist/esm/gx-ide-object-selector.entry.js +21 -10
- package/dist/esm/gx-ide-references.entry.js +21 -27
- package/dist/esm/gx-ide-share-kb.entry.js +11 -7
- package/dist/esm/gx-ide-switch-panel.entry.js +15 -0
- package/dist/esm/gx-ide-switcher.entry.js +15 -0
- package/dist/esm/gx-ide-team-dev-commit.entry.js +35 -8
- package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +35 -17
- package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js +13 -5
- package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js +11 -4
- package/dist/esm/gx-ide-team-dev-update.entry.js +25 -16
- package/dist/esm/gx-ide-template.entry.js +9 -4
- package/dist/esm/gx-ide-test.entry.js +114 -122
- package/dist/esm/gx-ide-ww-images.entry.js +39 -29
- package/dist/esm/gxg-button-group.entry.js +1 -1
- package/dist/esm/gxg-color-picker.entry.js +2 -2
- package/dist/esm/gxg-combo-box_2.entry.js +1 -1
- package/dist/esm/gxg-form-radio-group.entry.js +6 -1
- package/dist/esm/gxg-form-textarea.entry.js +24 -2
- package/dist/esm/gxg-menu-slim.entry.js +1 -22
- package/dist/esm/gxg-pill.entry.js +2 -2
- package/dist/esm/gxg-pills.entry.js +30 -0
- package/dist/esm/gxg-title-editable.entry.js +112 -0
- package/dist/{components/gxg-tree-item2.js → esm/gxg-tree-item.entry.js} +10 -80
- package/dist/esm/gxg-tree-view.entry.js +161 -0
- package/dist/{components/gxg-tree2.js → esm/gxg-tree.entry.js} +8 -32
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +4 -4
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/bpm-app-declaration/langs/bpm-app-declaration.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json +2 -1
- package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-export/langs/kb-manager-export.lang.en.json +1 -0
- package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +2 -0
- package/dist/genexus-ide-ui/gx-ide-assets/object-selector/langs/object-selector.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/share-kb/langs/share-kb.lang.en.json +2 -1
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.en.json +1 -0
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/ww-images/langs/ww-images.lang.en.json +4 -2
- package/dist/genexus-ide-ui/icon-assets/gemini-tools/edit.svg +1 -1
- package/dist/genexus-ide-ui/p-0f1388e1.entry.js +1 -0
- package/dist/genexus-ide-ui/p-13177896.entry.js +1 -0
- package/dist/genexus-ide-ui/p-19fef562.entry.js +1 -0
- package/dist/genexus-ide-ui/p-1b51da5e.entry.js +1 -0
- package/dist/genexus-ide-ui/p-25aa052f.js +1 -0
- package/dist/genexus-ide-ui/p-2781b92a.entry.js +1 -0
- package/dist/genexus-ide-ui/p-283afc3b.entry.js +1 -0
- package/dist/genexus-ide-ui/p-2c17e71d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-2fbab2a9.js +1 -0
- package/dist/genexus-ide-ui/p-38c18db5.js +1 -0
- package/dist/genexus-ide-ui/p-40a57a36.entry.js +1 -0
- package/dist/genexus-ide-ui/p-42209f9f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4d506c74.entry.js +1 -0
- package/dist/genexus-ide-ui/p-527ace08.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-a94dd4c1.entry.js → p-56935fba.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-5cc7c201.entry.js +1 -0
- package/dist/genexus-ide-ui/p-606fee7b.entry.js +1 -0
- package/dist/genexus-ide-ui/p-636d02fa.entry.js +1 -0
- package/dist/genexus-ide-ui/p-68ec655f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-71b14079.entry.js +1 -0
- package/dist/genexus-ide-ui/p-780caf92.entry.js +1 -0
- package/dist/genexus-ide-ui/p-7b63be93.entry.js +1 -0
- package/dist/genexus-ide-ui/p-7c44a3c8.entry.js +1 -0
- package/dist/genexus-ide-ui/p-8a29aa0e.entry.js +1 -0
- package/dist/genexus-ide-ui/p-8a7c4561.entry.js +1 -0
- package/dist/genexus-ide-ui/p-9380b713.entry.js +1 -0
- package/dist/genexus-ide-ui/p-a2cb0e6b.entry.js +1 -0
- package/dist/genexus-ide-ui/p-a9c8b373.entry.js +1 -0
- package/dist/genexus-ide-ui/p-aacec189.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-178545b2.entry.js → p-abfc0ad8.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-b0cb9690.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b819706e.entry.js +1 -0
- package/dist/genexus-ide-ui/p-bacd879c.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-9c9a28b4.entry.js → p-c6b514cb.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-d9a5b3d6.entry.js +1 -0
- package/dist/genexus-ide-ui/p-df02f70a.entry.js +1 -0
- package/dist/genexus-ide-ui/p-df744a68.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f3837d78.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f69d8c9f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f7aa606a.entry.js +1 -0
- package/dist/genexus-ide-ui/p-fbb1cd20.entry.js +1 -0
- package/dist/genexus-ide-ui/p-fc6b970d.entry.js +1 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/next/data-modeling-render/next-data-modeling-render.css +3 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/tree-view/tree-view-render.css +3 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-view/tree-view-render-wrapper.css +0 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view/tree-view.css +45 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button-group/button-group.css +2 -2
- package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box/combo-box.css +3 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +9 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio-group/form-radio-group.css +4 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +28 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +6 -3
- package/dist/node_modules/@genexus/gemini/dist/collection/components/pills/pills.css +9 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/title-editable/title-editable.css +88 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +88 -90
- package/dist/types/common/config.d.ts +4 -0
- package/dist/types/common/grid.d.ts +1 -0
- package/dist/types/common/helpers.d.ts +2 -2
- package/dist/types/common/render-list-item.d.ts +2 -0
- package/dist/types/components/{container → _helpers/container}/container.d.ts +34 -0
- package/dist/types/components/{entity-selector → _helpers/entity-selector}/entity-selector.d.ts +3 -3
- package/dist/types/components/{list-selector → _helpers/list-selector}/list-selector-item/list-selector-item.d.ts +8 -1
- package/dist/types/components/{list-selector → _helpers/list-selector}/list-selector.d.ts +3 -3
- package/dist/types/components/{status-buttons → _helpers/status-buttons}/gx-ide-status-buttons.d.ts +1 -1
- package/dist/types/components/_helpers/switcher/switch-panel/switch-panel.d.ts +3 -0
- package/dist/types/components/_helpers/switcher/switcher.d.ts +3 -0
- package/dist/types/components/_helpers/title/title.d.ts +34 -0
- package/dist/types/components/{_template → _starting-template}/template.d.ts +2 -1
- package/dist/types/components/_test/test.d.ts +8 -33
- package/dist/types/components/{application-declaration → bpm-application-declaration}/bpm-app-declaration.d.ts +2 -1
- package/dist/types/components/create-kb-from-server/create-kb-from-server.d.ts +3 -1
- package/dist/types/components/kb-manager-export/helpers.d.ts +4 -4
- package/dist/types/components/kb-manager-export/kb-manager-export.d.ts +16 -5
- package/dist/types/components/kb-manager-import/helpers.d.ts +3 -3
- package/dist/types/components/kb-manager-import/kb-manager-import.d.ts +8 -7
- package/dist/types/components/new-environment/new-environment.d.ts +2 -1
- package/dist/types/components/new-kb/new-kb.d.ts +2 -1
- package/dist/types/components/new-object/new-object.d.ts +6 -0
- package/dist/types/components/object-selector/object-selector.d.ts +2 -1
- package/dist/types/components/references/helpers.d.ts +2 -2
- package/dist/types/components/references/references.d.ts +6 -6
- package/dist/types/components/share-kb/share-kb.d.ts +2 -1
- package/dist/types/components/{team-dev-commit → team-dev/commit}/team-dev-commit.d.ts +6 -3
- package/dist/types/components/team-dev/select-recent-comment/helpers.d.ts +2 -0
- package/dist/types/components/{team-dev-select-recent-comment → team-dev/select-recent-comment}/team-dev-select-recent-comment.d.ts +7 -2
- package/dist/types/components/{team-dev-update → team-dev/update}/team-dev-update.d.ts +5 -4
- package/dist/types/components/{team-dev-update-partial-selection → team-dev/update-partial-selection}/team-dev-update-partial-selection.d.ts +7 -1
- package/dist/types/components/{team-dev-update-to-revision → team-dev/update-to-revision}/team-dev-update-to-revision.d.ts +7 -1
- package/dist/types/components/ww-images/ww-images.d.ts +9 -6
- package/dist/types/components.d.ts +185 -65
- package/package.json +3 -3
- package/dist/cjs/ch-checkbox.cjs.entry.js +0 -93
- package/dist/cjs/ch-next-data-modeling.cjs.entry.js +0 -19
- package/dist/cjs/ch-test-tree-x.cjs.entry.js +0 -458
- package/dist/cjs/gx-ide-container.cjs.entry.js +0 -132
- package/dist/cjs/gxg-title.cjs.entry.js +0 -51
- package/dist/collection/components/_template/template.css +0 -151
- package/dist/components/ch-tree-x-list-item.js +0 -6
- package/dist/components/ch-tree-x.js +0 -6
- package/dist/components/container2.js +0 -253
- package/dist/components/tree-x.js +0 -504
- package/dist/esm/ch-checkbox.entry.js +0 -89
- package/dist/esm/ch-test-tree-x.entry.js +0 -454
- package/dist/esm/gx-ide-container.entry.js +0 -128
- package/dist/esm/gxg-tree_2.entry.js +0 -757
- package/dist/genexus-ide-ui/p-024df897.entry.js +0 -1
- package/dist/genexus-ide-ui/p-0341fbab.entry.js +0 -1
- package/dist/genexus-ide-ui/p-092ccacd.entry.js +0 -1
- package/dist/genexus-ide-ui/p-13a5bc23.entry.js +0 -1
- package/dist/genexus-ide-ui/p-163a93a4.entry.js +0 -1
- package/dist/genexus-ide-ui/p-1ad68b23.entry.js +0 -3
- package/dist/genexus-ide-ui/p-1b23aee7.entry.js +0 -1
- package/dist/genexus-ide-ui/p-2142874f.entry.js +0 -1
- package/dist/genexus-ide-ui/p-2b7d4cca.entry.js +0 -1
- package/dist/genexus-ide-ui/p-481312bc.entry.js +0 -1
- package/dist/genexus-ide-ui/p-4e601007.entry.js +0 -1
- package/dist/genexus-ide-ui/p-53e5a04f.entry.js +0 -1
- package/dist/genexus-ide-ui/p-5755f985.entry.js +0 -1
- package/dist/genexus-ide-ui/p-734d3baa.entry.js +0 -1
- package/dist/genexus-ide-ui/p-9457280f.js +0 -1
- package/dist/genexus-ide-ui/p-97d634d5.entry.js +0 -1
- package/dist/genexus-ide-ui/p-9beeb9c5.entry.js +0 -1
- package/dist/genexus-ide-ui/p-9e530c7d.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a3171fdf.entry.js +0 -1
- package/dist/genexus-ide-ui/p-aaa7e647.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ac3b8e90.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ad5040e4.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b2ea372b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b685ffba.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c6a7b93c.js +0 -1
- package/dist/genexus-ide-ui/p-c7e11c6b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cd00ba19.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d04d634e.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d3d14461.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d8096d40.entry.js +0 -1
- package/dist/genexus-ide-ui/p-de28d44c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-f16b53ea.entry.js +0 -1
- package/dist/genexus-ide-ui/p-f5ef55c5.entry.js +0 -1
- package/dist/genexus-ide-ui/p-f83093aa.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ffb82b40.entry.js +0 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css +0 -3
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-x/tree-x.css +0 -45
- /package/dist/collection/components/{directory-selector → _helpers/directory-selector}/directory-selector.css +0 -0
- /package/dist/collection/components/{directory-selector → _helpers/directory-selector}/directory-selector.js +0 -0
- /package/dist/collection/components/{entity-selector → _helpers/entity-selector}/entity-selector.css +0 -0
- /package/dist/collection/components/{list-selector → _helpers/list-selector}/list-selector.css +0 -0
- /package/dist/collection/components/{status-buttons → _helpers/status-buttons}/gx-ide-status-buttons.css +0 -0
- /package/dist/collection/components/{status-buttons → _helpers/status-buttons}/gx-ide-status-buttons.js +0 -0
- /package/dist/collection/components/{top-bar → _helpers/top-bar}/top-bar.css +0 -0
- /package/dist/collection/components/{top-bar → _helpers/top-bar}/top-bar.js +0 -0
- /package/dist/collection/components/{_template → _starting-template}/gx-ide-assets/template/langs/template.lang.en.json +0 -0
- /package/dist/collection/components/{_template → _starting-template}/gx-ide-assets/template/langs/template.lang.ja.json +0 -0
- /package/dist/collection/components/{_template → _starting-template}/gx-ide-assets/template/langs/template.lang.zh.json +0 -0
- /package/dist/collection/components/{application-declaration → bpm-application-declaration}/gx-ide-assets/bpm-app-declaration/langs/bpm-app-declaration.lang.ja.json +0 -0
- /package/dist/collection/components/{application-declaration → bpm-application-declaration}/gx-ide-assets/bpm-app-declaration/langs/bpm-app-declaration.lang.zh.json +0 -0
- /package/dist/collection/components/{application-declaration → bpm-application-declaration}/helpers.js +0 -0
- /package/dist/collection/components/{team-dev-commit → team-dev/commit}/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.ja.json +0 -0
- /package/dist/collection/components/{team-dev-commit → team-dev/commit}/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.zh.json +0 -0
- /package/dist/collection/components/{team-dev-select-recent-comment → team-dev/select-recent-comment}/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.ja.json +0 -0
- /package/dist/collection/components/{team-dev-select-recent-comment → team-dev/select-recent-comment}/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.zh.json +0 -0
- /package/dist/collection/components/{team-dev-update → team-dev/update}/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.ja.json +0 -0
- /package/dist/collection/components/{team-dev-update → team-dev/update}/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.zh.json +0 -0
- /package/dist/collection/components/{team-dev-update-partial-selection → team-dev/update-partial-selection}/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.en.json +0 -0
- /package/dist/collection/components/{team-dev-update-partial-selection → team-dev/update-partial-selection}/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.ja.json +0 -0
- /package/dist/collection/components/{team-dev-update-partial-selection → team-dev/update-partial-selection}/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.zh.json +0 -0
- /package/dist/collection/components/{team-dev-update-to-revision → team-dev/update-to-revision}/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.ja.json +0 -0
- /package/dist/collection/components/{team-dev-update-to-revision → team-dev/update-to-revision}/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.zh.json +0 -0
- /package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/{tree-x-list-item/tree-x-list-item.css → tree-view-item/tree-view-item.css} +0 -0
- /package/dist/node_modules/@genexus/gemini/dist/collection/components/{pill → pills}/pill.css +0 -0
- /package/dist/types/components/{directory-selector → _helpers/directory-selector}/directory-selector.d.ts +0 -0
- /package/dist/types/components/{top-bar → _helpers/top-bar}/top-bar.d.ts +0 -0
- /package/dist/types/components/{application-declaration → bpm-application-declaration}/helpers.d.ts +0 -0
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-5a32426a.js');
|
|
6
|
-
|
|
7
|
-
const containerCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{--gxg-container-elements-spacing:var(--spacing-comp-03);display:block;height:100%;box-sizing:border-box}.container{display:grid;height:100%;grid-template-rows:auto 1fr auto;box-sizing:border-box}.heading,.content,.footer{padding:var(--gxg-container--padding)}.container--padding-s{--gxg-container--padding:var(--spacing-comp-02)}.container--padding-m{--gxg-container--padding:var(--spacing-comp-03)}.container--padding-l{--gxg-container--padding:var(--spacing-comp-04)}.container--display-border{border:1px solid var(--gx-ide-container-border-color)}.container--display-border-top{border-top:1px solid var(--gx-ide-container-border-color)}.container--display-border-end{border-inline-end:1px solid var(--gx-ide-container-border-color)}.container--display-border-bottom{border-bottom:1px solid var(--gx-ide-container-border-color)}.container--display-border-start{border-inline-start:1px solid var(--gx-ide-container-border-color)}.container--overflow-hidden-y{overflow-y:hidden}.heading{display:flex;flex-direction:column;gap:var(--gxg-container--padding);width:100%;box-sizing:border-box;border-bottom:1px solid var(--gx-ide-container-border-color)}.heading--no-border{border-bottom:0}.heading--no-padding{padding:0}.heading--inactive{color:var(--gxg-color--disabled)}.content{overflow-x:auto;display:flex;flex-direction:column;gap:var(--gx-ide-form-items-gap);box-sizing:border-box;}.content::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.content::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.content::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.content::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}.content--no-padding{padding:0}.content--no-border-top{border-top:none}.content--flex{display:flex}.content--no-gap{gap:0}.content--align-items-start{align-items:start}.content--align-items-center{align-items:center}.content--align-items-end{align-items:end}.content--justify-content-start{justify-content:start}.content--justify-content-center{justify-content:center}.content--justify-content-end{justify-content:end}.footer{display:flex;gap:var(--gxg-container-elements-spacing);flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--gx-ide-container-border-color)}.footer__start,.footer__end{display:flex;gap:var(--gxg-container-elements-spacing)}.footer--no-border{border-top:0}.footer--no-padding{padding:0}.footer--slimmer{padding-top:var(--spacing-comp-02);padding-bottom:var(--spacing-comp-02)}.footer--subtle-shadow{box-shadow:rgba(var(--color-shadow--rgb), 0.1) 0px 4px 16px, rgba(var(--color-shadow--rgb), 0.05) 0px 8px 32px}";
|
|
8
|
-
|
|
9
|
-
const GxIdeContainer = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.headingClasses = () => {
|
|
13
|
-
return {
|
|
14
|
-
"heading": true,
|
|
15
|
-
"heading--inactive": this.inactiveTitle,
|
|
16
|
-
"heading--no-border": this.noHeadingBorder || this.hasOnlyHeading,
|
|
17
|
-
[`heading--justify-${this.headingJustify}`]: true,
|
|
18
|
-
["heading--no-padding"]: this.noHeadingPadding
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
this.contentClasses = () => {
|
|
22
|
-
return {
|
|
23
|
-
"content": true,
|
|
24
|
-
"content--flex": this.flexContent,
|
|
25
|
-
"content--no-padding": this.noContentPadding,
|
|
26
|
-
"content--no-gap": this.noContentGap,
|
|
27
|
-
"content--no-border-top": this.noContentBorderTop,
|
|
28
|
-
[`content--align-items-${this.alignItems}`]: this.alignItems !== undefined,
|
|
29
|
-
[`content--justify-content-${this.justifyContent}`]: this.justifyContent !== undefined
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
this.footer = () => {
|
|
33
|
-
return this.hasFooterSlot ? (index.h("footer", { class: {
|
|
34
|
-
"footer": true,
|
|
35
|
-
"footer--no-border": this.hasOnlyFooter ||
|
|
36
|
-
!this.hasSlottedContent ||
|
|
37
|
-
this.noBorderFooter,
|
|
38
|
-
[`footer--justify-${this.footerJustify}`]: true,
|
|
39
|
-
[`footer--justify-${this.footerJustify}`]: true,
|
|
40
|
-
["footer--no-padding"]: this.noFooterPadding,
|
|
41
|
-
"footer--slimmer": this.slimmerFooter,
|
|
42
|
-
"footer--subtle-shadow": this.footerSubtleShadow
|
|
43
|
-
} }, index.h("div", { class: "footer__start" }, index.h("slot", { name: "footer-start" })), index.h("div", { class: "footer__end" }, index.h("slot", { name: "footer-end" })))) : null;
|
|
44
|
-
};
|
|
45
|
-
this.inactiveTitle = false;
|
|
46
|
-
this.containerTitle = undefined;
|
|
47
|
-
this.displayBorder = false;
|
|
48
|
-
this.displayBorderTop = false;
|
|
49
|
-
this.displayBorderEnd = false;
|
|
50
|
-
this.displayBorderBottom = false;
|
|
51
|
-
this.displayBorderStart = false;
|
|
52
|
-
this.sectionsPadding = "m";
|
|
53
|
-
this.titleAlignment = "center";
|
|
54
|
-
this.noHeadingBorder = false;
|
|
55
|
-
this.noHeadingPadding = false;
|
|
56
|
-
this.headingJustify = "center";
|
|
57
|
-
this.flexContent = false;
|
|
58
|
-
this.noContentBorderTop = false;
|
|
59
|
-
this.noContentPadding = false;
|
|
60
|
-
this.noContentGap = false;
|
|
61
|
-
this.alignItems = undefined;
|
|
62
|
-
this.justifyContent = undefined;
|
|
63
|
-
this.slimmerFooter = false;
|
|
64
|
-
this.noFooterPadding = false;
|
|
65
|
-
this.footerJustify = "end";
|
|
66
|
-
this.noBorderFooter = false;
|
|
67
|
-
this.footerSubtleShadow = false;
|
|
68
|
-
this.hasHeaderSlot = false;
|
|
69
|
-
this.hasSlottedContent = false;
|
|
70
|
-
this.hasFooterSlot = false;
|
|
71
|
-
this.hasOnlyHeading = false;
|
|
72
|
-
this.hasOnlyFooter = false;
|
|
73
|
-
}
|
|
74
|
-
// 4.PUBLIC PROPERTY API /
|
|
75
|
-
// 5.EVENTS (EMIT) //
|
|
76
|
-
// 6.COMPONENT LIFECYCLE EVENTS //
|
|
77
|
-
componentWillLoad() {
|
|
78
|
-
this.evaluateSlots();
|
|
79
|
-
}
|
|
80
|
-
// 7.LISTENERS //
|
|
81
|
-
// 8.PUBLIC METHODS API //
|
|
82
|
-
// 9.LOCAL METHODS //
|
|
83
|
-
evaluateSlots() {
|
|
84
|
-
// header
|
|
85
|
-
const headerSlot = this.el.querySelectorAll(':scope > [slot="header"]');
|
|
86
|
-
if (headerSlot.length) {
|
|
87
|
-
this.hasHeaderSlot = true;
|
|
88
|
-
}
|
|
89
|
-
// content
|
|
90
|
-
const slottedContent = this.el.querySelectorAll(":scope > :not([slot])");
|
|
91
|
-
if (slottedContent.length) {
|
|
92
|
-
this.hasSlottedContent = true;
|
|
93
|
-
}
|
|
94
|
-
// footer
|
|
95
|
-
const footerStartSlot = this.el.querySelectorAll(':scope > [slot="footer-start"]');
|
|
96
|
-
const footerEndSlot = this.el.querySelectorAll(':scope > [slot="footer-end"]');
|
|
97
|
-
if (footerStartSlot.length || footerEndSlot.length) {
|
|
98
|
-
this.hasFooterSlot = true;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
evaluateSections() {
|
|
102
|
-
if (!this.hasSlottedContent && !this.hasFooterSlot) {
|
|
103
|
-
this.hasOnlyHeading = true;
|
|
104
|
-
}
|
|
105
|
-
if (!this.hasSlottedContent && !this.containerTitle) {
|
|
106
|
-
this.hasOnlyFooter = true;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
// 10.RENDER() FUNCTION //
|
|
110
|
-
render() {
|
|
111
|
-
this.evaluateSections();
|
|
112
|
-
const result = [
|
|
113
|
-
this.containerTitle || this.hasHeaderSlot ? (index.h("header", { class: this.headingClasses() }, this.containerTitle ? (index.h("gxg-title", { type: "title-04", alignment: this.titleAlignment }, this.containerTitle)) : null, this.hasHeaderSlot ? (index.h("div", { class: "heading__inner-wrapper" }, index.h("slot", { name: "header" }))) : null)) : null,
|
|
114
|
-
this.hasSlottedContent ? (index.h("div", { class: this.contentClasses(), part: "content" }, index.h("slot", null))) : null,
|
|
115
|
-
this.footer()
|
|
116
|
-
];
|
|
117
|
-
return (index.h(index.Host, null, index.h("div", { class: {
|
|
118
|
-
"container": true,
|
|
119
|
-
[`container--padding-${this.sectionsPadding}`]: true,
|
|
120
|
-
"container--display-border": this.displayBorder,
|
|
121
|
-
"container--display-border-top": this.displayBorderTop,
|
|
122
|
-
"container--display-border-end": this.displayBorderEnd,
|
|
123
|
-
"container--display-border-bottom": this.displayBorderBottom,
|
|
124
|
-
"container--display-border-start": this.displayBorderStart,
|
|
125
|
-
"container--overflow-hidden-y": this.footerSubtleShadow
|
|
126
|
-
} }, result)));
|
|
127
|
-
}
|
|
128
|
-
get el() { return index.getElement(this); }
|
|
129
|
-
};
|
|
130
|
-
GxIdeContainer.style = containerCss;
|
|
131
|
-
|
|
132
|
-
exports.gx_ide_container = GxIdeContainer;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-5a32426a.js');
|
|
6
|
-
const store = require('./store-0866de9f.js');
|
|
7
|
-
|
|
8
|
-
const titleCss = "/*! 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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host h1,:host h2,:host h3,:host h4,:host h5{margin:0;color:inherit;background-color:transparent}:host([alignment=start]) h1,:host([alignment=start]) h2,:host([alignment=start]) h3,:host([alignment=start]) h4,:host([alignment=start]) h5{text-align:start}:host([alignment=center]) h1,:host([alignment=center]) h2,:host([alignment=center]) h3,:host([alignment=center]) h4,:host([alignment=center]) h5{text-align:center}:host([alignment=end]) h1,:host([alignment=end]) h2,:host([alignment=end]) h3,:host([alignment=end]) h4,:host([alignment=end]) h5{text-align:end}:host(.large) .gxg-title-01{font-size:var(--font-size-xl)}:host(.large) .gxg-title-02{font-size:var(--font-size-lg)}:host(.large) .gxg-title-03{font-size:var(--font-size-lg)}:host(.large) .gxg-title-04{font-size:var(--font-size-xl)}:host(.large) .gxg-title-05{font-size:var(--font-size-lg)}";
|
|
9
|
-
|
|
10
|
-
const GxgTitle = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
/**
|
|
14
|
-
* Title type
|
|
15
|
-
*/
|
|
16
|
-
this.type = "title-01";
|
|
17
|
-
/**
|
|
18
|
-
* Title type
|
|
19
|
-
*/
|
|
20
|
-
this.alignment = "start";
|
|
21
|
-
}
|
|
22
|
-
titleType() {
|
|
23
|
-
let title;
|
|
24
|
-
switch (this.type) {
|
|
25
|
-
case "title-01":
|
|
26
|
-
title = (index.h("h1", { class: "gxg-title-01", part: "title" }, index.h("slot", null)));
|
|
27
|
-
break;
|
|
28
|
-
case "title-02":
|
|
29
|
-
title = (index.h("h2", { class: "gxg-title-02", part: "title" }, index.h("slot", null)));
|
|
30
|
-
break;
|
|
31
|
-
case "title-03":
|
|
32
|
-
title = (index.h("h3", { class: "gxg-title-03", part: "title" }, index.h("slot", null)));
|
|
33
|
-
break;
|
|
34
|
-
case "title-04":
|
|
35
|
-
title = (index.h("h4", { class: "gxg-title-04", part: "title" }, index.h("slot", null)));
|
|
36
|
-
break;
|
|
37
|
-
case "title-05":
|
|
38
|
-
title = (index.h("h5", { class: "gxg-title-05", part: "title" }, index.h("slot", null)));
|
|
39
|
-
break;
|
|
40
|
-
default:
|
|
41
|
-
title = (index.h("h1", { class: "gxg-title-06", part: "title" }, index.h("slot", null)));
|
|
42
|
-
}
|
|
43
|
-
return title;
|
|
44
|
-
}
|
|
45
|
-
render() {
|
|
46
|
-
return index.h(index.Host, { class: { large: store.state.large } }, this.titleType(), " ");
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
GxgTitle.style = titleCss;
|
|
50
|
-
|
|
51
|
-
exports.gxg_title = GxgTitle;
|
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
/*Gemini*/
|
|
2
|
-
/*Gx Ide*/
|
|
3
|
-
/* Helper Classes */
|
|
4
|
-
.gxi-hidden {
|
|
5
|
-
display: none !important;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.gxi-full-height {
|
|
9
|
-
height: 100%;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.gxi-overflow-auto {
|
|
13
|
-
overflow: auto;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.gxi-display-flex {
|
|
17
|
-
display: flex;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.align-start {
|
|
21
|
-
display: flex;
|
|
22
|
-
align-items: start;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.align-center {
|
|
26
|
-
display: flex;
|
|
27
|
-
align-items: center;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.align-end {
|
|
31
|
-
display: flex;
|
|
32
|
-
align-items: end;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/* Grids */
|
|
36
|
-
.grid {
|
|
37
|
-
display: grid;
|
|
38
|
-
grid-row-gap: var(--gx-ide-grid-row-gap);
|
|
39
|
-
grid-column-gap: var(--gx-ide-grid-column-gap);
|
|
40
|
-
grid-template-rows: auto;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
ch-grid-cell {
|
|
44
|
-
display: flex;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
ch-grid {
|
|
48
|
-
overflow: auto;
|
|
49
|
-
height: 100%;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
ch-grid-column {
|
|
53
|
-
/*to be removed when this works inside a component with shadow: true*/
|
|
54
|
-
z-index: 99;
|
|
55
|
-
border-bottom: 1px solid var(--gray-01);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
/*Gxg Tabs*/
|
|
59
|
-
gxg-tabs {
|
|
60
|
-
box-shadow: none;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/
|
|
64
|
-
:host(.gx-ide-component) {
|
|
65
|
-
box-shadow: var(--box-shadow-01) !important;
|
|
66
|
-
height: 100% !important;
|
|
67
|
-
display: flex !important;
|
|
68
|
-
flex-direction: column !important;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/*stylize the top bar*/
|
|
72
|
-
:host(:focus-within) gx-ide-top-bar::part(wrapper) {
|
|
73
|
-
background-color: var(--color-secondary-enabled);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */
|
|
77
|
-
.gx-ide-main-wrapper {
|
|
78
|
-
color: var(--gx-ide-component-text-color);
|
|
79
|
-
font-weight: var(--font-weight-regular);
|
|
80
|
-
font-size: var(--font-size-lg);
|
|
81
|
-
line-height: 1.6em;
|
|
82
|
-
height: 100%;
|
|
83
|
-
background-color: var(--gx-ide-component-background-color);
|
|
84
|
-
display: flex;
|
|
85
|
-
flex-direction: column;
|
|
86
|
-
flex-grow: 1;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
/*This is the main element. This is the one that take the remaining vertical space*/
|
|
90
|
-
.gx-ide-main {
|
|
91
|
-
flex-grow: 1;
|
|
92
|
-
overflow-y: auto;
|
|
93
|
-
/* Track */
|
|
94
|
-
/* Handle */
|
|
95
|
-
/* Handle on hover */
|
|
96
|
-
}
|
|
97
|
-
.gx-ide-main::-webkit-scrollbar {
|
|
98
|
-
width: 6px;
|
|
99
|
-
height: 6px;
|
|
100
|
-
}
|
|
101
|
-
.gx-ide-main::-webkit-scrollbar-track {
|
|
102
|
-
background-color: var(--gray-02);
|
|
103
|
-
border-radius: 10px;
|
|
104
|
-
}
|
|
105
|
-
.gx-ide-main::-webkit-scrollbar-thumb {
|
|
106
|
-
background: var(--gray-05);
|
|
107
|
-
border-radius: 10px;
|
|
108
|
-
}
|
|
109
|
-
.gx-ide-main::-webkit-scrollbar-thumb:hover {
|
|
110
|
-
background: var(--gray-04);
|
|
111
|
-
cursor: pointer;
|
|
112
|
-
}
|
|
113
|
-
.gx-ide-main .gxg-scroll {
|
|
114
|
-
display: block;
|
|
115
|
-
overflow-y: auto;
|
|
116
|
-
padding-inline-end: 2px;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.gx-ide-overflow {
|
|
120
|
-
overflow-y: auto;
|
|
121
|
-
/* Track */
|
|
122
|
-
/* Handle */
|
|
123
|
-
/* Handle on hover */
|
|
124
|
-
}
|
|
125
|
-
.gx-ide-overflow::-webkit-scrollbar {
|
|
126
|
-
width: 6px;
|
|
127
|
-
height: 6px;
|
|
128
|
-
}
|
|
129
|
-
.gx-ide-overflow::-webkit-scrollbar-track {
|
|
130
|
-
background-color: var(--gray-02);
|
|
131
|
-
border-radius: 10px;
|
|
132
|
-
}
|
|
133
|
-
.gx-ide-overflow::-webkit-scrollbar-thumb {
|
|
134
|
-
background: var(--gray-05);
|
|
135
|
-
border-radius: 10px;
|
|
136
|
-
}
|
|
137
|
-
.gx-ide-overflow::-webkit-scrollbar-thumb:hover {
|
|
138
|
-
background: var(--gray-04);
|
|
139
|
-
cursor: pointer;
|
|
140
|
-
}
|
|
141
|
-
.gx-ide-overflow .gxg-scroll {
|
|
142
|
-
display: block;
|
|
143
|
-
overflow-y: auto;
|
|
144
|
-
padding-inline-end: 2px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
/*Gemini*/
|
|
148
|
-
/*Gx Ide*/
|
|
149
|
-
:host {
|
|
150
|
-
display: block;
|
|
151
|
-
}
|
|
@@ -1,253 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
import { d as defineCustomElement$1 } from './title.js';
|
|
3
|
-
|
|
4
|
-
const containerCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{--gxg-container-elements-spacing:var(--spacing-comp-03);display:block}fieldset{padding:0;margin-inline-start:0;margin-inline-end:0;border:none}.heading,.content,.footer{padding:var(--gxg-container--padding)}:host(.gxg-container--padding-s){--gxg-container--padding:var(--spacing-comp-02)}:host(.gxg-container--padding-m){--gxg-container--padding:var(--spacing-comp-03)}:host(.gxg-container--padding-l){--gxg-container--padding:var(--spacing-comp-04)}:host(.gxg-container--display-border){border:1px solid var(--gxg-border-color--regular)}:host(.gxg-container--display-border-top){border-top:1px solid var(--gxg-border-color--regular)}:host(.gxg-container--display-border-end){border-inline-end:1px solid var(--gxg-border-color--regular)}:host(.gxg-container--display-border-bottom){border-bottom:1px solid var(--gxg-border-color--regular)}:host(.gxg-container--display-border-start){border-inline-start:1px solid var(--gxg-border-color--regular)}.heading{display:flex;width:100%;box-sizing:border-box;border-bottom:1px solid var(--gxg-border-color--regular)}.heading--justify-start{justify-content:start}.heading--justify-center{justify-content:center}.heading--justify-end{justify-content:end}.heading--no-border{border-bottom:0}.heading--no-padding{padding:0}.content{display:flex;flex-direction:column;gap:var(--gxg-container-elements-spacing)}.content--no-padding{padding:0}.content--no-gap{gap:0}.footer{display:flex;border-top:1px solid var(--gxg-border-color--regular);gap:var(--gxg-container-elements-spacing)}.footer--justify-start{justify-content:start}.footer--justify-center{justify-content:center}.footer--justify-end{justify-content:end}.footer--no-border{border-top:0}.footer--no-padding{padding:0}";
|
|
5
|
-
|
|
6
|
-
const GxgContainer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
|
-
constructor() {
|
|
8
|
-
super();
|
|
9
|
-
this.__registerHost();
|
|
10
|
-
this.__attachShadow();
|
|
11
|
-
/*
|
|
12
|
-
INDEX:
|
|
13
|
-
1.OWN PROPERTIES
|
|
14
|
-
2.REFERENCE TO ELEMENTS
|
|
15
|
-
3.STATE() VARIABLES
|
|
16
|
-
4.PUBLIC PROPERTY API
|
|
17
|
-
5.EVENTS (EMMIT)
|
|
18
|
-
6.COMPONENT LIFECYCLE EVENTS
|
|
19
|
-
7.LISTENERS
|
|
20
|
-
8.PUBLIC METHODS API
|
|
21
|
-
9.LOCAL METHODS
|
|
22
|
-
10.RENDER() FUNCTION
|
|
23
|
-
|
|
24
|
-
Code organization suggested by StencilJs:
|
|
25
|
-
https://stenciljs.com/docs/style-guide#code-organization
|
|
26
|
-
*/
|
|
27
|
-
/** ******************************
|
|
28
|
-
* 1.OWN PROPERTIES
|
|
29
|
-
********************************/
|
|
30
|
-
/*GENERAL*/
|
|
31
|
-
/**
|
|
32
|
-
* Makes this component content act as a fieldset
|
|
33
|
-
*/
|
|
34
|
-
this.fieldset = false;
|
|
35
|
-
/**
|
|
36
|
-
* Dsiplays a border all around the container
|
|
37
|
-
*/
|
|
38
|
-
this.displayBorder = false;
|
|
39
|
-
/**
|
|
40
|
-
* Removes the component border on the top
|
|
41
|
-
*/
|
|
42
|
-
this.displayBorderTop = false;
|
|
43
|
-
/**
|
|
44
|
-
* Removes the component border on the end
|
|
45
|
-
*/
|
|
46
|
-
this.displayBorderEnd = false;
|
|
47
|
-
/**
|
|
48
|
-
* Removes the component border on the bottom
|
|
49
|
-
*/
|
|
50
|
-
this.displayBorderBottom = false;
|
|
51
|
-
/**
|
|
52
|
-
* Removes the component border on the start
|
|
53
|
-
*/
|
|
54
|
-
this.displayBorderStart = false;
|
|
55
|
-
/**
|
|
56
|
-
* The container general padding (applies to .heading, .content, and .footer)
|
|
57
|
-
*/
|
|
58
|
-
this.sectionsPadding = "m";
|
|
59
|
-
/*HEADING*/
|
|
60
|
-
/**
|
|
61
|
-
* Removes the border bottom from the heading
|
|
62
|
-
*/
|
|
63
|
-
this.noHeadingBorder = false;
|
|
64
|
-
/**
|
|
65
|
-
* Removes the padding from the heading
|
|
66
|
-
*/
|
|
67
|
-
this.noHeadingPadding = false;
|
|
68
|
-
/**
|
|
69
|
-
* The heading justification
|
|
70
|
-
*/
|
|
71
|
-
this.headingJustify = "center";
|
|
72
|
-
/*CONTENT*/
|
|
73
|
-
/**
|
|
74
|
-
* Removes the padding from the content
|
|
75
|
-
*/
|
|
76
|
-
this.noContentPadding = false;
|
|
77
|
-
/**
|
|
78
|
-
* Removes the gap from the content
|
|
79
|
-
*/
|
|
80
|
-
this.noContentGap = false;
|
|
81
|
-
/*FOOTER*/
|
|
82
|
-
/**
|
|
83
|
-
* Removes the padding from the footer
|
|
84
|
-
*/
|
|
85
|
-
this.noFooterPadding = false;
|
|
86
|
-
/**
|
|
87
|
-
* The footer justification
|
|
88
|
-
*/
|
|
89
|
-
this.footerJustify = "end";
|
|
90
|
-
/**
|
|
91
|
-
* Removes the border top from the footer
|
|
92
|
-
*/
|
|
93
|
-
this.noBorderFooter = false;
|
|
94
|
-
/** *****************************
|
|
95
|
-
* 3.STATE() VARIABLES
|
|
96
|
-
********************************/
|
|
97
|
-
/**
|
|
98
|
-
* A boolean variable indicating if the component has or not any content slotted content (regular slotted content, without 'slot' attribute)
|
|
99
|
-
*/
|
|
100
|
-
this.hasSlottedContent = false;
|
|
101
|
-
/**
|
|
102
|
-
* A boolean variable indicating if the component has or not any content for the 'footer' slot
|
|
103
|
-
*/
|
|
104
|
-
this.hasFooterSlot = false;
|
|
105
|
-
/**
|
|
106
|
-
* A boolean variable indicating that the container only has the heading section
|
|
107
|
-
*/
|
|
108
|
-
this.hasOnlyHeading = false;
|
|
109
|
-
/**
|
|
110
|
-
* A boolean variable indicating that the container only has the footer section
|
|
111
|
-
*/
|
|
112
|
-
this.hasOnlyFooter = false;
|
|
113
|
-
this.headingClasses = () => {
|
|
114
|
-
return {
|
|
115
|
-
heading: true,
|
|
116
|
-
"heading--no-border": this.noHeadingBorder || this.hasOnlyHeading,
|
|
117
|
-
[`heading--justify-${this.headingJustify}`]: true,
|
|
118
|
-
["heading--no-padding"]: this.noHeadingPadding,
|
|
119
|
-
};
|
|
120
|
-
};
|
|
121
|
-
this.contentClasses = () => {
|
|
122
|
-
return {
|
|
123
|
-
content: true,
|
|
124
|
-
"content--no-padding": this.noContentPadding,
|
|
125
|
-
"content--no-gap": this.noContentGap,
|
|
126
|
-
};
|
|
127
|
-
};
|
|
128
|
-
this.footer = () => {
|
|
129
|
-
return this.hasFooterSlot ? (h("footer", { class: {
|
|
130
|
-
footer: true,
|
|
131
|
-
"footer--no-border": this.noHeadingBorder ||
|
|
132
|
-
this.hasOnlyFooter ||
|
|
133
|
-
!this.hasSlottedContent,
|
|
134
|
-
[`footer--justify-${this.footerJustify}`]: true,
|
|
135
|
-
[`footer--justify-${this.footerJustify}`]: true,
|
|
136
|
-
["footer--no-padding"]: this.noFooterPadding,
|
|
137
|
-
} }, h("slot", { name: "footer" }))) : null;
|
|
138
|
-
};
|
|
139
|
-
}
|
|
140
|
-
/** *****************************
|
|
141
|
-
4.PUBLIC PROPERTY API
|
|
142
|
-
********************************/
|
|
143
|
-
/** *****************************
|
|
144
|
-
* 5.EVENTS (EMMIT)
|
|
145
|
-
********************************/
|
|
146
|
-
/** *****************************
|
|
147
|
-
* 6.COMPONENT LIFECYCLE EVENTS
|
|
148
|
-
********************************/
|
|
149
|
-
componentWillLoad() {
|
|
150
|
-
this.evaluateSlots();
|
|
151
|
-
}
|
|
152
|
-
/** *****************************
|
|
153
|
-
* 7.LISTENERS
|
|
154
|
-
********************************/
|
|
155
|
-
/** *****************************
|
|
156
|
-
* 8.PUBLIC METHODS API
|
|
157
|
-
********************************/
|
|
158
|
-
/** *****************************
|
|
159
|
-
* 9.LOCAL METHODS
|
|
160
|
-
********************************/
|
|
161
|
-
evaluateSlots() {
|
|
162
|
-
//content
|
|
163
|
-
const slottedContent = this.el.querySelectorAll(":not([slot])");
|
|
164
|
-
if (slottedContent.length) {
|
|
165
|
-
this.hasSlottedContent = true;
|
|
166
|
-
}
|
|
167
|
-
//footer
|
|
168
|
-
const footerSlot = this.el.querySelectorAll('[slot="footer"]');
|
|
169
|
-
if (footerSlot.length) {
|
|
170
|
-
this.hasFooterSlot = true;
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
evaluateSections() {
|
|
174
|
-
if (!this.hasSlottedContent && !this.hasFooterSlot) {
|
|
175
|
-
this.hasOnlyHeading = true;
|
|
176
|
-
}
|
|
177
|
-
if (!this.hasSlottedContent && !this.containerTitle) {
|
|
178
|
-
this.hasOnlyFooter = true;
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
/** *****************************
|
|
182
|
-
* 10.RENDER() FUNCTION
|
|
183
|
-
********************************/
|
|
184
|
-
render() {
|
|
185
|
-
this.evaluateSections();
|
|
186
|
-
let result;
|
|
187
|
-
if (this.fieldset) {
|
|
188
|
-
result = [
|
|
189
|
-
h("fieldset", null, this.containerTitle ? (h("legend", { class: this.headingClasses() }, h("gxg-title", { type: "title-04" }, this.containerTitle))) : null, this.hasSlottedContent ? (h("div", { class: this.contentClasses() }, h("slot", null))) : null),
|
|
190
|
-
this.footer(),
|
|
191
|
-
];
|
|
192
|
-
}
|
|
193
|
-
else {
|
|
194
|
-
result = [
|
|
195
|
-
this.containerTitle ? (h("header", { class: this.headingClasses() }, h("gxg-title", { type: "title-04" }, this.containerTitle))) : null,
|
|
196
|
-
this.hasSlottedContent ? (h("div", { class: this.contentClasses() }, h("slot", null))) : null,
|
|
197
|
-
this.footer(),
|
|
198
|
-
];
|
|
199
|
-
}
|
|
200
|
-
return (h(Host, { class: {
|
|
201
|
-
"gxg-container": true,
|
|
202
|
-
[`gxg-container--padding-${this.sectionsPadding}`]: true,
|
|
203
|
-
"gxg-container--display-border": this.displayBorder,
|
|
204
|
-
"gxg-container--display-border-top": this.displayBorderTop,
|
|
205
|
-
"gxg-container--display-border-end": this.displayBorderEnd,
|
|
206
|
-
"gxg-container--display-border-bottom": this.displayBorderBottom,
|
|
207
|
-
"gxg-container--display-border-start": this.displayBorderStart,
|
|
208
|
-
} }, result));
|
|
209
|
-
}
|
|
210
|
-
get el() { return this; }
|
|
211
|
-
static get style() { return containerCss; }
|
|
212
|
-
}, [1, "gxg-container", {
|
|
213
|
-
"fieldset": [4],
|
|
214
|
-
"containerTitle": [1, "container-title"],
|
|
215
|
-
"displayBorder": [4, "display-border"],
|
|
216
|
-
"displayBorderTop": [4, "display-border-top"],
|
|
217
|
-
"displayBorderEnd": [4, "display-border-end"],
|
|
218
|
-
"displayBorderBottom": [4, "display-border-bottom"],
|
|
219
|
-
"displayBorderStart": [4, "display-border-start"],
|
|
220
|
-
"sectionsPadding": [1, "sections-padding"],
|
|
221
|
-
"noHeadingBorder": [4, "no-heading-border"],
|
|
222
|
-
"noHeadingPadding": [4, "no-heading-padding"],
|
|
223
|
-
"headingJustify": [1, "heading-justify"],
|
|
224
|
-
"noContentPadding": [4, "no-content-padding"],
|
|
225
|
-
"noContentGap": [4, "no-content-gap"],
|
|
226
|
-
"noFooterPadding": [4, "no-footer-padding"],
|
|
227
|
-
"footerJustify": [1, "footer-justify"],
|
|
228
|
-
"noBorderFooter": [4, "no-border-footer"],
|
|
229
|
-
"hasSlottedContent": [32],
|
|
230
|
-
"hasFooterSlot": [32],
|
|
231
|
-
"hasOnlyHeading": [32],
|
|
232
|
-
"hasOnlyFooter": [32]
|
|
233
|
-
}]);
|
|
234
|
-
function defineCustomElement() {
|
|
235
|
-
if (typeof customElements === "undefined") {
|
|
236
|
-
return;
|
|
237
|
-
}
|
|
238
|
-
const components = ["gxg-container", "gxg-title"];
|
|
239
|
-
components.forEach(tagName => { switch (tagName) {
|
|
240
|
-
case "gxg-container":
|
|
241
|
-
if (!customElements.get(tagName)) {
|
|
242
|
-
customElements.define(tagName, GxgContainer);
|
|
243
|
-
}
|
|
244
|
-
break;
|
|
245
|
-
case "gxg-title":
|
|
246
|
-
if (!customElements.get(tagName)) {
|
|
247
|
-
defineCustomElement$1();
|
|
248
|
-
}
|
|
249
|
-
break;
|
|
250
|
-
} });
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
export { GxgContainer as G, defineCustomElement as d };
|