@genexus/genexus-ide-ui 0.0.59 → 0.0.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ch-grid_8.cjs.entry.js +1 -1
- package/dist/cjs/ch-icon_2.cjs.entry.js +1 -1
- package/dist/cjs/ch-suggest_4.cjs.entry.js +2 -2
- package/dist/cjs/{form-a2de5b1c.js → form-c75c9ac0.js} +9 -4
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-container.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-directory-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-entity-selector_2.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-references.cjs.entry.js +1 -1
- package/dist/cjs/gxg-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gxg-alert.cjs.entry.js +1 -1
- package/dist/cjs/gxg-box.cjs.entry.js +1 -1
- package/dist/cjs/gxg-button-group.cjs.entry.js +47 -10
- package/dist/cjs/gxg-button.cjs.entry.js +2 -1
- package/dist/cjs/gxg-card.cjs.entry.js +1 -1
- package/dist/cjs/gxg-color-picker.cjs.entry.js +1 -1
- package/dist/cjs/gxg-column.cjs.entry.js +1 -1
- package/dist/cjs/gxg-columns.cjs.entry.js +1 -1
- package/dist/cjs/gxg-combo-box_2.cjs.entry.js +3 -3
- package/dist/cjs/gxg-container.cjs.entry.js +1 -1
- package/dist/cjs/gxg-contextual-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-contextual-menu-submenu.cjs.entry.js +1 -1
- package/dist/cjs/gxg-contextual-menu.cjs.entry.js +4 -4
- package/dist/cjs/gxg-demo.cjs.entry.js +1 -1
- package/dist/cjs/gxg-drag-box.cjs.entry.js +1 -1
- package/dist/cjs/gxg-drag-container.cjs.entry.js +1 -1
- package/dist/cjs/gxg-drop-down.cjs.entry.js +1 -1
- package/dist/cjs/gxg-filter.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/gxg-form-message.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/gxg-form-radio.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-text.cjs.entry.js +16 -7
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +3 -3
- package/dist/cjs/gxg-ide-loader.cjs.entry.js +0 -1
- package/dist/cjs/gxg-label_2.cjs.entry.js +5 -4
- package/dist/cjs/gxg-list-box_2.cjs.entry.js +24 -7
- package/dist/cjs/gxg-loader.cjs.entry.js +1 -1
- package/dist/cjs/gxg-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-menu-slim-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-menu-slim-list.cjs.entry.js +1 -1
- package/dist/cjs/gxg-menu-slim.cjs.entry.js +1 -1
- package/dist/cjs/gxg-menu.cjs.entry.js +1 -1
- package/dist/cjs/gxg-modal.cjs.entry.js +1 -1
- package/dist/cjs/gxg-more-info.cjs.entry.js +1 -1
- package/dist/cjs/gxg-option.cjs.entry.js +1 -1
- package/dist/cjs/gxg-options.cjs.entry.js +1 -1
- package/dist/cjs/gxg-pill.cjs.entry.js +1 -1
- package/dist/cjs/gxg-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/gxg-scroll.cjs.entry.js +1 -1
- package/dist/cjs/gxg-select.cjs.entry.js +2 -2
- package/dist/cjs/gxg-separator.cjs.entry.js +1 -1
- package/dist/cjs/gxg-slider.cjs.entry.js +1 -1
- package/dist/cjs/gxg-spacer-layout.cjs.entry.js +1 -1
- package/dist/cjs/gxg-spacer-one.cjs.entry.js +1 -1
- package/dist/cjs/gxg-stack.cjs.entry.js +14 -2
- package/dist/cjs/gxg-stepper.cjs.entry.js +1 -1
- package/dist/cjs/gxg-tab_4.cjs.entry.js +39 -18
- package/dist/cjs/gxg-text.cjs.entry.js +25 -4
- package/dist/cjs/gxg-title.cjs.entry.js +1 -1
- package/dist/cjs/gxg-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gxg-toolbar-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gxg-tree-view.cjs.entry.js +11 -3
- package/dist/cjs/gxg-tree_2.cjs.entry.js +2 -2
- package/dist/cjs/gxg-window.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/container/container.css +14 -12
- package/dist/collection/components/directory-selector/directory-selector.css +7 -6
- package/dist/collection/components/entity-selector/entity-selector.css +8 -9
- package/dist/collection/components/references/helpers.js +1 -1
- package/dist/components/button-group.js +50 -10
- package/dist/components/button.js +2 -1
- package/dist/components/combo-box.js +2 -2
- package/dist/components/container.js +1 -1
- package/dist/components/container2.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/directory-selector.js +1 -1
- package/dist/components/entity-selector.js +1 -1
- package/dist/components/form-checkbox.js +1 -1
- package/dist/components/form-radio-group.js +1 -1
- package/dist/components/form-radio.js +1 -1
- package/dist/components/form-text.js +18 -7
- package/dist/components/form-textarea.js +2 -2
- package/dist/components/form.js +9 -4
- package/dist/components/gx-ide-references.js +1 -1
- package/dist/components/gxg-accordion-item.js +1 -1
- package/dist/components/gxg-accordion.js +1 -1
- package/dist/components/gxg-alert.js +1 -1
- package/dist/components/gxg-box.js +1 -1
- package/dist/components/gxg-card.js +1 -1
- package/dist/components/gxg-color-picker.js +1 -1
- package/dist/components/gxg-column.js +1 -1
- package/dist/components/gxg-columns.js +1 -1
- package/dist/components/gxg-contextual-menu-item.js +1 -1
- package/dist/components/gxg-contextual-menu-submenu.js +1 -1
- package/dist/components/gxg-contextual-menu.js +4 -4
- package/dist/components/gxg-demo.js +1 -1
- package/dist/components/gxg-drag-box.js +1 -1
- package/dist/components/gxg-drag-container.js +1 -1
- package/dist/components/gxg-drop-down.js +1 -1
- package/dist/components/gxg-filter.js +1 -1
- package/dist/components/gxg-form-checkbox-group2.js +1 -1
- package/dist/components/gxg-form-message.js +1 -1
- package/dist/components/gxg-grid2.js +1 -1
- package/dist/components/gxg-ide-loader.js +0 -1
- package/dist/components/gxg-label2.js +1 -1
- package/dist/components/gxg-loader.js +1 -1
- package/dist/components/gxg-menu-item.js +1 -1
- package/dist/components/gxg-menu-slim-item.js +1 -1
- package/dist/components/gxg-menu-slim-list.js +1 -1
- package/dist/components/gxg-menu-slim.js +1 -1
- package/dist/components/gxg-menu.js +1 -1
- package/dist/components/gxg-modal.js +1 -1
- package/dist/components/gxg-more-info.js +1 -1
- package/dist/components/gxg-option.js +1 -1
- package/dist/components/gxg-options.js +1 -1
- package/dist/components/gxg-pill.js +1 -1
- package/dist/components/gxg-progress-bar.js +1 -1
- package/dist/components/gxg-scroll.js +1 -1
- package/dist/components/gxg-select.js +1 -1
- package/dist/components/gxg-separator.js +1 -1
- package/dist/components/gxg-slider.js +1 -1
- package/dist/components/gxg-spacer-layout.js +1 -1
- package/dist/components/gxg-spacer-one.js +1 -1
- package/dist/components/gxg-stack.js +16 -3
- package/dist/components/gxg-stepper.js +1 -1
- package/dist/components/gxg-toggle.js +1 -1
- package/dist/components/gxg-toolbar-item.js +1 -1
- package/dist/components/gxg-toolbar.js +1 -1
- package/dist/components/gxg-tree-item2.js +1 -1
- package/dist/components/gxg-tree2.js +1 -1
- package/dist/components/gxg-window.js +1 -1
- package/dist/components/icon2.js +1 -1
- package/dist/components/list-box-item.js +1 -1
- package/dist/components/list-box.js +27 -6
- package/dist/components/suggest.js +1 -1
- package/dist/components/tab-bar.js +28 -12
- package/dist/components/tab-button.js +4 -4
- package/dist/components/tab.js +1 -1
- package/dist/components/tabs.js +9 -2
- package/dist/components/text.js +27 -5
- package/dist/components/title.js +1 -1
- package/dist/components/tooltip.js +4 -3
- package/dist/components/tree-view.js +12 -4
- package/dist/esm/ch-grid_8.entry.js +1 -1
- package/dist/esm/ch-icon_2.entry.js +1 -1
- package/dist/esm/ch-suggest_4.entry.js +2 -2
- package/dist/esm/{form-9c41f579.js → form-267b92df.js} +9 -4
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-container.entry.js +1 -1
- package/dist/esm/gx-ide-directory-selector.entry.js +1 -1
- package/dist/esm/gx-ide-entity-selector_2.entry.js +2 -2
- package/dist/esm/gx-ide-references.entry.js +1 -1
- package/dist/esm/gxg-accordion-item.entry.js +1 -1
- package/dist/esm/gxg-accordion.entry.js +1 -1
- package/dist/esm/gxg-alert.entry.js +1 -1
- package/dist/esm/gxg-box.entry.js +1 -1
- package/dist/esm/gxg-button-group.entry.js +47 -10
- package/dist/esm/gxg-button.entry.js +2 -1
- package/dist/esm/gxg-card.entry.js +1 -1
- package/dist/esm/gxg-color-picker.entry.js +1 -1
- package/dist/esm/gxg-column.entry.js +1 -1
- package/dist/esm/gxg-columns.entry.js +1 -1
- package/dist/esm/gxg-combo-box_2.entry.js +3 -3
- package/dist/esm/gxg-container.entry.js +1 -1
- package/dist/esm/gxg-contextual-menu-item.entry.js +1 -1
- package/dist/esm/gxg-contextual-menu-submenu.entry.js +1 -1
- package/dist/esm/gxg-contextual-menu.entry.js +4 -4
- package/dist/esm/gxg-demo.entry.js +1 -1
- package/dist/esm/gxg-drag-box.entry.js +1 -1
- package/dist/esm/gxg-drag-container.entry.js +1 -1
- package/dist/esm/gxg-drop-down.entry.js +1 -1
- package/dist/esm/gxg-filter.entry.js +1 -1
- package/dist/esm/gxg-form-checkbox-group.entry.js +2 -2
- package/dist/esm/gxg-form-checkbox.entry.js +2 -2
- package/dist/esm/gxg-form-message.entry.js +1 -1
- package/dist/esm/gxg-form-radio-group.entry.js +2 -2
- package/dist/esm/gxg-form-radio.entry.js +1 -1
- package/dist/esm/gxg-form-text.entry.js +16 -7
- package/dist/esm/gxg-form-textarea.entry.js +3 -3
- package/dist/esm/gxg-ide-loader.entry.js +0 -1
- package/dist/esm/gxg-label_2.entry.js +5 -4
- package/dist/esm/gxg-list-box_2.entry.js +24 -7
- package/dist/esm/gxg-loader.entry.js +1 -1
- package/dist/esm/gxg-menu-item.entry.js +1 -1
- package/dist/esm/gxg-menu-slim-item.entry.js +1 -1
- package/dist/esm/gxg-menu-slim-list.entry.js +1 -1
- package/dist/esm/gxg-menu-slim.entry.js +1 -1
- package/dist/esm/gxg-menu.entry.js +1 -1
- package/dist/esm/gxg-modal.entry.js +1 -1
- package/dist/esm/gxg-more-info.entry.js +1 -1
- package/dist/esm/gxg-option.entry.js +1 -1
- package/dist/esm/gxg-options.entry.js +1 -1
- package/dist/esm/gxg-pill.entry.js +1 -1
- package/dist/esm/gxg-progress-bar.entry.js +1 -1
- package/dist/esm/gxg-scroll.entry.js +1 -1
- package/dist/esm/gxg-select.entry.js +2 -2
- package/dist/esm/gxg-separator.entry.js +1 -1
- package/dist/esm/gxg-slider.entry.js +1 -1
- package/dist/esm/gxg-spacer-layout.entry.js +1 -1
- package/dist/esm/gxg-spacer-one.entry.js +1 -1
- package/dist/esm/gxg-stack.entry.js +15 -3
- package/dist/esm/gxg-stepper.entry.js +1 -1
- package/dist/esm/gxg-tab_4.entry.js +39 -18
- package/dist/esm/gxg-text.entry.js +25 -4
- package/dist/esm/gxg-title.entry.js +1 -1
- package/dist/esm/gxg-toggle.entry.js +1 -1
- package/dist/esm/gxg-toolbar-item.entry.js +1 -1
- package/dist/esm/gxg-toolbar.entry.js +1 -1
- package/dist/esm/gxg-tree-view.entry.js +12 -4
- package/dist/esm/gxg-tree_2.entry.js +2 -2
- package/dist/esm/gxg-window.entry.js +1 -1
- 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/icon-assets/gemini-tools/settings.svg +1 -1
- package/dist/genexus-ide-ui/{p-6edf0b09.entry.js → p-00b5896d.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-0341fbab.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-846625d5.entry.js → p-0c360621.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-d0d841b7.entry.js → p-0e28d8f3.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-089c6906.entry.js → p-13a5bc23.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-178545b2.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-cb6fe1dc.entry.js → p-19e6c2b8.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-c501299e.entry.js → p-1ad68b23.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e37a19a7.entry.js → p-1b23aee7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-194aba74.entry.js → p-1dece95c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-d2f2c96e.entry.js → p-1fc0c236.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-094e8c2a.entry.js → p-253669d3.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-292fc3f4.entry.js +1 -0
- package/dist/genexus-ide-ui/p-2e0a65a3.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-063a7519.entry.js → p-339a8480.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-34763105.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-d9d9f9fa.entry.js → p-3485ddda.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-af199bbc.entry.js → p-3e3cb535.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-981ea7dc.entry.js → p-3f0f7f80.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1684ed2f.entry.js → p-3fc9cf29.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-54bf71c2.entry.js → p-45b17fd8.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-791dffce.entry.js → p-4e53dfaf.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0f4fe7ad.js → p-52f6ee1e.js} +1 -1
- package/dist/genexus-ide-ui/p-53e5a04f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-54f01d52.entry.js +1 -0
- package/dist/genexus-ide-ui/p-606d6814.entry.js +1 -0
- package/dist/genexus-ide-ui/p-6211ca46.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-b5f7e9eb.entry.js → p-657e57e7.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-65e532d8.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-e5275cb9.entry.js → p-72be1b75.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-734d3baa.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-b38a1146.entry.js → p-73cfc07c.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-7dd9df47.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-5bc1d4a3.entry.js → p-8243c51d.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a013c7f4.entry.js → p-82ba2bec.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-83f6db54.entry.js +1 -0
- package/dist/genexus-ide-ui/p-845f47ff.entry.js +1 -0
- package/dist/genexus-ide-ui/p-85164984.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-41a4d845.entry.js → p-870c7d8f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9bd22dce.entry.js → p-93ec18f7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-d3a6f222.entry.js → p-94d2d18a.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-65141b01.entry.js → p-984f7626.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-ecc323f1.entry.js → p-98b8a4b7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-50372f74.entry.js → p-9b93752d.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-9c9a28b4.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-778c879a.entry.js → p-9dfc4afa.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fd9e60b2.entry.js → p-9f4b6230.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-501ed102.entry.js → p-a48badf0.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-a8e97a42.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-2c43b5f6.entry.js → p-a94dd4c1.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-8fcb9ef7.entry.js → p-ad30241e.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-65f03217.entry.js → p-b900ffbc.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f74941a6.entry.js → p-bb77cb65.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1dfbe1f4.entry.js → p-bb7ae451.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-949d2567.entry.js → p-cb3a255c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-168fd80f.entry.js → p-cbe42c29.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-2c82165f.entry.js → p-d67c476c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-987bfa21.entry.js → p-dd676f91.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9f0b4651.entry.js → p-dfac4d3c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-863d9bc9.entry.js → p-e542c155.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-5f97d2a6.entry.js → p-eb328b50.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-f5ef55c5.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-2b54a436.entry.js → p-f6a6d8bb.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-f93e94dc.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-fbf0dadf.entry.js → p-fb368434.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-ba0b98a4.entry.js → p-fb92083f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-14d2d3e6.entry.js → p-ffb82b40.entry.js} +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/accordion/accordion.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/accordion-item/accordion-item.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/alert/alert.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/box/box.css +14 -12
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +24 -18
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button-group/button-group.css +56 -39
- package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/color-picker/color-picker.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/column/column.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/columns/columns.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box/combo-box.css +80 -13
- package/dist/node_modules/@genexus/gemini/dist/collection/components/container/container.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu/contextual-menu.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu-item/contextual-menu-item.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu-submenu/contextual-menu-submenu.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +8 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/demo/demo.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drag-box/drag-box.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drag-container/drag-container.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css +15 -15
- package/dist/node_modules/@genexus/gemini/dist/collection/components/filter/gxg-filter.css +14 -12
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +20 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox-group/gxg-form-checkbox-group.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-message/form-message.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css +8 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio/form-radio.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio-group/form-radio-group.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css +8 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +20 -10
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +20 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +18 -13
- package/dist/node_modules/@genexus/gemini/dist/collection/components/icon/icon.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +48 -13
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css +9 -10
- package/dist/node_modules/@genexus/gemini/dist/collection/components/loader-gxg/loader.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu/menu.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu-item/menu-item.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/item/item.css +8 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/list/list.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/menu/menu.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/modal/modal.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/more-info/more-info.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/options/gxg-options.css +21 -18
- package/dist/node_modules/@genexus/gemini/dist/collection/components/pill/pill.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/progress-bar/progress-bar.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/scroll/scroll.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/separator/separator.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/slider/slider.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/spacer-layout/spacer-layout.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/spacer-one/spacer-one.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/stack/stack.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/stepper/stepper.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +37 -30
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css +30 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +17 -10
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css +14 -12
- package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +37 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/title/title.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/toggle/toggle.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/toolbar/toolbar.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/toolbar-item/toolbar-item.css +7 -6
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.css +8 -11
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree/gxg-tree.css +14 -12
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +8 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +67 -56
- package/dist/node_modules/@genexus/gemini/dist/collection/components/window/window.css +14 -12
- package/package.json +3 -3
- package/dist/genexus-ide-ui/p-0b4ffc0c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3cca9fd6.entry.js +0 -1
- package/dist/genexus-ide-ui/p-46aba48f.entry.js +0 -1
- package/dist/genexus-ide-ui/p-49ee3d93.entry.js +0 -1
- package/dist/genexus-ide-ui/p-52b88cb7.entry.js +0 -1
- package/dist/genexus-ide-ui/p-652bdc65.entry.js +0 -1
- package/dist/genexus-ide-ui/p-69390301.entry.js +0 -1
- package/dist/genexus-ide-ui/p-6cc437c7.entry.js +0 -1
- package/dist/genexus-ide-ui/p-6dcd4638.entry.js +0 -1
- package/dist/genexus-ide-ui/p-6e232a6f.entry.js +0 -1
- package/dist/genexus-ide-ui/p-91ec273e.entry.js +0 -1
- package/dist/genexus-ide-ui/p-961605f5.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a3c596bd.entry.js +0 -1
- package/dist/genexus-ide-ui/p-bbaf476f.entry.js +0 -1
- package/dist/genexus-ide-ui/p-bfdff7c2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d8bdcd09.entry.js +0 -1
- package/dist/genexus-ide-ui/p-f00498d9.entry.js +0 -1
- package/dist/genexus-ide-ui/p-f5c03725.entry.js +0 -1
- package/dist/genexus-ide-ui/p-f7b44578.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as t,H as o}from"./p-976c3a09.js";const a=class{constructor(t){r(this,t),this.evaluateLabelPosition=()=>{this.label&&"above"===this.labelPosition&&(this.centerLabel=!1)},this.btnSelectClickHandler=()=>{this.selectDirectoryCallback&&this.selectDirectoryCallback().then((r=>{r&&(this.value=r)}))},this.valueChangedHandler=r=>{this.value=r.detail},this.accessibilityLabels={buttonSelectLabel:"displays the directory selector"},this.label=void 0,this.labelPosition="start",this.centerLabel=!0,this.labelWidth=void 0,this.selectDirectoryCallback=void 0,this.value=void 0}componentWillLoad(){this.evaluateLabelPosition()}render(){var r;return t(o,null,this.label?t("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel},this.label):null,t("div",{class:"wrapper"},t("gxg-form-text",{part:"input",value:this.value,onValueChanged:this.valueChangedHandler}),t("gxg-button",{part:"button-select",onClick:this.btnSelectClickHandler,"aria-label":null===(r=this.accessibilityLabels)||void 0===r?void 0:r.buttonSelectLabel,type:"secondary-icon-only",icon:"gemini-tools/folder",disabled:!this.selectDirectoryCallback})))}};a.style=":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)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}:host{display:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:14px}:host .wrapper{display:inline-flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";export{a as gx_ide_directory_selector}
|
|
1
|
+
import{r,h as t,H as o}from"./p-976c3a09.js";const a=class{constructor(t){r(this,t),this.evaluateLabelPosition=()=>{this.label&&"above"===this.labelPosition&&(this.centerLabel=!1)},this.btnSelectClickHandler=()=>{this.selectDirectoryCallback&&this.selectDirectoryCallback().then((r=>{r&&(this.value=r)}))},this.valueChangedHandler=r=>{this.value=r.detail},this.accessibilityLabels={buttonSelectLabel:"displays the directory selector"},this.label=void 0,this.labelPosition="start",this.centerLabel=!0,this.labelWidth=void 0,this.selectDirectoryCallback=void 0,this.value=void 0}componentWillLoad(){this.evaluateLabelPosition()}render(){var r;return t(o,null,this.label?t("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel},this.label):null,t("div",{class:"wrapper"},t("gxg-form-text",{part:"input",value:this.value,onValueChanged:this.valueChangedHandler}),t("gxg-button",{part:"button-select",onClick:this.btnSelectClickHandler,"aria-label":null===(r=this.accessibilityLabels)||void 0===r?void 0:r.buttonSelectLabel,type:"secondary-icon-only",icon:"gemini-tools/folder",disabled:!this.selectDirectoryCallback})))}};a.style=":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{display:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:14px}:host .wrapper{display:inline-flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";export{a as gx_ide_directory_selector}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as r,g as e}from"./p-976c3a09.js";import{s as a}from"./p-e46e26a6.js";const i=class{constructor(o){t(this,o),this.labelPosition="start",this.disabled=!1,this.noMargin=!1,this.center=void 0,this.width="auto"}componentWillLoad(){(void 0===this.center&&"start"===this.labelPosition||void 0===this.center&&"end"===this.labelPosition)&&(this.center=!0)}render(){return o(r,{class:{large:a.large,"gxg-label--no-margin":this.noMargin,"gxg-label--center":this.center,[`position-${this.labelPosition}`]:!0},style:{width:this.width}},o("label",{htmlFor:this.for},this.tooltip?o("gxg-tooltip",{label:this.tooltip},o("slot",null)):null,o("slot",null)))}};i.style=":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{display:flex;align-items:baseline}:host label{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;display:flex;align-items:center;cursor:default}:host(.position-above){margin-block-end:var(--gxg-label-margin-vertical)}:host(.position-end){margin-inline-start:var(--gxg-label-margin-horizontal)}:host(.position-below){margin-block-start:var(--gxg-label-margin-vertical)}:host(.position-start){margin-inline-end:var(--gxg-label-margin-horizontal)}:host(.gxg-label--no-margin){margin:0 !important}:host(.position-above.gxg-label--center),:host(.position-below.gxg-label--center){justify-content:center}:host(.position-start.gxg-label--center),:host(.position-end.gxg-label--center){align-items:center}:host([disabled]) label{color:var(--gxg-color--disabled)}:host(.large) label{font-size:var(--font-size-lg)}";const n=class{constructor(o){t(this,o),this.position="top",this.alignEnd=!1,this.fixed=!1,this.flex=!1,this.noBorder=!1,this.visible=!1,this.mouseEnterHandler=()=>{const t=this.el.getBoundingClientRect(),o=t.left,r=t.width;this.tooltipTextEl.style.top=`${t.top}px`,this.tooltipTextEl.style.left=`${o+r}px`,this.visible=!0},this.mouseLeaveHandler=()=>{this.visible=!1},this.documentScrollHandler=()=>{this.visible=!1}}componentWillLoad(){this.fixed&&(this.el.addEventListener("mouseenter",this.mouseEnterHandler),this.el.addEventListener("mouseleave",this.mouseLeaveHandler),document.addEventListener("scroll",this.documentScrollHandler))}render(){return o(r,{role:"tooltip"},o("span",{class:{tooltip:!0,"tooltip--visible":this.visible}},o("slot",null),o("div",{class:"tooltiptext",ref:t=>this.tooltipTextEl=t},o("span",{class:"tooltiptext__content"},this.label))))}get el(){return e(this)}};n.style='/*! 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{display:inline-flex}:host .tooltip{cursor:pointer;position:relative;border-bottom:1px dotted var(--color-on-secondary);text-decoration:none}:host .tooltip .tooltiptext{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-size:var(--font-size-xs);visibility:hidden;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;position:absolute;z-index:1;width:250px;text-align:center}:host .tooltip .tooltiptext__content{width:fit-content;background-color:var(--gray-07);padding:var(--spacing-comp-01) var(--spacing-comp-02);border-radius:var(--border-width-md);color:var(--color-on-primary);display:inline-block;text-align:left}:host .tooltip .tooltiptext:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip:hover .tooltiptext{visibility:visible;opacity:1}:host([position=top]) .tooltip .tooltiptext{bottom:27px;left:50%;transform:translateX(-50%)}:host([position=top]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%) rotate(180deg);bottom:-4px}:host([position=right]) .tooltip .tooltiptext{top:0;left:111%;text-align:left}:host([position=right]) .tooltip .tooltiptext:after{left:-7px;transform:rotate(-90deg);top:8px}:host([position=bottom]) .tooltip .tooltiptext{top:25px;left:50%;transform:translateX(-50%)}:host([position=bottom]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%);top:-4px}:host([position=left]) .tooltip .tooltiptext{text-align:right;top:0;right:105%}:host([position=left]) .tooltip .tooltiptext:after{right:-7px;transform:rotate(90deg);top:8px}:host([width-auto]) .tooltip .tooltiptext{width:auto;white-space:nowrap}:host([no-border]) .tooltip{border-bottom:none}:host([align-end]) .tooltiptext{transform:translateY(calc(-100% - 5px)) translateX(-100%) !important;inset-inline-end:0;max-width:180px;width:max-content}:host([align-end]) .tooltiptext:after{inset-inline-end:-1px;left:auto !important}:host([flex]){display:flex}:host([flex]) .tooltip{display:flex}:host([fixed]) .tooltip:hover .tooltiptext{visibility:hidden;opacity:0}:host([fixed]) .tooltip .tooltiptext{position:fixed;height:0}:host([fixed]) .tooltip .tooltiptext__content{transform:translateY(calc(-100% - 5px))}:host([fixed]) .tooltip .tooltiptext__content:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute;right:0;transform:translateX(-3px) rotate(180deg);bottom:-3px}:host([fixed]) .tooltip .tooltiptext:after{display:none}:host([fixed]) .tooltip--visible .tooltiptext{visibility:visible !important;opacity:1 !important}';export{i as gxg_label,n as gxg_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as t}from"./p-976c3a09.js";const o=class{constructor(t){r(this,t),this.type="solid",this.margin="xs"}render(){return t("hr",null)}};o.style="/*! 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)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}:host hr{border-top:0;border-color:var(--gray-02);margin-top:var(--spacing-lay-s);margin-bottom:var(--spacing-lay-s)}:host([type=solid]) hr{border-style:solid}:host([type=dashed]) hr{border-style:dashed}:host([margin=xs]) hr{margin-top:var(--spacing-lay-xs);margin-bottom:var(--spacing-lay-xs)}:host([margin=s]) hr{margin-top:var(--spacing-lay-s);margin-bottom:var(--spacing-lay-s)}:host([margin=m]) hr{margin-top:var(--spacing-lay-m);margin-bottom:var(--spacing-lay-m)}:host([margin=l]) hr{margin-top:var(--spacing-lay-l);margin-bottom:var(--spacing-lay-l)}:host([margin=xl]) hr{margin-top:var(--spacing-lay-xl);margin-bottom:var(--spacing-lay-xl)}";export{o as gxg_separator}
|
|
1
|
+
import{r,h as t}from"./p-976c3a09.js";const o=class{constructor(t){r(this,t),this.type="solid",this.margin="xs"}render(){return t("hr",null)}};o.style="/*! 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 hr{border-top:0;border-color:var(--gray-02);margin-top:var(--spacing-lay-s);margin-bottom:var(--spacing-lay-s)}:host([type=solid]) hr{border-style:solid}:host([type=dashed]) hr{border-style:dashed}:host([margin=xs]) hr{margin-top:var(--spacing-lay-xs);margin-bottom:var(--spacing-lay-xs)}:host([margin=s]) hr{margin-top:var(--spacing-lay-s);margin-bottom:var(--spacing-lay-s)}:host([margin=m]) hr{margin-top:var(--spacing-lay-m);margin-bottom:var(--spacing-lay-m)}:host([margin=l]) hr{margin-top:var(--spacing-lay-l);margin-bottom:var(--spacing-lay-l)}:host([margin=xl]) hr{margin-top:var(--spacing-lay-xl);margin-bottom:var(--spacing-lay-xl)}";export{o as gxg_separator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o}from"./p-976c3a09.js";const i=class{constructor(o){t(this,o),this.layerZIndex=100,this.initiateDemo=!1,this.modalMessage="Welcome to the demo!",this.numberOfItems=0,this.currentItem=0,this.message="Set the message for this item",this.position="top-end",this.layerVisible=!1,this.instructionVisible=!1,this.modalVisible=!1,this.disableNextButton=!1,this.rtl=!1}componentDidLoad(){this.gxgDemoItems=document.querySelectorAll("*[gxg-demo-item]"),this.numberOfItems=this.gxgDemoItems.length,this.setCoordinates(this.gxgDemoItems[0]),this.resizeObserver();const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}resizeObserver(){const t=new ResizeObserver((()=>{this.setCoordinates(this.gxgDemoItems[this.currentItem])})),o=document.querySelector("body");t.observe(o)}initiateDemoHandler(){!0===this.initiateDemo&&(setTimeout(function(){this.layerVisible=!0}.bind(this),100),setTimeout(function(){this.instructionVisible=!0}.bind(this),200),setTimeout(function(){this.modalVisible=!0}.bind(this),800),this.saveCurrentItemStyles(this.gxgDemoItems[0]),this.setItemStyles(this.gxgDemoItems[0]))}saveCurrentItemStyles(t){this.currentItemZIndex=t.style.zIndex,this.currentItemPosition=t.style.position,this.currentItemBoxShadow=t.style.boxShadow,this.currentItemPointerEvents=t.style.pointerEvents}setCoordinates(t){const o=t.getBoundingClientRect(),i=o.x,e=o.y,r=o.right,a=o.height,n=o.top,s=o.width;switch(this.position=t.getAttribute("position"),this.position){case"bottom-start":this.topPosition=e+a+7+"px",this.rtl?(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px"):(this.leftPosition=i+"px",this.rightPosition="auto");break;case"bottom-center":this.leftPosition=i+s/2+"px",this.rightPosition="auto",this.topPosition=e+a+7+"px";break;case"bottom-end":this.topPosition=e+a+7+"px",this.rtl?(this.leftPosition=i+"px",this.rightPosition="auto"):(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px");break;case"top-start":this.topPosition=n-7+"px",this.rtl?(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px"):(this.leftPosition=i+"px",this.rightPosition="auto");break;case"top-center":this.leftPosition=i+s/2+"px",this.topPosition=n-7+"px",this.rightPosition="auto";break;case"top-end":this.topPosition=n-7+"px",this.rtl?(this.leftPosition=i+"px",this.rightPosition="auto"):(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px")}this.message=t.getAttribute("message")}setItemStyles(t){setTimeout(function(){t.style.zIndex=this.layerZIndex+1,t.style.position="relative",t.style.boxShadow="0px 0px 8px 3px rgba(255,255,255,1)",t.style.pointerEvents="none"}.bind(this),50)}removeStyles(t){t.style.zIndex=this.currentItemZIndex,t.style.position=this.currentItemPosition,t.style.boxShadow=this.currentItemBoxShadow,t.style.pointerEvents=this.currentItemPointerEvents}previousItem(){this.nextItemClicked=!1,this.nextOrPrevItem()}nextItem(){this.currentItem+1===this.numberOfItems?this.endDemo():(this.nextItemClicked=!0,this.nextOrPrevItem()),this.disableNextButton=!0,setTimeout(function(){this.disableNextButton=!1}.bind(this),250)}nextOrPrevItem(){this.removeStyles(this.gxgDemoItems[this.currentItem]),this.instructionVisible=!1,setTimeout(function(){let t;t=this.nextItemClicked?this.gxgDemoItems[++this.currentItem]:this.gxgDemoItems[--this.currentItem],this.saveCurrentItemStyles(t),this.setCoordinates(t),this.setItemStyles(t),setTimeout(function(){this.instructionVisible=!0}.bind(this),250)}.bind(this),250)}endDemo(){this.instructionVisible=!1,setTimeout(function(){this.removeStyles(this.gxgDemoItems[this.currentItem]),setTimeout(function(){this.modalVisible=!1,setTimeout(function(){this.layerVisible=!1,setTimeout(function(){this.initiateDemo=!1,this.currentItem=0,this.setCoordinates(this.gxgDemoItems[this.currentItem])}.bind(this),250)}.bind(this),250)}.bind(this),250)}.bind(this),250)}render(){if(!0===this.initiateDemo)return[o("div",{class:{tooltip:!0,visible:this.instructionVisible,rtl:this.rtl,"bottom-start":"bottom-start"===this.position,"bottom-center":"bottom-center"===this.position,"bottom-end":"bottom-end"===this.position,"top-start":"top-start"===this.position,"top-center":"top-center"===this.position,"top-end":"top-end"===this.position},style:{zIndex:(this.layerZIndex+2).toString(),left:this.leftPosition,right:this.rightPosition,top:this.topPosition}},o("div",{class:"tooltip__number"},this.currentItem+1),o("div",{class:"tooltip__message"},this.message)),o("div",{class:{modal:!0,visible:this.modalVisible},style:{zIndex:(this.layerZIndex+1).toString()}},o("div",{class:"col-left"},o("p",null,this.modalMessage)),o("div",{class:"col-right"},o("gxg-button",{type:"outlined",onClick:this.endDemo.bind(this)},"End demo"),o("gxg-button",{type:"primary-text-only",onClick:this.previousItem.bind(this),disabled:0===this.currentItem},"Previous"),o("gxg-button",{type:"primary-text-only",onClick:this.nextItem.bind(this),class:{"next-button":!0,disabled:!0===this.disableNextButton}},this.currentItem+1!==this.numberOfItems?"Next":"Finish"))),o("div",{class:{layer:!0,visible:this.layerVisible},style:{zIndex:this.layerZIndex.toString()}})]}static get watchers(){return{initiateDemo:["initiateDemoHandler"]}}};i.style='/*! 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)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}:host .layer{position:fixed;width:100%;height:100%;top:0;left:0;background-color:black;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .layer.visible{opacity:0.5}:host .tooltip{position:absolute;background:var(--gray-07);color:var(--color-on-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--spacing-comp-03);max-width:300px;display:flex;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tooltip.visible{opacity:1}:host .tooltip:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip.bottom-start:before{top:-5px;left:5px}:host .tooltip.bottom-center{transform:translateX(-50%)}:host .tooltip.bottom-center:before{top:-5px;left:50%;margin-left:-2.5px}:host .tooltip.bottom-end:before{top:-5px;right:5px}:host .tooltip.top-start{transform:translateY(-100%)}:host .tooltip.top-start:before{bottom:-5px;transform:rotate(180deg);left:5px}:host .tooltip.top-center{transform:translateY(-100%) translateX(-50%)}:host .tooltip.top-center:before{bottom:-5px;transform:rotate(180deg);left:50%;margin-left:-2.5px}:host .tooltip.top-end{transform:translateY(-100%)}:host .tooltip.top-end:before{right:5px;bottom:-5px;transform:rotate(180deg)}:host .tooltip.rtl.bottom-start:before{right:5px;left:auto}:host .tooltip.rtl.bottom-end:before{left:5px;right:auto}:host .tooltip.rtl.top-start:before{right:5px;left:auto}:host .tooltip.rtl.top-end:before{left:5px;right:auto}:host .tooltip__number{font-weight:var(--font-weight-bold);font-size:20px;padding-inline-end:var(--spacing-comp-03);line-height:1em}:host .tooltip__message{line-height:1.6em}:host .modal{position:fixed;bottom:-100px;transition-property:bottom;transition-duration:0.5s;transition-timing-function:ease;left:50%;height:40px;background-color:var(--color-background);width:500px;margin-left:-250px;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-02);display:flex;padding:0 var(--spacing-comp-02)}:host .modal.visible{bottom:20px}:host .modal>div{display:flex;width:100%;align-items:center;justify-content:space-between}:host .modal p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(-color-on-background)}:host .modal .col-left{width:35%}:host .modal .col-right{width:65%;display:flex;justify-content:flex-end}:host .modal gxg-button{margin-right:var(--spacing-comp-02)}:host .next-button.disabled{pointer-events:none}';export{i as gxg_demo}
|
|
1
|
+
import{r as t,h as o}from"./p-976c3a09.js";const i=class{constructor(o){t(this,o),this.layerZIndex=100,this.initiateDemo=!1,this.modalMessage="Welcome to the demo!",this.numberOfItems=0,this.currentItem=0,this.message="Set the message for this item",this.position="top-end",this.layerVisible=!1,this.instructionVisible=!1,this.modalVisible=!1,this.disableNextButton=!1,this.rtl=!1}componentDidLoad(){this.gxgDemoItems=document.querySelectorAll("*[gxg-demo-item]"),this.numberOfItems=this.gxgDemoItems.length,this.setCoordinates(this.gxgDemoItems[0]),this.resizeObserver();const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}resizeObserver(){const t=new ResizeObserver((()=>{this.setCoordinates(this.gxgDemoItems[this.currentItem])})),o=document.querySelector("body");t.observe(o)}initiateDemoHandler(){!0===this.initiateDemo&&(setTimeout(function(){this.layerVisible=!0}.bind(this),100),setTimeout(function(){this.instructionVisible=!0}.bind(this),200),setTimeout(function(){this.modalVisible=!0}.bind(this),800),this.saveCurrentItemStyles(this.gxgDemoItems[0]),this.setItemStyles(this.gxgDemoItems[0]))}saveCurrentItemStyles(t){this.currentItemZIndex=t.style.zIndex,this.currentItemPosition=t.style.position,this.currentItemBoxShadow=t.style.boxShadow,this.currentItemPointerEvents=t.style.pointerEvents}setCoordinates(t){const o=t.getBoundingClientRect(),i=o.x,e=o.y,r=o.right,a=o.height,n=o.top,s=o.width;switch(this.position=t.getAttribute("position"),this.position){case"bottom-start":this.topPosition=e+a+7+"px",this.rtl?(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px"):(this.leftPosition=i+"px",this.rightPosition="auto");break;case"bottom-center":this.leftPosition=i+s/2+"px",this.rightPosition="auto",this.topPosition=e+a+7+"px";break;case"bottom-end":this.topPosition=e+a+7+"px",this.rtl?(this.leftPosition=i+"px",this.rightPosition="auto"):(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px");break;case"top-start":this.topPosition=n-7+"px",this.rtl?(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px"):(this.leftPosition=i+"px",this.rightPosition="auto");break;case"top-center":this.leftPosition=i+s/2+"px",this.topPosition=n-7+"px",this.rightPosition="auto";break;case"top-end":this.topPosition=n-7+"px",this.rtl?(this.leftPosition=i+"px",this.rightPosition="auto"):(this.leftPosition="auto",this.rightPosition=window.innerWidth-r+"px")}this.message=t.getAttribute("message")}setItemStyles(t){setTimeout(function(){t.style.zIndex=this.layerZIndex+1,t.style.position="relative",t.style.boxShadow="0px 0px 8px 3px rgba(255,255,255,1)",t.style.pointerEvents="none"}.bind(this),50)}removeStyles(t){t.style.zIndex=this.currentItemZIndex,t.style.position=this.currentItemPosition,t.style.boxShadow=this.currentItemBoxShadow,t.style.pointerEvents=this.currentItemPointerEvents}previousItem(){this.nextItemClicked=!1,this.nextOrPrevItem()}nextItem(){this.currentItem+1===this.numberOfItems?this.endDemo():(this.nextItemClicked=!0,this.nextOrPrevItem()),this.disableNextButton=!0,setTimeout(function(){this.disableNextButton=!1}.bind(this),250)}nextOrPrevItem(){this.removeStyles(this.gxgDemoItems[this.currentItem]),this.instructionVisible=!1,setTimeout(function(){let t;t=this.nextItemClicked?this.gxgDemoItems[++this.currentItem]:this.gxgDemoItems[--this.currentItem],this.saveCurrentItemStyles(t),this.setCoordinates(t),this.setItemStyles(t),setTimeout(function(){this.instructionVisible=!0}.bind(this),250)}.bind(this),250)}endDemo(){this.instructionVisible=!1,setTimeout(function(){this.removeStyles(this.gxgDemoItems[this.currentItem]),setTimeout(function(){this.modalVisible=!1,setTimeout(function(){this.layerVisible=!1,setTimeout(function(){this.initiateDemo=!1,this.currentItem=0,this.setCoordinates(this.gxgDemoItems[this.currentItem])}.bind(this),250)}.bind(this),250)}.bind(this),250)}.bind(this),250)}render(){if(!0===this.initiateDemo)return[o("div",{class:{tooltip:!0,visible:this.instructionVisible,rtl:this.rtl,"bottom-start":"bottom-start"===this.position,"bottom-center":"bottom-center"===this.position,"bottom-end":"bottom-end"===this.position,"top-start":"top-start"===this.position,"top-center":"top-center"===this.position,"top-end":"top-end"===this.position},style:{zIndex:(this.layerZIndex+2).toString(),left:this.leftPosition,right:this.rightPosition,top:this.topPosition}},o("div",{class:"tooltip__number"},this.currentItem+1),o("div",{class:"tooltip__message"},this.message)),o("div",{class:{modal:!0,visible:this.modalVisible},style:{zIndex:(this.layerZIndex+1).toString()}},o("div",{class:"col-left"},o("p",null,this.modalMessage)),o("div",{class:"col-right"},o("gxg-button",{type:"outlined",onClick:this.endDemo.bind(this)},"End demo"),o("gxg-button",{type:"primary-text-only",onClick:this.previousItem.bind(this),disabled:0===this.currentItem},"Previous"),o("gxg-button",{type:"primary-text-only",onClick:this.nextItem.bind(this),class:{"next-button":!0,disabled:!0===this.disableNextButton}},this.currentItem+1!==this.numberOfItems?"Next":"Finish"))),o("div",{class:{layer:!0,visible:this.layerVisible},style:{zIndex:this.layerZIndex.toString()}})]}static get watchers(){return{initiateDemo:["initiateDemoHandler"]}}};i.style='/*! 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 .layer{position:fixed;width:100%;height:100%;top:0;left:0;background-color:black;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .layer.visible{opacity:0.5}:host .tooltip{position:absolute;background:var(--gray-07);color:var(--color-on-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--spacing-comp-03);max-width:300px;display:flex;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tooltip.visible{opacity:1}:host .tooltip:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip.bottom-start:before{top:-5px;left:5px}:host .tooltip.bottom-center{transform:translateX(-50%)}:host .tooltip.bottom-center:before{top:-5px;left:50%;margin-left:-2.5px}:host .tooltip.bottom-end:before{top:-5px;right:5px}:host .tooltip.top-start{transform:translateY(-100%)}:host .tooltip.top-start:before{bottom:-5px;transform:rotate(180deg);left:5px}:host .tooltip.top-center{transform:translateY(-100%) translateX(-50%)}:host .tooltip.top-center:before{bottom:-5px;transform:rotate(180deg);left:50%;margin-left:-2.5px}:host .tooltip.top-end{transform:translateY(-100%)}:host .tooltip.top-end:before{right:5px;bottom:-5px;transform:rotate(180deg)}:host .tooltip.rtl.bottom-start:before{right:5px;left:auto}:host .tooltip.rtl.bottom-end:before{left:5px;right:auto}:host .tooltip.rtl.top-start:before{right:5px;left:auto}:host .tooltip.rtl.top-end:before{left:5px;right:auto}:host .tooltip__number{font-weight:var(--font-weight-bold);font-size:20px;padding-inline-end:var(--spacing-comp-03);line-height:1em}:host .tooltip__message{line-height:1.6em}:host .modal{position:fixed;bottom:-100px;transition-property:bottom;transition-duration:0.5s;transition-timing-function:ease;left:50%;height:40px;background-color:var(--color-background);width:500px;margin-left:-250px;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-02);display:flex;padding:0 var(--spacing-comp-02)}:host .modal.visible{bottom:20px}:host .modal>div{display:flex;width:100%;align-items:center;justify-content:space-between}:host .modal p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(-color-on-background)}:host .modal .col-left{width:35%}:host .modal .col-right{width:65%;display:flex;justify-content:flex-end}:host .modal gxg-button{margin-right:var(--spacing-comp-02)}:host .next-button.disabled{pointer-events:none}';export{i as gxg_demo}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as e}from"./p-976c3a09.js";import{s as o}from"./p-e46e26a6.js";const a=class{constructor(r){t(this,r),this.type="title-01",this.alignment="start"}titleType(){let t;switch(this.type){case"title-01":t=r("h1",{class:"gxg-title-01",part:"title"},r("slot",null));break;case"title-02":t=r("h2",{class:"gxg-title-02",part:"title"},r("slot",null));break;case"title-03":t=r("h3",{class:"gxg-title-03",part:"title"},r("slot",null));break;case"title-04":t=r("h4",{class:"gxg-title-04",part:"title"},r("slot",null));break;case"title-05":t=r("h5",{class:"gxg-title-05",part:"title"},r("slot",null));break;default:t=r("h1",{class:"gxg-title-06",part:"title"},r("slot",null))}return t}render(){return r(e,{class:{large:o.large}},this.titleType()," ")}};a.style="/*! 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)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background)}: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)}";export{a as gxg_title}
|
|
1
|
+
import{r as t,h as r,H as e}from"./p-976c3a09.js";import{s as o}from"./p-e46e26a6.js";const a=class{constructor(r){t(this,r),this.type="title-01",this.alignment="start"}titleType(){let t;switch(this.type){case"title-01":t=r("h1",{class:"gxg-title-01",part:"title"},r("slot",null));break;case"title-02":t=r("h2",{class:"gxg-title-02",part:"title"},r("slot",null));break;case"title-03":t=r("h3",{class:"gxg-title-03",part:"title"},r("slot",null));break;case"title-04":t=r("h4",{class:"gxg-title-04",part:"title"},r("slot",null));break;case"title-05":t=r("h5",{class:"gxg-title-05",part:"title"},r("slot",null));break;default:t=r("h1",{class:"gxg-title-06",part:"title"},r("slot",null))}return t}render(){return r(e,{class:{large:o.large}},this.titleType()," ")}};a.style="/*! 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)}";export{a as gxg_title}
|
package/dist/node_modules/@genexus/gemini/dist/collection/components/accordion/accordion.css
CHANGED
|
@@ -660,18 +660,19 @@ FORM ELEMENTS
|
|
|
660
660
|
/* Handle on hover */
|
|
661
661
|
}
|
|
662
662
|
.gxg-scrollbar::-webkit-scrollbar {
|
|
663
|
-
width: var(--gxg-scrollbar-width);
|
|
663
|
+
width: var(--gxg-scrollbar-width, 6px);
|
|
664
664
|
}
|
|
665
665
|
.gxg-scrollbar::-webkit-scrollbar-track {
|
|
666
|
-
background-color: var(--gxg-scrollbar-track-background);
|
|
667
|
-
border-radius: var(--gxg-scrollbar-track-border-radius);
|
|
666
|
+
background-color: var(--gxg-scrollbar-track-background, --gray-02);
|
|
667
|
+
border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
|
|
668
668
|
}
|
|
669
669
|
.gxg-scrollbar::-webkit-scrollbar-thumb {
|
|
670
|
-
background: var(--gxg-scrollbar-track-thumb-background);
|
|
671
|
-
border-radius: var(--gxg-scrollbar-track-thumb-radius);
|
|
670
|
+
background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
|
|
671
|
+
border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
|
|
672
672
|
}
|
|
673
673
|
.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
674
|
-
background: var(--gxg-scrollbar-track-thumb-hover-background);
|
|
674
|
+
background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
|
|
675
|
+
cursor: pointer;
|
|
675
676
|
}
|
|
676
677
|
|
|
677
678
|
:host {
|
|
@@ -661,18 +661,19 @@ FORM ELEMENTS
|
|
|
661
661
|
/* Handle on hover */
|
|
662
662
|
}
|
|
663
663
|
.gxg-scrollbar::-webkit-scrollbar {
|
|
664
|
-
width: var(--gxg-scrollbar-width);
|
|
664
|
+
width: var(--gxg-scrollbar-width, 6px);
|
|
665
665
|
}
|
|
666
666
|
.gxg-scrollbar::-webkit-scrollbar-track {
|
|
667
|
-
background-color: var(--gxg-scrollbar-track-background);
|
|
668
|
-
border-radius: var(--gxg-scrollbar-track-border-radius);
|
|
667
|
+
background-color: var(--gxg-scrollbar-track-background, --gray-02);
|
|
668
|
+
border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
|
|
669
669
|
}
|
|
670
670
|
.gxg-scrollbar::-webkit-scrollbar-thumb {
|
|
671
|
-
background: var(--gxg-scrollbar-track-thumb-background);
|
|
672
|
-
border-radius: var(--gxg-scrollbar-track-thumb-radius);
|
|
671
|
+
background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
|
|
672
|
+
border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
|
|
673
673
|
}
|
|
674
674
|
.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
675
|
-
background: var(--gxg-scrollbar-track-thumb-hover-background);
|
|
675
|
+
background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
|
|
676
|
+
cursor: pointer;
|
|
676
677
|
}
|
|
677
678
|
|
|
678
679
|
:host {
|
|
@@ -660,18 +660,19 @@ FORM ELEMENTS
|
|
|
660
660
|
/* Handle on hover */
|
|
661
661
|
}
|
|
662
662
|
.gxg-scrollbar::-webkit-scrollbar {
|
|
663
|
-
width: var(--gxg-scrollbar-width);
|
|
663
|
+
width: var(--gxg-scrollbar-width, 6px);
|
|
664
664
|
}
|
|
665
665
|
.gxg-scrollbar::-webkit-scrollbar-track {
|
|
666
|
-
background-color: var(--gxg-scrollbar-track-background);
|
|
667
|
-
border-radius: var(--gxg-scrollbar-track-border-radius);
|
|
666
|
+
background-color: var(--gxg-scrollbar-track-background, --gray-02);
|
|
667
|
+
border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
|
|
668
668
|
}
|
|
669
669
|
.gxg-scrollbar::-webkit-scrollbar-thumb {
|
|
670
|
-
background: var(--gxg-scrollbar-track-thumb-background);
|
|
671
|
-
border-radius: var(--gxg-scrollbar-track-thumb-radius);
|
|
670
|
+
background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
|
|
671
|
+
border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
|
|
672
672
|
}
|
|
673
673
|
.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
674
|
-
background: var(--gxg-scrollbar-track-thumb-hover-background);
|
|
674
|
+
background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
|
|
675
|
+
cursor: pointer;
|
|
675
676
|
}
|
|
676
677
|
|
|
677
678
|
:host {
|
|
@@ -660,18 +660,19 @@ FORM ELEMENTS
|
|
|
660
660
|
/* Handle on hover */
|
|
661
661
|
}
|
|
662
662
|
.gxg-scrollbar::-webkit-scrollbar {
|
|
663
|
-
width: var(--gxg-scrollbar-width);
|
|
663
|
+
width: var(--gxg-scrollbar-width, 6px);
|
|
664
664
|
}
|
|
665
665
|
.gxg-scrollbar::-webkit-scrollbar-track {
|
|
666
|
-
background-color: var(--gxg-scrollbar-track-background);
|
|
667
|
-
border-radius: var(--gxg-scrollbar-track-border-radius);
|
|
666
|
+
background-color: var(--gxg-scrollbar-track-background, --gray-02);
|
|
667
|
+
border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
|
|
668
668
|
}
|
|
669
669
|
.gxg-scrollbar::-webkit-scrollbar-thumb {
|
|
670
|
-
background: var(--gxg-scrollbar-track-thumb-background);
|
|
671
|
-
border-radius: var(--gxg-scrollbar-track-thumb-radius);
|
|
670
|
+
background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
|
|
671
|
+
border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
|
|
672
672
|
}
|
|
673
673
|
.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
674
|
-
background: var(--gxg-scrollbar-track-thumb-hover-background);
|
|
674
|
+
background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
|
|
675
|
+
cursor: pointer;
|
|
675
676
|
}
|
|
676
677
|
|
|
677
678
|
:host {
|
|
@@ -691,18 +692,19 @@ FORM ELEMENTS
|
|
|
691
692
|
/* Handle on hover */
|
|
692
693
|
}
|
|
693
694
|
:host::-webkit-scrollbar {
|
|
694
|
-
width: var(--gxg-scrollbar-width);
|
|
695
|
+
width: var(--gxg-scrollbar-width, 6px);
|
|
695
696
|
}
|
|
696
697
|
:host::-webkit-scrollbar-track {
|
|
697
|
-
background-color: var(--gxg-scrollbar-track-background);
|
|
698
|
-
border-radius: var(--gxg-scrollbar-track-border-radius);
|
|
698
|
+
background-color: var(--gxg-scrollbar-track-background, --gray-02);
|
|
699
|
+
border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
|
|
699
700
|
}
|
|
700
701
|
:host::-webkit-scrollbar-thumb {
|
|
701
|
-
background: var(--gxg-scrollbar-track-thumb-background);
|
|
702
|
-
border-radius: var(--gxg-scrollbar-track-thumb-radius);
|
|
702
|
+
background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
|
|
703
|
+
border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
|
|
703
704
|
}
|
|
704
705
|
:host::-webkit-scrollbar-thumb:hover {
|
|
705
|
-
background: var(--gxg-scrollbar-track-thumb-hover-background);
|
|
706
|
+
background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
|
|
707
|
+
cursor: pointer;
|
|
706
708
|
}
|
|
707
709
|
|
|
708
710
|
:host([background=white]) {
|
|
@@ -660,18 +660,19 @@ FORM ELEMENTS
|
|
|
660
660
|
/* Handle on hover */
|
|
661
661
|
}
|
|
662
662
|
.gxg-scrollbar::-webkit-scrollbar {
|
|
663
|
-
width: var(--gxg-scrollbar-width);
|
|
663
|
+
width: var(--gxg-scrollbar-width, 6px);
|
|
664
664
|
}
|
|
665
665
|
.gxg-scrollbar::-webkit-scrollbar-track {
|
|
666
|
-
background-color: var(--gxg-scrollbar-track-background);
|
|
667
|
-
border-radius: var(--gxg-scrollbar-track-border-radius);
|
|
666
|
+
background-color: var(--gxg-scrollbar-track-background, --gray-02);
|
|
667
|
+
border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
|
|
668
668
|
}
|
|
669
669
|
.gxg-scrollbar::-webkit-scrollbar-thumb {
|
|
670
|
-
background: var(--gxg-scrollbar-track-thumb-background);
|
|
671
|
-
border-radius: var(--gxg-scrollbar-track-thumb-radius);
|
|
670
|
+
background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
|
|
671
|
+
border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
|
|
672
672
|
}
|
|
673
673
|
.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
674
|
-
background: var(--gxg-scrollbar-track-thumb-hover-background);
|
|
674
|
+
background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
|
|
675
|
+
cursor: pointer;
|
|
675
676
|
}
|
|
676
677
|
|
|
677
678
|
/*****************************************************
|
|
@@ -714,6 +715,7 @@ FORM ELEMENTS
|
|
|
714
715
|
padding-left: var(--spacing-comp-03);
|
|
715
716
|
line-height: var(--line-height-regular);
|
|
716
717
|
transition: background var(--ui-animaton-speed) ease, color var(--ui-animaton-speed) ease, box-shadow var(--ui-animaton-speed) ease;
|
|
718
|
+
border: 1px solid transparent;
|
|
717
719
|
/*button styles are included on a mixin, because they are used on both, gxg-button, and gxg-button-group elements*/
|
|
718
720
|
}
|
|
719
721
|
:host(.button) .button-native:hover:not([disabled]) {
|
|
@@ -722,9 +724,7 @@ FORM ELEMENTS
|
|
|
722
724
|
}
|
|
723
725
|
:host(.button) .button-native:focus:not([disabled]):not(.no-tab-index) {
|
|
724
726
|
background: var(--color-primary-enabled);
|
|
725
|
-
outline
|
|
726
|
-
outline-color: var(--gxg-border-color--focused);
|
|
727
|
-
outline-width: var(--border-width-md);
|
|
727
|
+
outline: var(--border-width-md) solid var(--gxg-border-color--focused);
|
|
728
728
|
outline-offset: -2px;
|
|
729
729
|
}
|
|
730
730
|
:host(.button) .button-native:active:not([disabled]) {
|
|
@@ -732,7 +732,7 @@ FORM ELEMENTS
|
|
|
732
732
|
}
|
|
733
733
|
|
|
734
734
|
:host(.button.button--disabled) .button-native {
|
|
735
|
-
background: var(--
|
|
735
|
+
background: var(--gxg-background-color--disabled);
|
|
736
736
|
color: var(--color-primary-disabled);
|
|
737
737
|
pointer-events: none;
|
|
738
738
|
}
|
|
@@ -741,6 +741,13 @@ FORM ELEMENTS
|
|
|
741
741
|
pointer-events: none;
|
|
742
742
|
}
|
|
743
743
|
|
|
744
|
+
/*********************************
|
|
745
|
+
PRIMARY
|
|
746
|
+
*********************************/
|
|
747
|
+
:host(.button--primary) {
|
|
748
|
+
--gxg-border-color--focused: var(--color-primary-active--inverted);
|
|
749
|
+
}
|
|
750
|
+
|
|
744
751
|
/*********************************
|
|
745
752
|
PRIMARY 'TEXT ONLY' BUTTON TYPE
|
|
746
753
|
*********************************/
|
|
@@ -808,7 +815,6 @@ SECONDARY 'TEXT ONLY' BUTTON TYPE
|
|
|
808
815
|
:host(.button--secondary-text-only) .button-native:focus:not([disabled]):not(.no-tab-index) {
|
|
809
816
|
color: var(--color-primary-active);
|
|
810
817
|
background: transparent;
|
|
811
|
-
box-shadow: var(--box-shadow-values) var(--color-primary-active);
|
|
812
818
|
}
|
|
813
819
|
:host(.button--secondary-text-only) .button-native:active:not([disabled]) {
|
|
814
820
|
color: var(--color-primary-active);
|
|
@@ -842,7 +848,6 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
|
|
|
842
848
|
:host(.button--secondary-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index) {
|
|
843
849
|
color: var(--color-primary-active);
|
|
844
850
|
background: transparent;
|
|
845
|
-
box-shadow: var(--box-shadow-values) var(--color-primary-active);
|
|
846
851
|
}
|
|
847
852
|
:host(.button--secondary-text-icon) .button-native:active:not([disabled]) {
|
|
848
853
|
color: var(--color-primary-active);
|
|
@@ -882,7 +887,7 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
|
|
|
882
887
|
*********************************/
|
|
883
888
|
:host(.button--outlined) .button-native,
|
|
884
889
|
:host(.button--outlined-text-icon) .button-native {
|
|
885
|
-
|
|
890
|
+
border-color: var(--color-primary-enabled);
|
|
886
891
|
background: var(--color-background);
|
|
887
892
|
padding-inline-start: var(--spacing-comp-04);
|
|
888
893
|
padding-inline-end: var(--spacing-comp-04);
|
|
@@ -890,20 +895,20 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
|
|
|
890
895
|
:host(.button--outlined) .button-native:hover:not([disabled]),
|
|
891
896
|
:host(.button--outlined-text-icon) .button-native:hover:not([disabled]) {
|
|
892
897
|
color: var(--color-primary-hover);
|
|
898
|
+
border-color: var(--color-primary-hover);
|
|
893
899
|
background: var(--color-primary-hover-opacity-01);
|
|
894
|
-
box-shadow: inset 0px 0px 0px 1px var(--color-primary-hover);
|
|
895
900
|
}
|
|
896
901
|
:host(.button--outlined) .button-native:focus:not([disabled]):not(.no-tab-index),
|
|
897
902
|
:host(.button--outlined-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index) {
|
|
898
903
|
color: var(--color-primary-active);
|
|
899
904
|
background: transparent;
|
|
900
|
-
|
|
905
|
+
outline: var(--border-width-md) solid var(--gxg-border-color--focused);
|
|
906
|
+
outline-offset: -2px;
|
|
901
907
|
}
|
|
902
908
|
:host(.button--outlined) .button-native:active:not([disabled]),
|
|
903
909
|
:host(.button--outlined-text-icon) .button-native:active:not([disabled]) {
|
|
904
910
|
color: var(--color-primary-active);
|
|
905
911
|
background: transparent;
|
|
906
|
-
box-shadow: inset 0px 0px 0px 1px var(--color-primary-active);
|
|
907
912
|
}
|
|
908
913
|
:host(.button--outlined) .button-native gxg-icon:not(.ghost-icon),
|
|
909
914
|
:host(.button--outlined-text-icon) .button-native gxg-icon:not(.ghost-icon) {
|
|
@@ -912,7 +917,7 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
|
|
|
912
917
|
|
|
913
918
|
:host(.button--outlined.button--disabled) .button-native,
|
|
914
919
|
:host(.button--outlined-text-icon.button--disabled) .button-native {
|
|
915
|
-
|
|
920
|
+
border-color: var(--gxg-border-color--disabled);
|
|
916
921
|
background: var(--color-transparent);
|
|
917
922
|
color: var(--color-primary-disabled);
|
|
918
923
|
}
|
|
@@ -937,7 +942,8 @@ SECONDARY 'TEXT ICON' BUTTON TYPE
|
|
|
937
942
|
}
|
|
938
943
|
:host(.button--tertiary) .button-native:focus:not([disabled]):not(.no-tab-index) {
|
|
939
944
|
background: transparent;
|
|
940
|
-
|
|
945
|
+
outline: var(--border-width-md) solid var(--gxg-border-color--focused);
|
|
946
|
+
outline-offset: -2px;
|
|
941
947
|
}
|
|
942
948
|
:host(.button--tertiary) .button-native:active:not([disabled]) {
|
|
943
949
|
background: transparent;
|