@genexus/genexus-ide-ui 0.0.65 → 0.0.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{ch-checkbox_3.cjs.entry.js → ch-checkbox_4.cjs.entry.js} +744 -0
- package/dist/cjs/ch-grid_8.cjs.entry.js +11 -3
- package/dist/cjs/ch-next-data-modeling_2.cjs.entry.js +2 -2
- package/dist/cjs/ch-suggest_4.cjs.entry.js +1 -1
- package/dist/cjs/ch-window_2.cjs.entry.js +5 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-grid-chameleon.cjs.entry.js +29 -1
- package/dist/cjs/gx-ide-bpm-app-declaration.cjs.entry.js +3 -2
- package/dist/cjs/gx-ide-container_3.cjs.entry.js +251 -0
- package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +6 -4
- package/dist/cjs/gx-ide-entity-selector_2.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +4 -5
- package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +44 -57
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +113 -54
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +26 -20
- package/dist/cjs/gx-ide-new-object.cjs.entry.js +3 -2
- package/dist/cjs/gx-ide-object-selector.cjs.entry.js +8 -4
- package/dist/cjs/gx-ide-references.cjs.entry.js +4 -2
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js +3 -2
- package/dist/cjs/gx-ide-status-buttons.cjs.entry.js +11 -5
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +5 -4
- package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +5 -4
- package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js +5 -4
- package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js +4 -3
- package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +13 -9
- package/dist/cjs/gx-ide-template.cjs.entry.js +4 -4
- package/dist/cjs/gx-ide-test.cjs.entry.js +5 -96
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +145 -14
- package/dist/cjs/gxg-button-group_3.cjs.entry.js +463 -0
- package/dist/cjs/gxg-button_2.cjs.entry.js +1 -1
- package/dist/cjs/gxg-card.cjs.entry.js +7 -3
- package/dist/cjs/gxg-combo-box_2.cjs.entry.js +29 -21
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js +1 -11
- package/dist/cjs/gxg-form-radio-group.cjs.entry.js +0 -3
- package/dist/cjs/gxg-form-radio.cjs.entry.js +1 -1
- package/dist/cjs/{gx-ide-container_4.cjs.entry.js → gxg-form-text.cjs.entry.js} +1 -255
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -13
- package/dist/cjs/gxg-list-box_2.cjs.entry.js +20 -8
- package/dist/cjs/gxg-tab_4.cjs.entry.js +2 -2
- package/dist/cjs/gxg-test.cjs.entry.js +2 -161
- package/dist/cjs/gxg-text.cjs.entry.js +28 -2
- package/dist/cjs/gxg-title-editable.cjs.entry.js +1 -1
- package/dist/cjs/helpers-ccaa35de.js +91 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +5 -5
- package/dist/collection/common/helpers.js +45 -0
- package/dist/collection/components/_helpers/container/container.css +14 -0
- package/dist/collection/components/_helpers/container/container.js +29 -5
- package/dist/collection/components/_helpers/entity-selector/entity-selector.css +1 -0
- package/dist/collection/components/_helpers/list-selector/list-selector-item/list-selector-item.css +4 -0
- package/dist/collection/components/_helpers/list-selector/list-selector.css +4 -0
- package/dist/collection/components/_helpers/status-buttons/gx-ide-status-buttons.js +14 -8
- package/dist/collection/components/_starting-template/gx-ide-assets/template/langs/template.lang.en.json +8 -1
- package/dist/collection/components/_starting-template/template.css +12 -0
- package/dist/collection/components/_starting-template/template.js +11 -10
- package/dist/collection/components/_test/test.css +15 -3
- package/dist/collection/components/_test/test.js +4 -95
- package/dist/collection/components/bpm-application-declaration/bpm-app-declaration.css +12 -0
- package/dist/collection/components/bpm-application-declaration/bpm-app-declaration.js +20 -1
- package/dist/collection/components/bpm-application-declaration/gx-ide-assets/bpm-app-declaration/langs/bpm-app-declaration.lang.en.json +2 -3
- package/dist/collection/components/create-kb-from-server/create-kb-from-server.css +12 -0
- package/dist/collection/components/create-kb-from-server/create-kb-from-server.js +23 -3
- package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json +4 -3
- package/dist/collection/components/kb-manager-export/kb-manager-export.css +12 -0
- package/dist/collection/components/kb-manager-export/kb-manager-export.js +21 -4
- package/dist/collection/components/kb-manager-import/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +3 -6
- package/dist/collection/components/kb-manager-import/kb-manager-import.css +12 -0
- package/dist/collection/components/kb-manager-import/kb-manager-import.js +84 -59
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +1 -1
- package/dist/collection/components/new-environment/new-environment.css +12 -0
- package/dist/collection/components/new-environment/new-environment.js +235 -120
- package/dist/collection/components/new-kb/new-kb.css +24 -0
- package/dist/collection/components/new-kb/new-kb.js +43 -19
- package/dist/collection/components/new-object/gx-ide-assets/new-object/langs/new-object.lang.en.json +1 -1
- package/dist/collection/components/new-object/new-object.css +12 -0
- package/dist/collection/components/new-object/new-object.js +20 -1
- 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 +15 -0
- package/dist/collection/components/object-selector/object-selector.js +24 -2
- package/dist/collection/components/references/references.css +12 -0
- package/dist/collection/components/references/references.js +22 -2
- package/dist/collection/components/share-kb/share-kb.css +12 -0
- package/dist/collection/components/share-kb/share-kb.js +20 -1
- package/dist/collection/components/team-dev/commit/{team-dev-commit.css → commit.css} +12 -0
- package/dist/collection/components/team-dev/commit/{team-dev-commit.js → commit.js} +22 -3
- package/dist/collection/components/team-dev/select-recent-comment/{team-dev-select-recent-comment.css → select-recent-comment.css} +12 -0
- package/dist/collection/components/team-dev/select-recent-comment/{team-dev-select-recent-comment.js → select-recent-comment.js} +23 -4
- package/dist/collection/components/team-dev/update/{team-dev-update.css → update.css} +17 -2
- package/dist/collection/components/team-dev/update/{team-dev-update.js → update.js} +34 -12
- package/dist/collection/components/team-dev/update-partial-selection/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.en.json +1 -1
- package/dist/collection/components/team-dev/update-partial-selection/{team-dev-update-partial-selection.css → update-partial-selection.css} +12 -0
- package/dist/collection/components/team-dev/update-partial-selection/{team-dev-update-partial-selection.js → update-partial-selection.js} +23 -4
- package/dist/collection/components/team-dev/update-to-revision/{team-dev-update-to-revision.css → update-to-revision.css} +12 -0
- package/dist/collection/components/team-dev/update-to-revision/{team-dev-update-to-revision.js → update-to-revision.js} +22 -3
- package/dist/collection/components/ww-images/gx-ide-assets/ww-images/langs/ww-images.lang.en.json +2 -2
- package/dist/collection/components/ww-images/ww-images.css +38 -6
- package/dist/collection/components/ww-images/ww-images.js +168 -14
- package/dist/components/button-group.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/ch-grid2.js +11 -3
- package/dist/components/ch-window2.js +5 -0
- package/dist/components/combo-box.js +30 -21
- package/dist/components/container.js +13 -6
- package/dist/components/entity-selector.js +1 -1
- package/dist/components/form-checkbox.js +1 -11
- package/dist/components/form-radio-group.js +0 -3
- package/dist/components/form-radio.js +1 -1
- package/dist/components/form-text.js +1 -18
- package/dist/components/form-textarea.js +1 -13
- package/dist/components/gx-grid-chameleon.js +29 -1
- package/dist/components/gx-ide-bpm-app-declaration.js +4 -2
- package/dist/components/gx-ide-create-kb-from-server.js +7 -4
- package/dist/components/gx-ide-kb-manager-export.js +5 -5
- package/dist/components/gx-ide-kb-manager-import.js +46 -57
- package/dist/components/gx-ide-new-environment.js +123 -61
- package/dist/components/gx-ide-new-kb.js +27 -20
- package/dist/components/gx-ide-new-object.js +4 -2
- package/dist/components/gx-ide-object-selector.js +8 -3
- package/dist/components/gx-ide-references.js +5 -2
- package/dist/components/gx-ide-share-kb.js +4 -2
- package/dist/components/gx-ide-status-buttons2.js +12 -6
- package/dist/components/gx-ide-team-dev-commit.js +5 -3
- package/dist/components/gx-ide-team-dev-select-recent-comment.js +6 -4
- package/dist/components/gx-ide-team-dev-update-partial-selection.js +6 -4
- package/dist/components/gx-ide-team-dev-update-to-revision.js +5 -3
- package/dist/components/gx-ide-team-dev-update.js +14 -9
- package/dist/components/gx-ide-template.js +5 -5
- package/dist/components/gx-ide-test.js +34 -107
- package/dist/components/gx-ide-ww-images.js +148 -14
- package/dist/components/gxg-card.js +8 -3
- package/dist/components/gxg-test.js +17 -166
- package/dist/components/helpers2.js +47 -5
- package/dist/components/index.d.ts +5 -5
- package/dist/components/list-box-item.js +2 -2
- package/dist/components/list-box.js +18 -6
- package/dist/components/next-data-modeling-item.js +2 -2
- package/dist/components/suggest.js +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/text.js +44 -3
- package/dist/components/title-editable.js +1 -1
- package/dist/components/tree-view-render.js +98 -3
- package/dist/components/tree-view2.js +11 -6
- package/dist/esm/{ch-checkbox_3.entry.js → ch-checkbox_4.entry.js} +745 -2
- package/dist/esm/ch-grid_8.entry.js +11 -3
- package/dist/esm/ch-next-data-modeling_2.entry.js +2 -2
- package/dist/esm/ch-suggest_4.entry.js +1 -1
- package/dist/esm/ch-window_2.entry.js +5 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-grid-chameleon.entry.js +29 -1
- package/dist/esm/gx-ide-bpm-app-declaration.entry.js +3 -2
- package/dist/esm/gx-ide-container_3.entry.js +245 -0
- package/dist/esm/gx-ide-create-kb-from-server.entry.js +6 -4
- package/dist/esm/gx-ide-entity-selector_2.entry.js +1 -1
- package/dist/esm/gx-ide-kb-manager-export.entry.js +4 -5
- package/dist/esm/gx-ide-kb-manager-import.entry.js +44 -57
- package/dist/esm/gx-ide-new-environment.entry.js +113 -54
- package/dist/esm/gx-ide-new-kb.entry.js +26 -20
- package/dist/esm/gx-ide-new-object.entry.js +3 -2
- package/dist/esm/gx-ide-object-selector.entry.js +8 -4
- package/dist/esm/gx-ide-references.entry.js +4 -2
- package/dist/esm/gx-ide-share-kb.entry.js +3 -2
- package/dist/esm/gx-ide-status-buttons.entry.js +11 -5
- package/dist/esm/gx-ide-team-dev-commit.entry.js +5 -4
- package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +5 -4
- package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js +5 -4
- package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js +4 -3
- package/dist/esm/gx-ide-team-dev-update.entry.js +13 -9
- package/dist/esm/gx-ide-template.entry.js +4 -4
- package/dist/esm/gx-ide-test.entry.js +5 -96
- package/dist/esm/gx-ide-ww-images.entry.js +145 -14
- package/dist/esm/gxg-button-group_3.entry.js +457 -0
- package/dist/esm/gxg-button_2.entry.js +1 -1
- package/dist/esm/gxg-card.entry.js +7 -3
- package/dist/esm/gxg-combo-box_2.entry.js +29 -21
- package/dist/esm/gxg-form-checkbox.entry.js +1 -11
- package/dist/esm/gxg-form-radio-group.entry.js +0 -3
- package/dist/esm/gxg-form-radio.entry.js +1 -1
- package/dist/esm/{gx-ide-container_4.entry.js → gxg-form-text.entry.js} +3 -254
- package/dist/esm/gxg-form-textarea.entry.js +1 -13
- package/dist/esm/gxg-list-box_2.entry.js +20 -8
- package/dist/esm/gxg-tab_4.entry.js +2 -2
- package/dist/esm/gxg-test.entry.js +2 -161
- package/dist/esm/gxg-text.entry.js +28 -2
- package/dist/esm/gxg-title-editable.entry.js +1 -1
- package/dist/esm/helpers-8c78765c.js +85 -0
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
- 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 +2 -3
- package/dist/genexus-ide-ui/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json +4 -3
- package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +3 -6
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/new-object/langs/new-object.lang.en.json +1 -1
- 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/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/template/langs/template.lang.en.json +8 -1
- package/dist/genexus-ide-ui/gx-ide-assets/ww-images/langs/ww-images.lang.en.json +2 -2
- package/dist/genexus-ide-ui/p-0a08e155.entry.js +1 -0
- package/dist/genexus-ide-ui/p-0bc94d27.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-6fafe9d4.entry.js → p-114a13bb.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-1a6e4517.entry.js +1 -0
- package/dist/genexus-ide-ui/p-2076b839.entry.js +1 -0
- package/dist/genexus-ide-ui/p-22394d31.entry.js +1 -0
- package/dist/genexus-ide-ui/p-3299e7c3.entry.js +1 -0
- package/dist/genexus-ide-ui/p-39768522.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4211ff97.entry.js +1 -0
- package/dist/genexus-ide-ui/p-51e3da20.entry.js +1 -0
- package/dist/genexus-ide-ui/p-5a52aba5.entry.js +1 -0
- package/dist/genexus-ide-ui/p-5b83f519.entry.js +1 -0
- package/dist/genexus-ide-ui/p-5b9b3218.entry.js +1 -0
- package/dist/genexus-ide-ui/p-5ded93e6.entry.js +1 -0
- package/dist/genexus-ide-ui/p-63011e2b.entry.js +1 -0
- package/dist/genexus-ide-ui/p-6924e221.entry.js +1 -0
- package/dist/genexus-ide-ui/p-6942791b.entry.js +1 -0
- package/dist/genexus-ide-ui/p-75479874.entry.js +1 -0
- package/dist/genexus-ide-ui/p-974b7762.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-02c50994.entry.js → p-9c2604c9.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-9c2ba4ba.js +1 -0
- package/dist/genexus-ide-ui/{p-3fc20855.entry.js → p-a09a63e2.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-b29e1a3b.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b65e0ae6.entry.js +1 -0
- package/dist/genexus-ide-ui/p-baafbb09.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c26d9afd.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ca7642b4.entry.js +1 -0
- package/dist/genexus-ide-ui/p-cb34d351.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ccecb23d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d0160e61.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d829c57e.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d9e0d054.entry.js +1 -0
- package/dist/genexus-ide-ui/p-db435255.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-4cb93e1b.entry.js → p-e08493a5.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-e2051df2.entry.js +1 -0
- package/dist/genexus-ide-ui/p-e601b8e7.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ee85040d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f2de7654.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f5d17529.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f5e48de3.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f7eaee98.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-264f77c4.entry.js → p-fb5cec1b.entry.js} +1 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/next/data-modeling-item/next-data-modeling-item.css +7 -4
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +0 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button-group/button-group.css +0 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.css +5 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box/combo-box.css +14 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +8 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css +5 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +1 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +24 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css +0 -18
- package/dist/node_modules/@genexus/gemini/dist/collection/components/test/test.css +17 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +28 -13
- package/dist/node_modules/@genexus/gemini/dist/collection/components/title-editable/title-editable.css +5 -0
- package/dist/types/common/helpers.d.ts +12 -0
- package/dist/types/components/_helpers/container/container.d.ts +4 -0
- package/dist/types/components/_helpers/status-buttons/gx-ide-status-buttons.d.ts +2 -2
- package/dist/types/components/_starting-template/template.d.ts +2 -2
- package/dist/types/components/_test/test.d.ts +0 -3
- package/dist/types/components/bpm-application-declaration/bpm-app-declaration.d.ts +4 -0
- package/dist/types/components/create-kb-from-server/create-kb-from-server.d.ts +4 -0
- package/dist/types/components/kb-manager-export/kb-manager-export.d.ts +4 -0
- package/dist/types/components/kb-manager-import/kb-manager-import.d.ts +19 -15
- package/dist/types/components/new-environment/new-environment.d.ts +56 -31
- package/dist/types/components/new-kb/new-kb.d.ts +9 -2
- package/dist/types/components/new-object/new-object.d.ts +5 -1
- package/dist/types/components/object-selector/object-selector.d.ts +4 -0
- package/dist/types/components/references/references.d.ts +5 -0
- package/dist/types/components/share-kb/share-kb.d.ts +4 -0
- package/dist/types/components/team-dev/commit/{team-dev-commit.d.ts → commit.d.ts} +4 -0
- package/dist/types/components/team-dev/select-recent-comment/{team-dev-select-recent-comment.d.ts → select-recent-comment.d.ts} +4 -0
- package/dist/types/components/team-dev/update/{team-dev-update.d.ts → update.d.ts} +6 -2
- package/dist/types/components/team-dev/update-partial-selection/{team-dev-update-partial-selection.d.ts → update-partial-selection.d.ts} +10 -6
- package/dist/types/components/team-dev/update-to-revision/{team-dev-update-to-revision.d.ts → update-to-revision.d.ts} +8 -4
- package/dist/types/components/ww-images/ww-images.d.ts +25 -1
- package/dist/types/components.d.ts +197 -37
- package/package.json +3 -3
- package/dist/cjs/ch-tree-view-render_2.cjs.entry.js +0 -822
- package/dist/cjs/gxg-button-group_2.cjs.entry.js +0 -295
- package/dist/cjs/helpers-b62ea39c.js +0 -46
- package/dist/collection/components/team-dev/select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.en.json +0 -5
- package/dist/collection/components/team-dev/select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.ja.json +0 -3
- package/dist/collection/components/team-dev/select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.zh.json +0 -3
- package/dist/esm/ch-tree-view-render_2.entry.js +0 -817
- package/dist/esm/gxg-button-group_2.entry.js +0 -290
- package/dist/esm/helpers-c29a9591.js +0 -43
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.en.json +0 -5
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.ja.json +0 -3
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.zh.json +0 -3
- package/dist/genexus-ide-ui/p-00bb2aa7.entry.js +0 -1
- package/dist/genexus-ide-ui/p-045ddedf.entry.js +0 -1
- package/dist/genexus-ide-ui/p-0495c639.entry.js +0 -1
- package/dist/genexus-ide-ui/p-0cba56a1.entry.js +0 -1
- package/dist/genexus-ide-ui/p-10fa87ef.entry.js +0 -1
- package/dist/genexus-ide-ui/p-266539cf.entry.js +0 -1
- package/dist/genexus-ide-ui/p-2dc875c2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-2ec6d722.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3dacc147.entry.js +0 -1
- package/dist/genexus-ide-ui/p-43386091.entry.js +0 -1
- package/dist/genexus-ide-ui/p-439a45c1.entry.js +0 -1
- package/dist/genexus-ide-ui/p-4d653456.entry.js +0 -1
- package/dist/genexus-ide-ui/p-783a1530.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7c64e541.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7dfeb944.entry.js +0 -1
- package/dist/genexus-ide-ui/p-81776364.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8c574452.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8d99e6a5.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8fddfbd1.entry.js +0 -1
- package/dist/genexus-ide-ui/p-9ee8b615.js +0 -1
- package/dist/genexus-ide-ui/p-a05224f3.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a06d0915.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a8d037cf.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b0268924.entry.js +0 -1
- package/dist/genexus-ide-ui/p-baabb0be.entry.js +0 -1
- package/dist/genexus-ide-ui/p-bf5c0727.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c3a1a74c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cd285670.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cd74a437.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cdaaf8f9.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ce76b613.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d192b1e9.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d5005f26.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e7c96dec.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ec9c9f44.entry.js +0 -1
- package/dist/genexus-ide-ui/p-eed26277.entry.js +0 -1
- package/dist/genexus-ide-ui/p-fae07693.entry.js +0 -1
|
@@ -1,295 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-f9bb1815.js');
|
|
6
|
-
const store = require('./store-5fad773e.js');
|
|
7
|
-
|
|
8
|
-
const buttonGroupCss = "/*! 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(.button-group){display:inline-block;line-height:0;outline:none}:host(.button-group) .button-group-container{font-size:0;position:relative}:host(.button-group) ::slotted(button){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;background:var(--color-primary-enabled);border:0;box-shadow:inset 0px 0px 0px 1px transparent;border-radius:var(--border-radius-xs);display:inline-flex;align-items:center;justify-content:center;padding-top:2.5px;padding-right:var(--spacing-comp-03);padding-bottom:2.5px;padding-left:var(--spacing-comp-03);line-height:var(--line-height-regular);transition:background var(--ui-animaton-speed) ease, color var(--ui-animaton-speed) ease, box-shadow var(--ui-animaton-speed) ease;color:var(--color-on-primary);background-color:var(--gray-00);color:var(--color-primary);border-inline-end:1px solid var(--gray-02);padding-left:var(--spacing-comp-03);padding-right:var(--spacing-comp-03);height:20px}:host(.button-group) ::slotted(button:first-child){border-top-left-radius:var(--border-radius-xs);border-bottom-left-radius:var(--border-radius-xs)}:host(.button-group) ::slotted(button:last-child){border-top-right-radius:var(--border-radius-xs);border-bottom-right-radius:var(--border-radius-xs)}:host(.button-group) ::slotted(button:focus){outline:none}:host(.button-group) ::slotted(button[data-active]){color:var(--color-on-primary);background-color:var(--color-primary-enabled);border-right-color:var(--color-primary-enabled)}:host(.button-group) ::slotted(button:not([outlined]):hover){color:var(--color-on-primary);background-color:var(--color-primary-hover);cursor:pointer}:host([disable-active]) ::slotted(button[data-active]){pointer-events:none}:host(:not([outlined])) ::slotted(button[data-active]){--gxg-border-color--focused:var(--color-primary-active--inverted);color:var(--color-on-primary);background-color:var(--color-primary-enabled);border-right-color:var(--color-primary-enabled)}:host(:not([outlined])) ::slotted(button[disabled]){background-color:var(--gxg-background-color--disabled);color:var(--gxg-color--disabled);border-inline-end-color:var(--gxg-border-color--disabled);pointer-events:none}:host([outlined]) ::slotted(button[disabled]),:host([outlined]) ::slotted(button[data-active][disabled]){background-color:var(--color-background);color:var(--gxg-color--disabled);border-color:var(--gxg-border-color--disabled);pointer-events:none;cursor:cell}:host(.button-group:not([disabled])) ::slotted(button:focus){outline:none;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host(.rtl) ::slotted(button:last-child){border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);border-top-right-radius:0;border-bottom-right-radius:0}:host(.rtl) ::slotted(button:first-child){border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-top-left-radius:0;border-bottom-left-radius:0}:host(.rtl) ::slotted(button){border-left:1px solid var(--gray-02);border-right:0}:host(.rtl) ::slotted(button:last-child){border-left:0}:host(.button-group:not([outlined])) ::slotted(button:last-child){border-right:none}:host([outlined]) ::slotted(button){background:var(--color-background);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--color-primary-enabled)}:host([outlined]) ::slotted(button[data-active]){color:var(--color-primary-hover);background-color:var(--color-primary-hover-opacity-01)}:host([outlined]) ::slotted(button:hover){color:var(--color-primary-hover) !important;background-color:var(--color-primary-hover-opacity-01) !important}:host([outlined]) ::slotted(button:not(:last-child)){border-right:0}:host(.button-group:not([outlined])) ::slotted(button:last-child){border-right:none}:host([title-alignment=center]){}:host([title-alignment=center]) .button-group-header-title{justify-content:center}:host([title-alignment=right]){}:host([title-alignment=right]) .button-group-header-title{justify-content:flex-end}:host([full-width]){display:block;width:100%}:host([full-width]) .button-group-container{display:flex}:host([full-width]) .button-group-container ::slotted(*){flex:1 1 auto !important}:host(.button-group.large) .button-group-header-title{font-size:var(--font-size-lg)}:host(.button-group.large) ::slotted(button){height:var(--spacing-comp-05);font-size:var(--font-size-lg) !important}";
|
|
9
|
-
|
|
10
|
-
const GxgButtonGroup = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
/**
|
|
14
|
-
The button group title alignment
|
|
15
|
-
*/
|
|
16
|
-
this.titleAlignment = "start";
|
|
17
|
-
/**
|
|
18
|
-
Wether the button group is disabled or not
|
|
19
|
-
*/
|
|
20
|
-
this.disabled = false;
|
|
21
|
-
/**
|
|
22
|
-
* The presence of this attribute makes the component full-width
|
|
23
|
-
*/
|
|
24
|
-
this.fullWidth = false;
|
|
25
|
-
/**
|
|
26
|
-
* The presence of this attribute makes the button group outlined
|
|
27
|
-
*/
|
|
28
|
-
this.outlined = false;
|
|
29
|
-
/**
|
|
30
|
-
* The presence of this attribute disables the currently active button, meaning that it can not be pressed or clicked.
|
|
31
|
-
*/
|
|
32
|
-
this.disableActive = false;
|
|
33
|
-
/**
|
|
34
|
-
The buttons style
|
|
35
|
-
*/
|
|
36
|
-
this.type = "primary";
|
|
37
|
-
this.removeFocusAll = () => {
|
|
38
|
-
const allButtons = this.el.querySelectorAll("button");
|
|
39
|
-
allButtons.forEach((button) => {
|
|
40
|
-
button.blur();
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
/**
|
|
44
|
-
The value of the current selected button
|
|
45
|
-
*/
|
|
46
|
-
this.value = "";
|
|
47
|
-
/**
|
|
48
|
-
* Reading direction
|
|
49
|
-
*/
|
|
50
|
-
this.rtl = false;
|
|
51
|
-
}
|
|
52
|
-
watchActiveButtonIdHandler(newValue) {
|
|
53
|
-
const allButtons = this.el.querySelectorAll("button");
|
|
54
|
-
let newActiveButton;
|
|
55
|
-
this.removeFocusAll();
|
|
56
|
-
allButtons.forEach((button) => {
|
|
57
|
-
if (button.id === newValue) {
|
|
58
|
-
newActiveButton = button;
|
|
59
|
-
}
|
|
60
|
-
button.removeAttribute("data-active");
|
|
61
|
-
button.setAttribute("aria-pressed", "false");
|
|
62
|
-
});
|
|
63
|
-
if (newActiveButton) {
|
|
64
|
-
newActiveButton.disabled = false;
|
|
65
|
-
newActiveButton.setAttribute("data-active", "");
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
componentDidLoad() {
|
|
69
|
-
//Reading Direction
|
|
70
|
-
const dirHtml = document
|
|
71
|
-
.getElementsByTagName("html")[0]
|
|
72
|
-
.getAttribute("dir");
|
|
73
|
-
const dirBody = document
|
|
74
|
-
.getElementsByTagName("body")[0]
|
|
75
|
-
.getAttribute("dir");
|
|
76
|
-
if (dirHtml === "rtl" || dirBody === "rtl") {
|
|
77
|
-
this.rtl = true;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
/*********************************
|
|
81
|
-
METHODS
|
|
82
|
-
*********************************/
|
|
83
|
-
componentWillLoad() {
|
|
84
|
-
if (!this.disabled) {
|
|
85
|
-
this.setInitialActiveValue();
|
|
86
|
-
}
|
|
87
|
-
if (this.disabled) {
|
|
88
|
-
this.value = null;
|
|
89
|
-
}
|
|
90
|
-
//if disabled, set buttons tabindex equal to "-1"
|
|
91
|
-
if (this.disabled) {
|
|
92
|
-
const buttonsHtmlCollection = this.el.children;
|
|
93
|
-
Array.from(buttonsHtmlCollection).forEach(function (button) {
|
|
94
|
-
button.setAttribute("tab-index", "-1");
|
|
95
|
-
button.style.pointerEvents = "none";
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
setActiveButton(event) {
|
|
100
|
-
const tagName = event.target.tagName;
|
|
101
|
-
if (tagName !== "BUTTON") ;
|
|
102
|
-
else {
|
|
103
|
-
const buttonsHtmlCollection = this.el.children;
|
|
104
|
-
Array.from(buttonsHtmlCollection).forEach(function (button) {
|
|
105
|
-
button.removeAttribute("data-active");
|
|
106
|
-
button.setAttribute("aria-pressed", "false");
|
|
107
|
-
});
|
|
108
|
-
event.target.setAttribute("data-active", "");
|
|
109
|
-
event.target.setAttribute("aria-pressed", "true");
|
|
110
|
-
this.value = event.target.value;
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
setInitialActiveValue() {
|
|
114
|
-
let buttonValue = "";
|
|
115
|
-
//get id of all buttons into array
|
|
116
|
-
const buttonsHtmlCollection = this.el.children;
|
|
117
|
-
const buttonsIdsArray = [];
|
|
118
|
-
Array.from(buttonsHtmlCollection).forEach((button) => {
|
|
119
|
-
const b = button;
|
|
120
|
-
b.setAttribute("tabindex", "0");
|
|
121
|
-
if (b.getAttribute("id") !== "") {
|
|
122
|
-
buttonsIdsArray.push(b.getAttribute("id"));
|
|
123
|
-
}
|
|
124
|
-
});
|
|
125
|
-
//if defaultSelectedBtnId is equal to any id of the array, set that button as active
|
|
126
|
-
if (this.defaultSelectedBtnId === undefined ||
|
|
127
|
-
this.defaultSelectedBtnId.replace(/\s/g, "") === "" ||
|
|
128
|
-
!buttonsIdsArray.includes(this.defaultSelectedBtnId)) {
|
|
129
|
-
// defaultSelectedBtnId is not part of any button id
|
|
130
|
-
//By default, set the first button as the active button
|
|
131
|
-
this.el.children[0].setAttribute("data-active", "");
|
|
132
|
-
buttonValue = this.el.children[0].getAttribute("value");
|
|
133
|
-
this.el.children[0].setAttribute("aria-pressed", "true");
|
|
134
|
-
}
|
|
135
|
-
else {
|
|
136
|
-
if (buttonsIdsArray.includes(this.defaultSelectedBtnId)) {
|
|
137
|
-
Array.from(buttonsHtmlCollection).forEach((button) => {
|
|
138
|
-
const b = button;
|
|
139
|
-
if (b.id == this.defaultSelectedBtnId) {
|
|
140
|
-
//set the value to the active button value
|
|
141
|
-
buttonValue = this.defaultSelectedBtnId = b.getAttribute("value");
|
|
142
|
-
b.setAttribute("data-active", "");
|
|
143
|
-
b.setAttribute("aria-pressed", "true");
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
this.value = buttonValue;
|
|
149
|
-
}
|
|
150
|
-
detectFocus(event) {
|
|
151
|
-
if (this.el === document.activeElement) {
|
|
152
|
-
const buttonsHtmlCollection = this.el.children;
|
|
153
|
-
const n = buttonsHtmlCollection.length;
|
|
154
|
-
if (event.keyCode === 9 && event.shiftKey) {
|
|
155
|
-
//set focus to the last button
|
|
156
|
-
buttonsHtmlCollection.item(n).focus();
|
|
157
|
-
}
|
|
158
|
-
else if (event.keyCode === 9) {
|
|
159
|
-
//set focus to the first button
|
|
160
|
-
buttonsHtmlCollection.item(0).focus();
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
tabIndex() {
|
|
165
|
-
if (this.disabled) {
|
|
166
|
-
return "-1";
|
|
167
|
-
}
|
|
168
|
-
else {
|
|
169
|
-
return "0";
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
render() {
|
|
173
|
-
let header = null;
|
|
174
|
-
if (this.buttonGroupTitle !== undefined) {
|
|
175
|
-
header = (index.h("header", { class: "button-group-header" }, index.h("gxg-label", { class: "button-group-header-label" }, this.buttonGroupTitle)));
|
|
176
|
-
}
|
|
177
|
-
return (index.h(index.Host, { tabindex: this.tabIndex(), role: "group", "aria-label": this.buttonGroupTitle, class: {
|
|
178
|
-
"button-group": true,
|
|
179
|
-
rtl: this.rtl,
|
|
180
|
-
large: store.state.large,
|
|
181
|
-
}, value: this.value, "title-alignment": this.titleAlignment, onKeyUp: this.detectFocus.bind(this) }, header, index.h("div", { class: "button-group-container", onClick: this.setActiveButton.bind(this) }, index.h("slot", null))));
|
|
182
|
-
}
|
|
183
|
-
get el() { return index.getElement(this); }
|
|
184
|
-
static get watchers() { return {
|
|
185
|
-
"activeButtonId": ["watchActiveButtonIdHandler"]
|
|
186
|
-
}; }
|
|
187
|
-
};
|
|
188
|
-
GxgButtonGroup.style = buttonGroupCss;
|
|
189
|
-
|
|
190
|
-
const ideLoaderCss = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block}ch-window::part(mask){overflow:hidden}ch-window::part(main){height:100%}ch-window::part(window){width:100%;height:100%}.loader__wrapper{opacity:0;transition:var(--show-transition) opacity;width:100%;height:100%;display:flex;background-color:rgba(var(--color-background--rgb), 0.45);backdrop-filter:blur(15px);padding:var(--spacing-comp-05);flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;-webkit-animation:wrapper 0.6s infinite alternate;animation:wrapper 0.6s infinite alternate;color:var(--color-on-secondary)}.loader__wrapper--visible{opacity:1}.loader__spinner{border:2px var(--gray-01) solid;border-top:2px var(--color-primary-enabled) solid;border-radius:50%;-webkit-animation:spinner 0.6s infinite linear;animation:spinner 0.6s infinite linear;width:30px;height:30px}.loader__content-wrapper{display:flex;flex-direction:column;margin-block-start:var(--spacing-comp-05);gap:var(--spacing-comp-03);max-width:400px}.loader__content-wrapper--hidden{display:none}.loader__cancel-button--move-up{position:relative;top:-4px}@keyframes wrapper{from{background-color:rgba(var(--color-background--rgb), 0.45)}to{background-color:rgba(var(--color-background--rgb), 0.25)}}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes spinner{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}";
|
|
191
|
-
|
|
192
|
-
const IdeLoader = class {
|
|
193
|
-
constructor(hostRef) {
|
|
194
|
-
index.registerInstance(this, hostRef);
|
|
195
|
-
/*
|
|
196
|
-
INDEX:
|
|
197
|
-
1.OWN PROPERTIES
|
|
198
|
-
2.REFERENCE TO ELEMENTS
|
|
199
|
-
3.STATE() VARIABLES
|
|
200
|
-
4.PUBLIC PROPERTY API | WATCH'S
|
|
201
|
-
5.EVENTS (EMIT)
|
|
202
|
-
6.COMPONENT LIFECYCLE EVENTS
|
|
203
|
-
7.LISTENERS
|
|
204
|
-
8.PUBLIC METHODS API
|
|
205
|
-
9.LOCAL METHODS
|
|
206
|
-
10.RENDER() FUNCTION
|
|
207
|
-
*/
|
|
208
|
-
// 1.OWN PROPERTIES //
|
|
209
|
-
/**
|
|
210
|
-
* The transition speed for displaying/hiding the ch-window
|
|
211
|
-
*/
|
|
212
|
-
this.showTransition = 200;
|
|
213
|
-
// 3.STATE() VARIABLES //
|
|
214
|
-
/**
|
|
215
|
-
* shows the ch-window
|
|
216
|
-
*/
|
|
217
|
-
this.showWindow = false;
|
|
218
|
-
/**
|
|
219
|
-
* shows the '.loader-wrapper'
|
|
220
|
-
*/
|
|
221
|
-
this.showWrapper = false;
|
|
222
|
-
/**
|
|
223
|
-
* It shows the loader
|
|
224
|
-
*/
|
|
225
|
-
this.show = false;
|
|
226
|
-
/**
|
|
227
|
-
* The time the loader will await before abort.
|
|
228
|
-
*/
|
|
229
|
-
this.abortTime = 5000;
|
|
230
|
-
// 5.EVENTS (EMIT) //
|
|
231
|
-
// 6.COMPONENT LIFECYCLE EVENTS //
|
|
232
|
-
// 7.LISTENERS //
|
|
233
|
-
// 8.PUBLIC METHODS API //
|
|
234
|
-
// 9.LOCAL METHODS //
|
|
235
|
-
this.renderTitle = () => {
|
|
236
|
-
return this.loaderTitle ? (index.h("gxg-title", { class: "loader__title", type: "title-04", alignment: "center" }, this.loaderTitle)) : null;
|
|
237
|
-
};
|
|
238
|
-
this.renderDescription = () => {
|
|
239
|
-
return this.description ? (index.h("gxg-text", { class: "loader__description", type: "text-regular", textAlign: "center" }, this.description)) : null;
|
|
240
|
-
};
|
|
241
|
-
this.renderCancelButton = () => {
|
|
242
|
-
return this.cancelLabel ? (index.h("gxg-button", { class: {
|
|
243
|
-
[`loader__cancel-button`]: true,
|
|
244
|
-
"loader__cancel-button--move-up": this.loaderTitle && !this.description,
|
|
245
|
-
}, type: "secondary-text-icon", onClick: this.cancelProcess }, this.cancelLabel)) : null;
|
|
246
|
-
};
|
|
247
|
-
this.cancelProcess = () => {
|
|
248
|
-
if (this.cancelCallback) {
|
|
249
|
-
this.cancelCallback();
|
|
250
|
-
}
|
|
251
|
-
clearTimeout(this.timeoutReference);
|
|
252
|
-
this.show = false;
|
|
253
|
-
};
|
|
254
|
-
}
|
|
255
|
-
showHandler(show) {
|
|
256
|
-
const timeout = 50;
|
|
257
|
-
if (show) {
|
|
258
|
-
this.showWindow = true;
|
|
259
|
-
setTimeout(() => {
|
|
260
|
-
this.showWrapper = true;
|
|
261
|
-
}, timeout);
|
|
262
|
-
}
|
|
263
|
-
else {
|
|
264
|
-
this.showWrapper = false;
|
|
265
|
-
setTimeout(() => {
|
|
266
|
-
this.showWindow = false;
|
|
267
|
-
}, this.showTransition);
|
|
268
|
-
}
|
|
269
|
-
if (show) {
|
|
270
|
-
if (this.timeoutReference) {
|
|
271
|
-
clearTimeout(this.timeoutReference);
|
|
272
|
-
}
|
|
273
|
-
this.timeoutReference = setTimeout(() => {
|
|
274
|
-
this.show = false;
|
|
275
|
-
}, this.abortTime);
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
// 10.RENDER() FUNCTION //
|
|
279
|
-
render() {
|
|
280
|
-
return (index.h(index.Host, null, index.h("ch-window", { closeOnEscape: false, closeOnOutsideClick: false, container: this.container, hidden: !this.showWindow, modal: false, showFooter: false, showHeader: false, style: { "--show-transition": `${this.showTransition}ms` } }, index.h("div", { class: {
|
|
281
|
-
[`loader__wrapper`]: true,
|
|
282
|
-
"loader__wrapper--visible": this.showWrapper,
|
|
283
|
-
} }, index.h("div", { class: "loader__spinner" }), index.h("div", { class: {
|
|
284
|
-
"loader__content-wrapper": true,
|
|
285
|
-
"loader__content-wrapper--hidden": !this.description && !this.loaderTitle && !this.cancelLabel,
|
|
286
|
-
} }, this.renderTitle(), this.renderDescription(), this.renderCancelButton())))));
|
|
287
|
-
}
|
|
288
|
-
static get watchers() { return {
|
|
289
|
-
"show": ["showHandler"]
|
|
290
|
-
}; }
|
|
291
|
-
};
|
|
292
|
-
IdeLoader.style = ideLoaderCss;
|
|
293
|
-
|
|
294
|
-
exports.gxg_button_group = GxgButtonGroup;
|
|
295
|
-
exports.gxg_ide_loader = IdeLoader;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* @param element an HTMLElement
|
|
5
|
-
* @returns an alphabetically ordered array of all the parts and exportparts the element contains.
|
|
6
|
-
*/
|
|
7
|
-
const formatDate = (date, type = "date-time") => {
|
|
8
|
-
var _a;
|
|
9
|
-
let formattedDate;
|
|
10
|
-
// validate date
|
|
11
|
-
// undefined or null
|
|
12
|
-
if (date === undefined || date === null) {
|
|
13
|
-
return "";
|
|
14
|
-
}
|
|
15
|
-
// If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself
|
|
16
|
-
const dateIsValid = date.getTime() === date.getTime();
|
|
17
|
-
if (!dateIsValid) {
|
|
18
|
-
return "Invalid date";
|
|
19
|
-
}
|
|
20
|
-
let locale = "en-US";
|
|
21
|
-
const lang = (_a = document
|
|
22
|
-
.getElementsByTagName("html")[0]
|
|
23
|
-
.getAttribute("lang")) === null || _a === void 0 ? void 0 : _a.valueOf();
|
|
24
|
-
if (lang === "es") {
|
|
25
|
-
locale = "es-ES";
|
|
26
|
-
}
|
|
27
|
-
formattedDate = date.toLocaleDateString(locale);
|
|
28
|
-
if (type === "date-time") {
|
|
29
|
-
formattedDate += ` | ${date.toLocaleTimeString()}`;
|
|
30
|
-
}
|
|
31
|
-
return formattedDate;
|
|
32
|
-
};
|
|
33
|
-
/* Count the total tree nodes (by default it does not count the first level nodes)*/
|
|
34
|
-
const countTreeItems = (treeModel, children = false) => {
|
|
35
|
-
let totalNodes = 0;
|
|
36
|
-
treeModel.forEach(node => {
|
|
37
|
-
children && totalNodes++;
|
|
38
|
-
if (node.items) {
|
|
39
|
-
totalNodes += countTreeItems(node.items, true);
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
return totalNodes;
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
exports.countTreeItems = countTreeItems;
|
|
46
|
-
exports.formatDate = formatDate;
|