@genexus/genexus-ide-ui 0.0.63 → 0.0.64
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-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ch-action-group_2.cjs.entry.js +1 -1
- package/dist/cjs/ch-alert.cjs.entry.js +1 -1
- package/dist/cjs/{ch-checkbox_4.cjs.entry.js → ch-checkbox_3.cjs.entry.js} +39 -615
- package/dist/cjs/ch-drag-bar.cjs.entry.js +1 -1
- package/dist/cjs/ch-dropdown-item-separator.cjs.entry.js +1 -1
- package/dist/cjs/ch-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/ch-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ch-form-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-action-refresh_7.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-column-display.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-infinite-scroll.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-row-actions.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-rowset-empty.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-virtual-scroller.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid_8.cjs.entry.js +2 -2
- package/dist/cjs/ch-icon_2.cjs.entry.js +2 -1
- package/dist/cjs/ch-intersection-observer.cjs.entry.js +1 -1
- package/dist/cjs/ch-next-data-modeling-render.cjs.entry.js +1 -1
- package/dist/cjs/ch-next-data-modeling_2.cjs.entry.js +1 -1
- package/dist/cjs/ch-next-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/ch-notifications-item.cjs.entry.js +1 -1
- package/dist/cjs/ch-notifications.cjs.entry.js +1 -1
- package/dist/cjs/ch-qr.cjs.entry.js +1 -1
- package/dist/cjs/ch-select-option.cjs.entry.js +1 -1
- package/dist/cjs/ch-select.cjs.entry.js +2 -2
- package/dist/cjs/ch-sidebar-menu-list-item.cjs.entry.js +1 -1
- package/dist/cjs/ch-sidebar-menu-list.cjs.entry.js +1 -1
- package/dist/cjs/ch-sidebar-menu.cjs.entry.js +2 -2
- package/dist/cjs/ch-step-list-item.cjs.entry.js +1 -1
- package/dist/cjs/ch-step-list.cjs.entry.js +1 -1
- package/dist/cjs/ch-style.cjs.entry.js +1 -1
- package/dist/cjs/ch-suggest_4.cjs.entry.js +3 -3
- package/dist/cjs/ch-test-action-group.cjs.entry.js +1 -1
- package/dist/cjs/ch-test-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ch-test-suggest.cjs.entry.js +1 -1
- package/dist/cjs/ch-textblock.cjs.entry.js +1 -1
- package/dist/cjs/ch-timer.cjs.entry.js +1 -1
- package/dist/cjs/ch-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ch-tree-item.cjs.entry.js +1 -1
- package/dist/cjs/ch-tree-view-render-wrapper.cjs.entry.js +6 -3
- package/dist/cjs/ch-tree-view-render_2.cjs.entry.js +822 -0
- package/dist/cjs/ch-tree.cjs.entry.js +1 -1
- package/dist/cjs/ch-window_2.cjs.entry.js +1 -1
- package/dist/cjs/{common-5d08e273.js → common-2100f35f.js} +1 -1
- package/dist/cjs/{config-c652329b.js → config-8634e7dd.js} +1 -1
- package/dist/cjs/{form-c75c9ac0.js → form-437d6a38.js} +1 -1
- package/dist/cjs/genexus-ide-ui.cjs.js +2 -2
- package/dist/cjs/gx-grid-chameleon.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-bpm-app-declaration.cjs.entry.js +4 -4
- package/dist/cjs/gx-ide-container_4.cjs.entry.js +4 -3
- package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-directory-selector.cjs.entry.js +24 -5
- package/dist/cjs/gx-ide-entity-selector_2.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-file-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +66 -36
- package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +7 -4
- package/dist/cjs/gx-ide-list-selector_2.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +3 -3
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +3 -3
- package/dist/cjs/gx-ide-new-object.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-object-selector.cjs.entry.js +3 -3
- package/dist/cjs/gx-ide-references.cjs.entry.js +3 -3
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js +3 -3
- package/dist/cjs/gx-ide-status-buttons_2.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-switch-panel.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-switcher.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +3 -3
- package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +3 -3
- package/dist/cjs/gx-ide-template.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-test.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-top-bar.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +3 -3
- package/dist/cjs/gxg-accordion-item.cjs.entry.js +2 -2
- 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-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/gxg-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gxg-button-group.cjs.entry.js +3 -3
- package/dist/cjs/gxg-button.cjs.entry.js +2 -2
- package/dist/cjs/gxg-card.cjs.entry.js +36 -3
- 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 +1 -1
- 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 +2 -2
- package/dist/cjs/gxg-filter-item.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 +3 -3
- package/dist/cjs/gxg-form-message.cjs.entry.js +2 -2
- 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-textarea.cjs.entry.js +3 -3
- package/dist/cjs/gxg-label_2.cjs.entry.js +2 -2
- package/dist/cjs/gxg-list-box_2.cjs.entry.js +3 -3
- 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 +2 -2
- package/dist/cjs/gxg-more-info.cjs.entry.js +1 -1
- package/dist/cjs/gxg-option-v2.cjs.entry.js +1 -1
- package/dist/cjs/gxg-option.cjs.entry.js +1 -1
- package/dist/cjs/gxg-options-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-options.cjs.entry.js +2 -2
- package/dist/cjs/gxg-paginator.cjs.entry.js +1 -1
- package/dist/cjs/gxg-pill.cjs.entry.js +12 -4
- package/dist/cjs/gxg-pills.cjs.entry.js +4 -3
- 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-v2.cjs.entry.js +2 -2
- package/dist/cjs/gxg-select.cjs.entry.js +3 -3
- 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-split.cjs.entry.js +1 -1
- package/dist/cjs/gxg-splitter.cjs.entry.js +1 -1
- package/dist/cjs/gxg-stack.cjs.entry.js +1 -1
- package/dist/cjs/gxg-stepper.cjs.entry.js +1 -1
- package/dist/cjs/gxg-tab_4.cjs.entry.js +14 -7
- package/dist/cjs/gxg-test.cjs.entry.js +1 -1
- package/dist/cjs/gxg-text.cjs.entry.js +8 -4
- package/dist/cjs/gxg-title-editable.cjs.entry.js +2 -3
- 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-grid-divs.cjs.entry.js +1 -1
- package/dist/cjs/gxg-tree-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-tree.cjs.entry.js +1 -1
- package/dist/cjs/gxg-window.cjs.entry.js +1 -1
- package/dist/cjs/{index-3e90909d.js → index-69adec41.js} +1 -1
- package/dist/cjs/{index-5a32426a.js → index-f9bb1815.js} +5 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{render-combo-items-d99a186a.js → render-combo-items-05509216.js} +1 -1
- package/dist/cjs/{render-suggest-c623955f.js → render-suggest-a4363c7b.js} +1 -1
- package/dist/cjs/{store-0866de9f.js → store-5fad773e.js} +2 -1
- package/dist/collection/common/config.js +1 -1
- package/dist/collection/components/_helpers/directory-selector/directory-selector.js +28 -4
- package/dist/collection/components/_helpers/list-selector/list-selector-item/list-selector-item.js +1 -1
- package/dist/collection/components/_helpers/list-selector/list-selector.js +1 -1
- package/dist/collection/components/kb-manager-export/gx-ide-assets/kb-manager-export/langs/kb-manager-export.lang.en.json +4 -1
- package/dist/collection/components/kb-manager-export/helpers.js +4 -4
- package/dist/collection/components/kb-manager-export/kb-manager-export.css +0 -20
- package/dist/collection/components/kb-manager-export/kb-manager-export.js +62 -29
- package/dist/collection/components/kb-manager-import/helpers.js +3 -1
- package/dist/collection/components/kb-manager-import/kb-manager-import.js +3 -1
- package/dist/components/button-group.js +1 -1
- package/dist/components/ch-tree-view-render-wrapper.js +5 -2
- package/dist/components/config.js +1 -1
- package/dist/components/directory-selector.js +25 -5
- package/dist/components/form-text.js +1 -0
- package/dist/components/gx-ide-kb-manager-export.js +106 -68
- package/dist/components/gx-ide-kb-manager-import.js +5 -2
- package/dist/components/gxg-card.js +66 -4
- package/dist/components/gxg-pill.js +11 -2
- package/dist/components/gxg-pills.js +3 -2
- package/dist/components/gxg-title-editable.js +1 -151
- package/dist/components/icon2.js +1 -0
- package/dist/components/store.js +1 -0
- package/dist/components/tab-bar.js +3 -1
- package/dist/components/tab-button.js +2 -1
- package/dist/components/tab.js +2 -1
- package/dist/components/tabs.js +8 -2
- package/dist/components/text.js +8 -3
- package/dist/components/title-editable.js +152 -0
- package/dist/components/tree-view-item.js +41 -26
- package/dist/components/tree-view-render.js +81 -18
- package/dist/components/tree-view2.js +9 -4
- package/dist/esm/ch-accordion.entry.js +1 -1
- package/dist/esm/ch-action-group_2.entry.js +1 -1
- package/dist/esm/ch-alert.entry.js +1 -1
- package/dist/esm/{ch-checkbox_4.entry.js → ch-checkbox_3.entry.js} +40 -615
- package/dist/esm/ch-drag-bar.entry.js +1 -1
- package/dist/esm/ch-dropdown-item-separator.entry.js +1 -1
- package/dist/esm/ch-dropdown-item.entry.js +1 -1
- package/dist/esm/ch-dropdown.entry.js +1 -1
- package/dist/esm/ch-form-checkbox.entry.js +1 -1
- package/dist/esm/ch-grid-action-refresh_7.entry.js +1 -1
- package/dist/esm/ch-grid-column-display.entry.js +1 -1
- package/dist/esm/ch-grid-infinite-scroll.entry.js +1 -1
- package/dist/esm/ch-grid-row-actions.entry.js +1 -1
- package/dist/esm/ch-grid-rowset-empty.entry.js +1 -1
- package/dist/esm/ch-grid-rowset-legend.entry.js +1 -1
- package/dist/esm/ch-grid-virtual-scroller.entry.js +1 -1
- package/dist/esm/ch-grid_8.entry.js +2 -2
- package/dist/esm/ch-icon_2.entry.js +2 -1
- package/dist/esm/ch-intersection-observer.entry.js +1 -1
- package/dist/esm/ch-next-data-modeling-render.entry.js +1 -1
- package/dist/esm/ch-next-data-modeling_2.entry.js +1 -1
- package/dist/esm/ch-next-progress-bar.entry.js +1 -1
- package/dist/esm/ch-notifications-item.entry.js +1 -1
- package/dist/esm/ch-notifications.entry.js +1 -1
- package/dist/esm/ch-qr.entry.js +1 -1
- package/dist/esm/ch-select-option.entry.js +1 -1
- package/dist/esm/ch-select.entry.js +2 -2
- package/dist/esm/ch-sidebar-menu-list-item.entry.js +1 -1
- package/dist/esm/ch-sidebar-menu-list.entry.js +1 -1
- package/dist/esm/ch-sidebar-menu.entry.js +2 -2
- package/dist/esm/ch-step-list-item.entry.js +1 -1
- package/dist/esm/ch-step-list.entry.js +1 -1
- package/dist/esm/ch-style.entry.js +1 -1
- package/dist/esm/ch-suggest_4.entry.js +3 -3
- package/dist/esm/ch-test-action-group.entry.js +1 -1
- package/dist/esm/ch-test-dropdown.entry.js +1 -1
- package/dist/esm/ch-test-suggest.entry.js +1 -1
- package/dist/esm/ch-textblock.entry.js +1 -1
- package/dist/esm/ch-timer.entry.js +1 -1
- package/dist/esm/ch-tooltip.entry.js +1 -1
- package/dist/esm/ch-tree-item.entry.js +1 -1
- package/dist/esm/ch-tree-view-render-wrapper.entry.js +6 -3
- package/dist/esm/ch-tree-view-render_2.entry.js +817 -0
- package/dist/esm/ch-tree.entry.js +1 -1
- package/dist/esm/ch-window_2.entry.js +1 -1
- package/dist/esm/{common-ec35ec2f.js → common-202491f0.js} +1 -1
- package/dist/esm/{config-ee66bdf4.js → config-e6f580c8.js} +1 -1
- package/dist/esm/{form-267b92df.js → form-1e8f483d.js} +1 -1
- package/dist/esm/genexus-ide-ui.js +3 -3
- package/dist/esm/gx-grid-chameleon.entry.js +1 -1
- package/dist/esm/gx-ide-bpm-app-declaration.entry.js +4 -4
- package/dist/esm/gx-ide-container_4.entry.js +4 -3
- package/dist/esm/gx-ide-create-kb-from-server.entry.js +2 -2
- package/dist/esm/gx-ide-directory-selector.entry.js +24 -5
- package/dist/esm/gx-ide-entity-selector_2.entry.js +2 -2
- package/dist/esm/gx-ide-file-selector.entry.js +1 -1
- package/dist/esm/gx-ide-kb-manager-export.entry.js +66 -36
- package/dist/esm/gx-ide-kb-manager-import.entry.js +7 -4
- package/dist/esm/gx-ide-list-selector_2.entry.js +1 -1
- package/dist/esm/gx-ide-new-environment.entry.js +3 -3
- package/dist/esm/gx-ide-new-kb.entry.js +3 -3
- package/dist/esm/gx-ide-new-object.entry.js +2 -2
- package/dist/esm/gx-ide-object-selector.entry.js +3 -3
- package/dist/esm/gx-ide-references.entry.js +3 -3
- package/dist/esm/gx-ide-share-kb.entry.js +3 -3
- package/dist/esm/gx-ide-status-buttons_2.entry.js +1 -1
- package/dist/esm/gx-ide-switch-panel.entry.js +1 -1
- package/dist/esm/gx-ide-switcher.entry.js +1 -1
- package/dist/esm/gx-ide-team-dev-commit.entry.js +3 -3
- package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +2 -2
- package/dist/esm/gx-ide-team-dev-update-partial-selection.entry.js +2 -2
- package/dist/esm/gx-ide-team-dev-update-to-revision.entry.js +2 -2
- package/dist/esm/gx-ide-team-dev-update.entry.js +3 -3
- package/dist/esm/gx-ide-template.entry.js +2 -2
- package/dist/esm/gx-ide-test.entry.js +1 -1
- package/dist/esm/gx-ide-top-bar.entry.js +1 -1
- package/dist/esm/gx-ide-ww-images.entry.js +3 -3
- package/dist/esm/gxg-accordion-item.entry.js +2 -2
- 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-breadcrumb.entry.js +1 -1
- package/dist/esm/gxg-breadcrumbs.entry.js +1 -1
- package/dist/esm/gxg-button-group.entry.js +3 -3
- package/dist/esm/gxg-button.entry.js +2 -2
- package/dist/esm/gxg-card.entry.js +36 -3
- 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 +1 -1
- 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 +2 -2
- package/dist/esm/gxg-filter-item.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 +3 -3
- package/dist/esm/gxg-form-message.entry.js +2 -2
- 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-textarea.entry.js +3 -3
- package/dist/esm/gxg-label_2.entry.js +2 -2
- package/dist/esm/gxg-list-box_2.entry.js +3 -3
- 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 +2 -2
- package/dist/esm/gxg-more-info.entry.js +1 -1
- package/dist/esm/gxg-option-v2.entry.js +1 -1
- package/dist/esm/gxg-option.entry.js +1 -1
- package/dist/esm/gxg-options-item.entry.js +1 -1
- package/dist/esm/gxg-options.entry.js +2 -2
- package/dist/esm/gxg-paginator.entry.js +1 -1
- package/dist/esm/gxg-pill.entry.js +12 -4
- package/dist/esm/gxg-pills.entry.js +4 -3
- package/dist/esm/gxg-progress-bar.entry.js +1 -1
- package/dist/esm/gxg-scroll.entry.js +1 -1
- package/dist/esm/gxg-select-v2.entry.js +2 -2
- package/dist/esm/gxg-select.entry.js +3 -3
- 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-split.entry.js +1 -1
- package/dist/esm/gxg-splitter.entry.js +1 -1
- package/dist/esm/gxg-stack.entry.js +1 -1
- package/dist/esm/gxg-stepper.entry.js +1 -1
- package/dist/esm/gxg-tab_4.entry.js +14 -7
- package/dist/esm/gxg-test.entry.js +1 -1
- package/dist/esm/gxg-text.entry.js +8 -4
- package/dist/esm/gxg-title-editable.entry.js +2 -3
- 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-grid-divs.entry.js +1 -1
- package/dist/esm/gxg-tree-item.entry.js +1 -1
- package/dist/esm/gxg-tree.entry.js +1 -1
- package/dist/esm/gxg-window.entry.js +1 -1
- package/dist/esm/{index-0da01575.js → index-0aa3977d.js} +5 -0
- package/dist/esm/{index-ea94e298.js → index-5ae5cf27.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{render-combo-items-faf78e28.js → render-combo-items-ede5de19.js} +1 -1
- package/dist/esm/{render-suggest-e44dde1b.js → render-suggest-f3af661b.js} +1 -1
- package/dist/esm/{store-c2650ca5.js → store-eca88b9a.js} +2 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +3 -3
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-export/langs/kb-manager-export.lang.en.json +4 -1
- package/dist/genexus-ide-ui/{p-1fe05a05.entry.js → p-01978a13.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-13177896.entry.js → p-0261c202.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-54f01d52.entry.js → p-0371daa4.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-73cfc07c.entry.js → p-040e960d.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-045ddedf.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-cbe42c29.entry.js → p-0495c639.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b5dc509f.entry.js → p-07c6f7dd.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-0906fb46.js +2 -0
- package/dist/genexus-ide-ui/{p-1294d220.entry.js → p-0cba56a1.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-527ace08.entry.js → p-0cc3af0d.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-0d7c0cd1.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-0c360621.entry.js → p-0e29d370.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fec82adb.entry.js → p-0ff8550a.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-eddf8a1e.entry.js → p-10fa87ef.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9aa2dd17.entry.js → p-112dc730.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-bb7ae451.entry.js → p-128c0527.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-db4f2732.entry.js → p-15685d3f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-df02f70a.entry.js → p-15f4ca7a.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-5e40990d.entry.js → p-161969f3.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4d506c74.entry.js → p-16aad0e4.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b9d071f7.entry.js → p-16b0acef.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fb92083f.entry.js → p-1a8d710a.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-d9a5b3d6.entry.js → p-1ad41f2e.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-1bf68774.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-81c9847d.entry.js → p-20751bae.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0dee851b.entry.js → p-207c378b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a48badf0.entry.js → p-21a768d0.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1dece95c.entry.js → p-231244f2.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e7c46bbe.entry.js → p-2422a593.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-2447a18f.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-8a29aa0e.entry.js → p-2582e3d7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-283afc3b.entry.js → p-2589e00e.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-3e3cb535.entry.js → p-264b3088.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-264f77c4.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-c6b514cb.entry.js → p-266539cf.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-bb77cb65.entry.js → p-27d835c0.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a8e97a42.entry.js → p-285f0790.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-42209f9f.entry.js → p-2c5289df.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-aacec189.entry.js → p-34f4deb8.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-117498b7.entry.js → p-383f10ab.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e8e2f4c1.entry.js → p-39bd6c60.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-df7996d5.entry.js → p-39c03652.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f3837d78.entry.js → p-3b55122b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-eb328b50.entry.js → p-3fbc7703.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-636d02fa.entry.js → p-3fc20855.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f8c8eebd.entry.js → p-42f71c47.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-43386091.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-a2479a2f.entry.js → p-43947003.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-2c17e71d.entry.js → p-439a45c1.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-8243c51d.entry.js → p-46632b39.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-bfb41ce9.js → p-47629213.js} +1 -1
- package/dist/genexus-ide-ui/{p-4f02b7bf.entry.js → p-4a756245.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-718759e7.entry.js → p-4ad2bc69.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-45b17fd8.entry.js → p-4ca8f7d3.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9b93752d.entry.js → p-4cb93e1b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-123b8351.entry.js → p-4d42f077.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-984f7626.entry.js → p-4da6f594.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-780caf92.entry.js → p-4f63438d.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1fc0c236.entry.js → p-53424a7c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-11af125f.js → p-551539eb.js} +1 -1
- package/dist/genexus-ide-ui/{p-7b63be93.entry.js → p-5624cbd0.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-68ec655f.entry.js → p-57327cd3.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f69d8c9f.entry.js → p-57972075.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6b301bbb.entry.js → p-59244df7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9dfc4afa.entry.js → p-5babe487.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-5ec25f04.entry.js → p-61b5f2f2.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-71b14079.entry.js → p-61e5b3a7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-d30c5a8e.entry.js → p-6272fb68.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-606d6814.entry.js → p-6811e556.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-34763105.entry.js → p-68626d13.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-689ffafd.entry.js +1 -0
- package/dist/genexus-ide-ui/p-68be9582.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-90416fc8.js → p-698d274a.js} +1 -1
- package/dist/genexus-ide-ui/p-6bb17c51.js +1 -0
- package/dist/genexus-ide-ui/{p-d67c476c.entry.js → p-6cd18b45.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-98b8a4b7.entry.js → p-6dba1f6c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-df744a68.entry.js → p-6fafe9d4.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-8738b63b.entry.js → p-6fb33e4c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-65e532d8.entry.js → p-718dc78b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-3485ddda.entry.js → p-73204c8a.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-783a1530.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-e8a21ed7.entry.js → p-7ae11b35.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-ade59c73.entry.js → p-7d1fd88e.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-82ba2bec.entry.js → p-7d327d28.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fc6b970d.entry.js → p-7fc8f83b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b8917eee.entry.js → p-832a1eff.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-94d2d18a.entry.js → p-88f896a6.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-8c574452.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-dfac4d3c.entry.js → p-8cf88b58.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7c44a3c8.entry.js → p-8fddfbd1.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-19e6c2b8.entry.js → p-90b5b7ed.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4a01a404.entry.js → p-91fe1c0d.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-976e8118.entry.js → p-95d1a4e7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-3fc9cf29.entry.js → p-97dc4967.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9f4b6230.entry.js → p-98ea872a.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fb368434.entry.js → p-99da5de7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-870c7d8f.entry.js → p-9b29a8e8.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-9d73a85c.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-1ff3cf87.entry.js → p-9df2aae3.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a9c8b373.entry.js → p-a0d3d2b0.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-abfc0ad8.entry.js → p-a14dde56.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-c11c96d7.entry.js → p-a214edb5.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a5463fc9.entry.js → p-a2c7dc8a.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-46ed607e.entry.js → p-a6f02255.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4e53dfaf.entry.js → p-a7c3a0fc.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-a85038e2.js +1 -0
- package/dist/genexus-ide-ui/{p-566ae3e7.entry.js → p-a96aa03c.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-a99c17b1.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-56935fba.entry.js → p-b0268924.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-52f6ee1e.js → p-b9fca59c.js} +1 -1
- package/dist/genexus-ide-ui/{p-f93e94dc.entry.js → p-ba7c3c18.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0574b321.entry.js → p-bca4d4c1.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-25b333a5.entry.js → p-bce289e6.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-339a8480.entry.js → p-bf93ac90.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9c82381c.entry.js → p-c00aa636.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1b51da5e.entry.js → p-c0532785.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-8a70239f.entry.js → p-c19354eb.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-aec51bab.entry.js → p-c5e22cd8.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-c74f5d08.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c914cc1f.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-b4b4cbdc.entry.js → p-cb1845a9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-ad30241e.entry.js → p-cc7d2262.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4cf3c2b9.entry.js → p-ccc9151e.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-72be1b75.entry.js → p-cd2fb5c9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7e13efb2.entry.js → p-cd6dafe5.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-5cc7c201.entry.js → p-cdaaf8f9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e542c155.entry.js → p-ce76b613.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f7aa606a.entry.js → p-cf421c67.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-cb3a255c.entry.js → p-d080030a.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-d0dbf94f.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-133b562f.entry.js → p-d25da0c9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b0cb9690.entry.js → p-d5005f26.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f9f1d95d.entry.js → p-da2dfb82.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-32bade0f.entry.js → p-da5317f5.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-657e57e7.entry.js → p-dc3efe56.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-e45b5686.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-9e428123.entry.js → p-e7c96dec.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0f1388e1.entry.js → p-eb3895cc.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-93ec18f7.entry.js → p-eb49012b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7dd9df47.entry.js → p-ed89f1ee.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-3c8b9c4b.entry.js → p-efd187d0.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b900ffbc.entry.js → p-f7fd7fa8.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6d42b2c4.entry.js → p-f8750a75.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-bacd879c.entry.js → p-f97d7bbe.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-fa4e7177.js +1 -0
- package/dist/genexus-ide-ui/{p-253669d3.entry.js → p-fb2a7e10.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0e28d8f3.entry.js → p-fb921907.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-866f6d39.entry.js → p-fc03bdd3.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-d7b452ef.entry.js → p-fd73e13a.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0ae159de.entry.js → p-fdb7b01c.entry.js} +1 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view-item/tree-view-item.css +58 -36
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button-group/button-group.css +4 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.css +96 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/pills/pill.css +28 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/pills/pills.css +7 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +6 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css +10 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +43 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css +12 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +9 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/title-editable/title-editable.css +8 -3
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +16 -24
- package/dist/types/components/_helpers/directory-selector/directory-selector.d.ts +4 -0
- package/dist/types/components/kb-manager-export/helpers.d.ts +2 -0
- package/dist/types/components/kb-manager-export/kb-manager-export.d.ts +6 -4
- package/dist/types/components/kb-manager-import/helpers.d.ts +1 -0
- package/package.json +3 -3
- package/dist/cjs/gxg-tree-view.cjs.entry.js +0 -165
- package/dist/esm/gxg-tree-view.entry.js +0 -161
- package/dist/genexus-ide-ui/p-00b5896d.entry.js +0 -1
- package/dist/genexus-ide-ui/p-19fef562.entry.js +0 -1
- package/dist/genexus-ide-ui/p-2781b92a.entry.js +0 -1
- package/dist/genexus-ide-ui/p-292fc3f4.entry.js +0 -1
- package/dist/genexus-ide-ui/p-2e0a65a3.entry.js +0 -1
- package/dist/genexus-ide-ui/p-2f3c0023.entry.js +0 -1
- package/dist/genexus-ide-ui/p-38c18db5.js +0 -1
- package/dist/genexus-ide-ui/p-3f0f7f80.entry.js +0 -1
- package/dist/genexus-ide-ui/p-40a57a36.entry.js +0 -1
- package/dist/genexus-ide-ui/p-606fee7b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-6211ca46.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8a7c4561.entry.js +0 -1
- package/dist/genexus-ide-ui/p-9380b713.entry.js +0 -1
- package/dist/genexus-ide-ui/p-976c3a09.js +0 -2
- package/dist/genexus-ide-ui/p-a2cb0e6b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b819706e.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b8d5c561.js +0 -1
- package/dist/genexus-ide-ui/p-e46e26a6.js +0 -1
- package/dist/genexus-ide-ui/p-f6a6d8bb.entry.js +0 -1
- package/dist/genexus-ide-ui/p-fbb1cd20.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o}from"./p-976c3a09.js";const r=class{constructor(o){t(this,o),this.position="top",this.moreInfoLabel="more info",this.url=null,this.target="_blank"}render(){return o("span",{class:"more-info"},o("gxg-icon",{color:"primary-enabled",size:"small",type:"gemini-tools/notice"}),o("div",{class:"more-info__text"},o("span",{class:"more-info__text__content"},this.label,null!==this.url?o("br",null):null,null!==this.url?o("a",{class:"more-info__text__content__url",href:this.url,target:this.target},this.moreInfoLabel):null)))}};r.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 .more-info{cursor:pointer;position:relative;display:inline-block;top:4px;line-height:0}:host .more-info__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;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;cursor:auto}:host .more-info__text__content{width:fit-content;background-color:var(--gray-01);padding:1.5px 5px;border-color:var(--gray-04);border-style:solid;border-width:0.5px;color:var(--color-on-background);display:inline-block;text-align:left}:host .more-info__text__content__url{display:inline-block;margin-bottom:2px;color:var(--color-primary-enabled)}:host .more-info__text:after{content:"";display:block;position:absolute}:host .more-info:hover .more-info__text{visibility:visible;opacity:1}:host([position=top]) .more-info__text{bottom:27px;left:50%;transform:translateX(-50%)}:host([position=top]) .more-info__text:after{width:100%;height:12px;bottom:-12px}:host([position=right]) .more-info__text{top:10px;left:125%;text-align:left;transform:translateY(-50%)}:host([position=right]) .more-info__text:after{content:"";width:12px;height:100%;top:0;left:-12px}:host([position=bottom]) .more-info__text{top:27px;left:50%;transform:translateX(-50%)}:host([position=bottom]) .more-info__text:after{width:100%;height:12px;top:-12px}:host([position=left]) .more-info__text{text-align:right;top:10px;right:125%;transform:translateY(-50%)}:host([position=left]) .more-info__text:after{width:12px;height:100%;top:0;right:-12px}:host([width-auto]) .more-info__text{width:auto;white-space:nowrap}:host([no-border]) .more-info{border-bottom:none}';export{r as gxg_more_info}
|
|
1
|
+
import{r as t,h as o}from"./p-0906fb46.js";const r=class{constructor(o){t(this,o),this.position="top",this.moreInfoLabel="more info",this.url=null,this.target="_blank"}render(){return o("span",{class:"more-info"},o("gxg-icon",{color:"primary-enabled",size:"small",type:"gemini-tools/notice"}),o("div",{class:"more-info__text"},o("span",{class:"more-info__text__content"},this.label,null!==this.url?o("br",null):null,null!==this.url?o("a",{class:"more-info__text__content__url",href:this.url,target:this.target},this.moreInfoLabel):null)))}};r.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 .more-info{cursor:pointer;position:relative;display:inline-block;top:4px;line-height:0}:host .more-info__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;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;cursor:auto}:host .more-info__text__content{width:fit-content;background-color:var(--gray-01);padding:1.5px 5px;border-color:var(--gray-04);border-style:solid;border-width:0.5px;color:var(--color-on-background);display:inline-block;text-align:left}:host .more-info__text__content__url{display:inline-block;margin-bottom:2px;color:var(--color-primary-enabled)}:host .more-info__text:after{content:"";display:block;position:absolute}:host .more-info:hover .more-info__text{visibility:visible;opacity:1}:host([position=top]) .more-info__text{bottom:27px;left:50%;transform:translateX(-50%)}:host([position=top]) .more-info__text:after{width:100%;height:12px;bottom:-12px}:host([position=right]) .more-info__text{top:10px;left:125%;text-align:left;transform:translateY(-50%)}:host([position=right]) .more-info__text:after{content:"";width:12px;height:100%;top:0;left:-12px}:host([position=bottom]) .more-info__text{top:27px;left:50%;transform:translateX(-50%)}:host([position=bottom]) .more-info__text:after{width:100%;height:12px;top:-12px}:host([position=left]) .more-info__text{text-align:right;top:10px;right:125%;transform:translateY(-50%)}:host([position=left]) .more-info__text:after{width:12px;height:100%;top:0;right:-12px}:host([width-auto]) .more-info__text{width:auto;white-space:nowrap}:host([no-border]) .more-info{border-bottom:none}';export{r as gxg_more_info}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as r,H as e}from"./p-0906fb46.js";import{s as o}from"./p-a85038e2.js";const a=class{constructor(r){t(this,r),this.disabled=!1,this.target="_self",this.type="text-regular",this.textAlign="start",this.padding="none",this.maxWidth="100%",this.italic=!1}textType(){let t;switch(this.type){case"text-regular":t=r("p",{style:{maxWidth:this.maxWidth},class:"gxg-text"},r("slot",null));break;case"text-gray":t=r("p",{style:{maxWidth:this.maxWidth},class:"gxg-text--gray"},r("slot",null));break;case"text-quote":t=r("q",{style:{maxWidth:this.maxWidth},class:"gxg-quote"},r("slot",null));break;case"text-link":t=r("a",{style:{maxWidth:this.maxWidth},href:this.href,target:this.target,class:{"gxg-link":!0,disabled:this.disabled}},r("slot",null));break;case"text-link-no-line":t=r("a",{style:{maxWidth:this.maxWidth},href:this.href,target:this.target,class:{"gxg-link":!0,"no-line":!0,disabled:this.disabled}},r("slot",null));break;case"text-link-gray":t=r("a",{style:{maxWidth:this.maxWidth},href:this.href,target:this.target,class:{"gxg-link-gray":!0,disabled:this.disabled}},r("slot",null));break;case"text-link-gray-no-line":t=r("a",{style:{maxWidth:this.maxWidth},href:this.href,target:this.target,class:{"gxg-link-gray":!0,"no-line":!0,disabled:this.disabled}},r("slot",null));break;case"text-alert-error":t=r("p",{style:{maxWidth:this.maxWidth},class:"gxg-alert-error"},r("slot",null));break;case"text-alert-warning":t=r("p",{style:{maxWidth:this.maxWidth},class:"gxg-alert-warning"},r("slot",null));break;case"text-alert-success":t=r("p",{style:{maxWidth:this.maxWidth},class:"gxg-alert-success"},r("slot",null));break;case"button-like":t=r("button",{class:{"gxg-button-like":!0,disabled:this.disabled}},r("slot",null));break;default:t=r("p",{style:{maxWidth:this.maxWidth},class:{"gxg-text":!0,disabled:this.disabled}},r("slot",null))}return t}render(){return r(e,{class:{large:o.large,mercury:o.mercury}},this.textType()," ")}};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{display:block;font-size:14px}:host p,:host q,:host a{display:block;margin:0;padding:0;margin:0 auto}:host p.no-line,:host q.no-line,:host a.no-line{text-decoration:none}:host .disabled{pointer-events:none;color:var(--gxg-color--disabled) !important}:host([text-align=start]){text-align:start}:host([text-align=start]) *{text-align:start}:host([text-align=center]){text-align:center}:host([text-align=center]) *{text-align:center}:host([text-align=end]){text-align:end}:host([text-align=end]) *{text-align:end}:host([padding=s]){padding:var(--spacing-comp-01)}:host([padding=m]){padding:var(--spacing-comp-02)}:host([type=button-like]) button{background-color:transparent;border:none;font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-enabled);letter-spacing:var(--letter-spacing-xs);cursor:pointer}:host([type=button-like]) button:hover{color:var(--color-primary-hover)}:host([type=button-like]) button:focus{outline:none;text-decoration:underline}:host(.large) .gxg-text,:host(.large) .gxg-text--gray,:host(.large) .gxg-quote,:host(.large) .gxg-link,:host(.large) .gxg-link-gray,:host(.large) .gxg-alert-error,:host(.large) .gxg-alert-warning,:host(.large) .gxg-alert-success{font-size:var(--font-size-lg)}:host(.mercury) .gxg-text{font-size:var(--mc-font-size-xs);color:var(--gray-02)}:host(.mercury[italic]){font-style:italic}";export{a as gxg_text}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as t,H as o}from"./p-
|
|
1
|
+
import{r,h as t,H as o}from"./p-0906fb46.js";const a=class{constructor(t){r(this,t),this.evaluateLabelPosition=()=>{this.label&&"above"===this.labelPosition&&(this.centerLabel=!1)},this.btnSelectClickHandler=()=>{},this.accessibilityLabels={buttonSelectLabel:"selects a file from the user file system"},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}),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_file_selector}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as t,h as o,H as a,g as e}from"./p-976c3a09.js";const i=class{constructor(o){r(this,o),this.treeItemStateChanged=t(this,"treeItemStateChanged",7),this.masterTree=!1,this.checkbox=!0,this.checked=!1,this.opened=!0,this.toggleCheckboxes=!1,this.multiSelection=!1,this.evaluateIsMasterTree=()=>{var r;const t=null===(r=this.el.parentElement)||void 0===r?void 0:r.parentElement;void 0!==t&&"GXG-TREE"===t.nodeName||(this.masterTree=!0)},this.initialConfig=()=>{const r=this.el.parentElement;if("GXG-TREE-ITEM"===(null==r?void 0:r.tagName)){const t=r;this.checkbox=void 0!==t.checkbox?t.checkbox:this.checkbox,this.checked=void 0!==t.checked?t.checked:this.checked,this.opened=void 0!==t.opened?t.opened:this.opened,this.toggleCheckboxes=void 0!==t.toggleCheckboxes?t.toggleCheckboxes:this.toggleCheckboxes}},this.emitTreeItemNewState=(r,t)=>{this.treeItemStateChanged.emit({itemData:r,emittedBy:t})}}componentWillLoad(){this.initialConfig(),this.evaluateIsMasterTree()}checkboxToggledHandler(r){this.masterTree&&this.emitTreeItemNewState(r.detail,"checkboxToggled")}doubleClickedHandler(r){this.masterTree&&this.emitTreeItemNewState(r.detail,"doubleClicked")}selectionChangedHandler(r){const t=this.el.querySelectorAll("gxg-tree-item");(this.masterTree&&this.multiSelection&&!r.detail.ctrl||this.masterTree&&!this.multiSelection)&&Array.from(t).forEach((t=>{t!==r.detail.ref&&(t.selected=!1)})),this.masterTree&&this.emitTreeItemNewState(r.detail,"selectionChanged")}toggleIconClickedHandler(r){this.masterTree&&this.emitTreeItemNewState(r.detail,"toggleIconClicked")}async getCheckedItems(r){const t=Array.from(this.el.querySelectorAll("gxg-tree-item")),o=[];return(null==r?void 0:r.length)?r.forEach((r=>{const a=t.find((t=>r===t.id));a&&o.push({id:a.id,label:a.label,checked:a.checked,selected:a.selected})})):t.forEach((r=>{r.checked&&o.push({id:r.id,label:r.label,checked:r.checked,selected:r.selected})})),o}async getSelectedItems(){const r=[],t=this.el.querySelectorAll("gxg-tree-item");return(null==t?void 0:t.length)&&Array.from(t).forEach((t=>{t.selected&&r.push({id:t.id,label:t.label,checked:t.checked,selected:t.selected})})),r}async toggleItems(r,t){if(!(null==r?void 0:r.length))return[];const o=Array.from(this.el.querySelectorAll("gxg-tree-item")),a=[];return r.forEach((r=>{const e=o.find((t=>r===t.id));e&&void 0===t?e.opened=!e.opened:e&&t&&!e.opened?e.opened=!0:e&&!t&&e.opened&&(e.opened=!1),e&&a.push({id:e.id,opened:e.opened})})),a}render(){return o(a,null,o("div",{class:{tree:!0}},o("ul",{ref:r=>this.ulTree=r},o("slot",null))))}get el(){return e(this)}};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:block;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}:host::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}:host::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}:host::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host ul{margin:0;padding-left:0;width:100%}";export{i as gxg_tree}
|
|
1
|
+
import{r,c as t,h as o,H as a,g as e}from"./p-0906fb46.js";const i=class{constructor(o){r(this,o),this.treeItemStateChanged=t(this,"treeItemStateChanged",7),this.masterTree=!1,this.checkbox=!0,this.checked=!1,this.opened=!0,this.toggleCheckboxes=!1,this.multiSelection=!1,this.evaluateIsMasterTree=()=>{var r;const t=null===(r=this.el.parentElement)||void 0===r?void 0:r.parentElement;void 0!==t&&"GXG-TREE"===t.nodeName||(this.masterTree=!0)},this.initialConfig=()=>{const r=this.el.parentElement;if("GXG-TREE-ITEM"===(null==r?void 0:r.tagName)){const t=r;this.checkbox=void 0!==t.checkbox?t.checkbox:this.checkbox,this.checked=void 0!==t.checked?t.checked:this.checked,this.opened=void 0!==t.opened?t.opened:this.opened,this.toggleCheckboxes=void 0!==t.toggleCheckboxes?t.toggleCheckboxes:this.toggleCheckboxes}},this.emitTreeItemNewState=(r,t)=>{this.treeItemStateChanged.emit({itemData:r,emittedBy:t})}}componentWillLoad(){this.initialConfig(),this.evaluateIsMasterTree()}checkboxToggledHandler(r){this.masterTree&&this.emitTreeItemNewState(r.detail,"checkboxToggled")}doubleClickedHandler(r){this.masterTree&&this.emitTreeItemNewState(r.detail,"doubleClicked")}selectionChangedHandler(r){const t=this.el.querySelectorAll("gxg-tree-item");(this.masterTree&&this.multiSelection&&!r.detail.ctrl||this.masterTree&&!this.multiSelection)&&Array.from(t).forEach((t=>{t!==r.detail.ref&&(t.selected=!1)})),this.masterTree&&this.emitTreeItemNewState(r.detail,"selectionChanged")}toggleIconClickedHandler(r){this.masterTree&&this.emitTreeItemNewState(r.detail,"toggleIconClicked")}async getCheckedItems(r){const t=Array.from(this.el.querySelectorAll("gxg-tree-item")),o=[];return(null==r?void 0:r.length)?r.forEach((r=>{const a=t.find((t=>r===t.id));a&&o.push({id:a.id,label:a.label,checked:a.checked,selected:a.selected})})):t.forEach((r=>{r.checked&&o.push({id:r.id,label:r.label,checked:r.checked,selected:r.selected})})),o}async getSelectedItems(){const r=[],t=this.el.querySelectorAll("gxg-tree-item");return(null==t?void 0:t.length)&&Array.from(t).forEach((t=>{t.selected&&r.push({id:t.id,label:t.label,checked:t.checked,selected:t.selected})})),r}async toggleItems(r,t){if(!(null==r?void 0:r.length))return[];const o=Array.from(this.el.querySelectorAll("gxg-tree-item")),a=[];return r.forEach((r=>{const e=o.find((t=>r===t.id));e&&void 0===t?e.opened=!e.opened:e&&t&&!e.opened?e.opened=!0:e&&!t&&e.opened&&(e.opened=!1),e&&a.push({id:e.id,opened:e.opened})})),a}render(){return o(a,null,o("div",{class:{tree:!0}},o("ul",{ref:r=>this.ulTree=r},o("slot",null))))}get el(){return e(this)}};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:block;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}:host::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}:host::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}:host::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host ul{margin:0;padding-left:0;width:100%}";export{i as gxg_tree}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as o,g as e}from"./p-976c3a09.js";import{s as a}from"./p-e46e26a6.js";const i=class{constructor(r){t(this,r),this.titleAlignment="start",this.disabled=!1,this.fullWidth=!1,this.outlined=!1,this.disableActive=!1,this.type="primary",this.removeFocusAll=()=>{this.el.querySelectorAll("button").forEach((t=>{t.blur()}))},this.value="",this.rtl=!1}watchActiveButtonIdHandler(t){const r=this.el.querySelectorAll("button");let o;this.removeFocusAll(),r.forEach((r=>{r.id===t&&(o=r),r.removeAttribute("data-active"),r.setAttribute("aria-pressed","false")})),o&&(o.disabled=!1,o.setAttribute("data-active",""))}componentDidLoad(){const t=document.getElementsByTagName("html")[0].getAttribute("dir"),r=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==r||(this.rtl=!0)}componentWillLoad(){this.disabled||this.setInitialActiveValue(),this.disabled&&(this.value=null),this.disabled&&Array.from(this.el.children).forEach((function(t){t.setAttribute("tab-index","-1"),t.style.pointerEvents="none"}))}setActiveButton(t){"BUTTON"!==t.target.tagName||(Array.from(this.el.children).forEach((function(t){t.removeAttribute("data-active"),t.setAttribute("aria-pressed","false")})),t.target.setAttribute("data-active",""),t.target.setAttribute("aria-pressed","true"),this.value=t.target.value)}setInitialActiveValue(){let t="";const r=this.el.children,o=[];Array.from(r).forEach((t=>{const r=t;r.setAttribute("tabindex","0"),""!==r.getAttribute("id")&&o.push(r.getAttribute("id"))})),void 0!==this.defaultSelectedBtnId&&""!==this.defaultSelectedBtnId.replace(/\s/g,"")&&o.includes(this.defaultSelectedBtnId)?o.includes(this.defaultSelectedBtnId)&&Array.from(r).forEach((r=>{const o=r;o.id==this.defaultSelectedBtnId&&(t=this.defaultSelectedBtnId=o.getAttribute("value"),o.setAttribute("data-active",""),o.setAttribute("aria-pressed","true"))})):(this.el.children[0].setAttribute("data-active",""),t=this.el.children[0].getAttribute("value"),this.el.children[0].setAttribute("aria-pressed","true")),this.value=t}detectFocus(t){if(this.el===document.activeElement){const r=this.el.children;9===t.keyCode&&t.shiftKey?r.item(r.length).focus():9===t.keyCode&&r.item(0).focus()}}tabIndex(){return this.disabled?"-1":"0"}render(){let t=null;return void 0!==this.buttonGroupTitle&&(t=r("header",{class:"button-group-header"},r("gxg-label",{class:"button-group-header-label"},this.buttonGroupTitle))),r(o,{tabindex:this.tabIndex(),role:"group","aria-label":this.buttonGroupTitle,class:{"button-group":!0,rtl:this.rtl,large:a.large},value:this.value,"title-alignment":this.titleAlignment,onKeyUp:this.detectFocus.bind(this)},t,r("div",{class:"button-group-container",onClick:this.setActiveButton.bind(this)},r("slot",null)))}get el(){return e(this)}static get watchers(){return{activeButtonId:["watchActiveButtonIdHandler"]}}};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(.button-group){display:inline-block;line-height:0;outline:none}:host(.button-group) .button-group-container{font-size:0;position:relative}:host(.button-group) ::slotted(button){font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em;background:var(--color-primary-enabled);border:0;box-shadow:inset 0px 0px 0px 1px transparent;border-radius:var(--border-radius-xs);display:inline-flex;align-items:center;justify-content:center;padding-top:2.5px;padding-right:var(--spacing-comp-03);padding-bottom:2.5px;padding-left:var(--spacing-comp-03);line-height:var(--line-height-regular);transition:background var(--ui-animaton-speed) ease, color var(--ui-animaton-speed) ease, box-shadow var(--ui-animaton-speed) ease;color:var(--color-on-primary);border-radius:0;background-color:var(--gray-00);color:var(--color-primary);border-inline-end:1px solid var(--gray-02);padding-left:var(--spacing-comp-03);padding-right:var(--spacing-comp-03);height:20px}:host(.button-group) ::slotted(button:first-child){border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md)}:host(.button-group) ::slotted(button:last-child){border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}:host(.button-group) ::slotted(button:focus){outline:none}:host(.button-group) ::slotted(button[data-active]){color:var(--color-on-primary);background-color:var(--color-primary-enabled);border-right-color:var(--color-primary-enabled)}:host(.button-group) ::slotted(button:not([outlined]):hover){color:var(--color-on-primary);background-color:var(--color-primary-hover);cursor:pointer}:host([disable-active]) ::slotted(button[data-active]){pointer-events:none}:host(:not([outlined])) ::slotted(button[data-active]){--gxg-border-color--focused:var(--color-primary-active--inverted);color:var(--color-on-primary);background-color:var(--color-primary-enabled);border-right-color:var(--color-primary-enabled)}:host(:not([outlined])) ::slotted(button[disabled]){background-color:var(--gxg-background-color--disabled);color:var(--gxg-color--disabled);border-inline-end-color:var(--gxg-border-color--disabled);pointer-events:none}:host([outlined]) ::slotted(button[disabled]),:host([outlined]) ::slotted(button[data-active][disabled]){background-color:var(--color-background);color:var(--gxg-color--disabled);border-color:var(--gxg-border-color--disabled);pointer-events:none;cursor:cell}:host(.button-group:not([disabled])) ::slotted(button:focus){outline:none;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host(.rtl) ::slotted(button:last-child){border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);border-top-right-radius:0;border-bottom-right-radius:0}:host(.rtl) ::slotted(button:first-child){border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-top-left-radius:0;border-bottom-left-radius:0}:host(.rtl) ::slotted(button){border-left:1px solid var(--gray-02);border-right:0}:host(.rtl) ::slotted(button:last-child){border-left:0}:host(.button-group:not([outlined])) ::slotted(button:last-child){border-right:none}:host([outlined]) ::slotted(button){background:var(--color-background);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--color-primary-enabled)}:host([outlined]) ::slotted(button[data-active]){color:var(--color-primary-hover);background-color:var(--color-primary-hover-opacity-01)}:host([outlined]) ::slotted(button:hover){color:var(--color-primary-hover) !important;background-color:var(--color-primary-hover-opacity-01) !important}:host([outlined]) ::slotted(button:not(:last-child)){border-right:0}:host(.button-group:not([outlined])) ::slotted(button:last-child){border-right:none}:host([title-alignment=center]){}:host([title-alignment=center]) .button-group-header-title{justify-content:center}:host([title-alignment=right]){}:host([title-alignment=right]) .button-group-header-title{justify-content:flex-end}:host([full-width]){display:block;width:100%}:host([full-width]) .button-group-container{display:flex}:host([full-width]) .button-group-container ::slotted(*){flex:1 1 auto !important}:host(.button-group.large) .button-group-header-title{font-size:var(--font-size-lg)}:host(.button-group.large) ::slotted(button){height:var(--spacing-comp-05);font-size:var(--font-size-lg) !important}";export{i as gxg_button_group}
|
|
1
|
+
import{r as t,h as r,H as o,g as e}from"./p-0906fb46.js";import{s as a}from"./p-a85038e2.js";const i=class{constructor(r){t(this,r),this.titleAlignment="start",this.disabled=!1,this.fullWidth=!1,this.outlined=!1,this.disableActive=!1,this.type="primary",this.removeFocusAll=()=>{this.el.querySelectorAll("button").forEach((t=>{t.blur()}))},this.value="",this.rtl=!1}watchActiveButtonIdHandler(t){const r=this.el.querySelectorAll("button");let o;this.removeFocusAll(),r.forEach((r=>{r.id===t&&(o=r),r.removeAttribute("data-active"),r.setAttribute("aria-pressed","false")})),o&&(o.disabled=!1,o.setAttribute("data-active",""))}componentDidLoad(){const t=document.getElementsByTagName("html")[0].getAttribute("dir"),r=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==r||(this.rtl=!0)}componentWillLoad(){this.disabled||this.setInitialActiveValue(),this.disabled&&(this.value=null),this.disabled&&Array.from(this.el.children).forEach((function(t){t.setAttribute("tab-index","-1"),t.style.pointerEvents="none"}))}setActiveButton(t){"BUTTON"!==t.target.tagName||(Array.from(this.el.children).forEach((function(t){t.removeAttribute("data-active"),t.setAttribute("aria-pressed","false")})),t.target.setAttribute("data-active",""),t.target.setAttribute("aria-pressed","true"),this.value=t.target.value)}setInitialActiveValue(){let t="";const r=this.el.children,o=[];Array.from(r).forEach((t=>{const r=t;r.setAttribute("tabindex","0"),""!==r.getAttribute("id")&&o.push(r.getAttribute("id"))})),void 0!==this.defaultSelectedBtnId&&""!==this.defaultSelectedBtnId.replace(/\s/g,"")&&o.includes(this.defaultSelectedBtnId)?o.includes(this.defaultSelectedBtnId)&&Array.from(r).forEach((r=>{const o=r;o.id==this.defaultSelectedBtnId&&(t=this.defaultSelectedBtnId=o.getAttribute("value"),o.setAttribute("data-active",""),o.setAttribute("aria-pressed","true"))})):(this.el.children[0].setAttribute("data-active",""),t=this.el.children[0].getAttribute("value"),this.el.children[0].setAttribute("aria-pressed","true")),this.value=t}detectFocus(t){if(this.el===document.activeElement){const r=this.el.children;9===t.keyCode&&t.shiftKey?r.item(r.length).focus():9===t.keyCode&&r.item(0).focus()}}tabIndex(){return this.disabled?"-1":"0"}render(){let t=null;return void 0!==this.buttonGroupTitle&&(t=r("header",{class:"button-group-header"},r("gxg-label",{class:"button-group-header-label"},this.buttonGroupTitle))),r(o,{tabindex:this.tabIndex(),role:"group","aria-label":this.buttonGroupTitle,class:{"button-group":!0,rtl:this.rtl,large:a.large},value:this.value,"title-alignment":this.titleAlignment,onKeyUp:this.detectFocus.bind(this)},t,r("div",{class:"button-group-container",onClick:this.setActiveButton.bind(this)},r("slot",null)))}get el(){return e(this)}static get watchers(){return{activeButtonId:["watchActiveButtonIdHandler"]}}};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(.button-group){display:inline-block;line-height:0;outline:none}:host(.button-group) .button-group-container{font-size:0;position:relative}:host(.button-group) ::slotted(button){font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em;background:var(--color-primary-enabled);border:0;box-shadow:inset 0px 0px 0px 1px transparent;border-radius:var(--border-radius-xs);display:inline-flex;align-items:center;justify-content:center;padding-top:2.5px;padding-right:var(--spacing-comp-03);padding-bottom:2.5px;padding-left:var(--spacing-comp-03);line-height:var(--line-height-regular);transition:background var(--ui-animaton-speed) ease, color var(--ui-animaton-speed) ease, box-shadow var(--ui-animaton-speed) ease;color:var(--color-on-primary);background-color:var(--gray-00);color:var(--color-primary);border-inline-end:1px solid var(--gray-02);padding-left:var(--spacing-comp-03);padding-right:var(--spacing-comp-03);height:20px}:host(.button-group) ::slotted(button:first-child){border-top-left-radius:var(--border-radius-xs);border-bottom-left-radius:var(--border-radius-xs)}:host(.button-group) ::slotted(button:last-child){border-top-right-radius:var(--border-radius-xs);border-bottom-right-radius:var(--border-radius-xs)}:host(.button-group) ::slotted(button:focus){outline:none}:host(.button-group) ::slotted(button[data-active]){color:var(--color-on-primary);background-color:var(--color-primary-enabled);border-right-color:var(--color-primary-enabled)}:host(.button-group) ::slotted(button:not([outlined]):hover){color:var(--color-on-primary);background-color:var(--color-primary-hover);cursor:pointer}:host([disable-active]) ::slotted(button[data-active]){pointer-events:none}:host(:not([outlined])) ::slotted(button[data-active]){--gxg-border-color--focused:var(--color-primary-active--inverted);color:var(--color-on-primary);background-color:var(--color-primary-enabled);border-right-color:var(--color-primary-enabled)}:host(:not([outlined])) ::slotted(button[disabled]){background-color:var(--gxg-background-color--disabled);color:var(--gxg-color--disabled);border-inline-end-color:var(--gxg-border-color--disabled);pointer-events:none}:host([outlined]) ::slotted(button[disabled]),:host([outlined]) ::slotted(button[data-active][disabled]){background-color:var(--color-background);color:var(--gxg-color--disabled);border-color:var(--gxg-border-color--disabled);pointer-events:none;cursor:cell}:host(.button-group:not([disabled])) ::slotted(button:focus){outline:none;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host(.rtl) ::slotted(button:last-child){border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);border-top-right-radius:0;border-bottom-right-radius:0}:host(.rtl) ::slotted(button:first-child){border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-top-left-radius:0;border-bottom-left-radius:0}:host(.rtl) ::slotted(button){border-left:1px solid var(--gray-02);border-right:0}:host(.rtl) ::slotted(button:last-child){border-left:0}:host(.button-group:not([outlined])) ::slotted(button:last-child){border-right:none}:host([outlined]) ::slotted(button){background:var(--color-background);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--color-primary-enabled)}:host([outlined]) ::slotted(button[data-active]){color:var(--color-primary-hover);background-color:var(--color-primary-hover-opacity-01)}:host([outlined]) ::slotted(button:hover){color:var(--color-primary-hover) !important;background-color:var(--color-primary-hover-opacity-01) !important}:host([outlined]) ::slotted(button:not(:last-child)){border-right:0}:host(.button-group:not([outlined])) ::slotted(button:last-child){border-right:none}:host([title-alignment=center]){}:host([title-alignment=center]) .button-group-header-title{justify-content:center}:host([title-alignment=right]){}:host([title-alignment=right]) .button-group-header-title{justify-content:flex-end}:host([full-width]){display:block;width:100%}:host([full-width]) .button-group-container{display:flex}:host([full-width]) .button-group-container ::slotted(*){flex:1 1 auto !important}:host(.button-group.large) .button-group-header-title{font-size:var(--font-size-lg)}:host(.button-group.large) ::slotted(button){height:var(--spacing-comp-05);font-size:var(--font-size-lg) !important}";export{i as gxg_button_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as i,g as e}from"./p-
|
|
1
|
+
import{r as t,h as s,H as i,g as e}from"./p-0906fb46.js";const a="--ch-drag-bar__start-component-width",r=class{constructor(s){t(this,s),this.lastBarRelativePositionX=0,this.needForRAF=!0,this.isRTLDirection=!1,this.barLabel="",this.barItemSrc="",this.showBarItem=!0,this.startComponentInitialWidth="50%",this.keepValueInBetween=t=>Math.max(0,Math.min(t,100)),this.handleBarDrag=t=>{t.preventDefault(),this.lastBarRelativePositionX=t.clientX,this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.lastBarRelativePositionX-=this.mainContainerRef.getBoundingClientRect().left;const t=this.mainContainerRef.scrollWidth;let s=0!==t?this.lastBarRelativePositionX/t*100:0;this.isRTLDirection&&(s=100-s),this.startComponentRef.style.setProperty(a,`${this.keepValueInBetween(s)}%`)})))}}connectedCallback(){this.rtlWatcher=new MutationObserver((t=>{this.isRTLDirection="rtl"===t[0].target.dir})),this.rtlWatcher.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"],childList:!1,subtree:!1}),this.isRTLDirection="rtl"===document.documentElement.dir}componentDidLoad(){const t=()=>{this.mainContainerRef.removeEventListener("mousemove",this.handleBarDrag,{capture:!0})};this.barRef.addEventListener("mousedown",(s=>{s.preventDefault(),this.mainContainerRef.addEventListener("mousemove",this.handleBarDrag,{capture:!0}),this.mainContainerRef.addEventListener("mouseup",(()=>{t(),this.mainContainerRef.removeEventListener("mouseup",t)}),{capture:!0}),this.mainContainerRef.addEventListener("mouseleave",(()=>{t(),this.mainContainerRef.removeEventListener("mouseleave",t)}))}),{capture:!0})}disconnectedCallback(){this.rtlWatcher&&(this.rtlWatcher.disconnect(),this.rtlWatcher=null)}render(){return s(i,{class:this.cssClass||void 0,style:{[a]:this.startComponentInitialWidth}},s("div",{class:"container",ref:t=>this.mainContainerRef=t},s("div",{class:"start-component",part:"start-component",ref:t=>this.startComponentRef=t},s("slot",{name:"start-component"})),s("div",{"aria-label":this.barLabel,title:this.barLabel,class:"bar",part:"bar",ref:t=>this.barRef=t},this.showBarItem&&s("div",{class:"bar-item",part:"bar-item"},this.barItemSrc?s("img",{"aria-hidden":"true",class:"bar-item-src",part:"bar-item-src",alt:"",src:this.barItemSrc}):s("svg",{"aria-hidden":"true",class:{"bar-item-src":!0,"bar-item-src--rtl":this.isRTLDirection},part:"bar-item-src",viewBox:"0 0 12 57",xmlns:"http://www.w3.org/2000/svg"},s("path",{d:"M10.1899 4.59531H3.82598L6.3645 2.0568L4.95028 0.642585L0.000535564 5.59233L4.95028 10.5421L6.3645 9.12787L3.82598 6.58935H10.1899V4.59531Z",fill:"#969BA0"}),s("path",{d:"M0 37.1855V34.6141H2V37.1855H0ZM4 37.1855V34.6141H6V37.1855H4ZM8 37.1855V34.6141H10V37.1855H8ZM0 32.0427V29.4713H2V32.0427H0ZM4 32.0427V29.4713H6V32.0427H4ZM8 32.0427V29.4713H10V32.0427H8ZM0 26.8998V24.3284H2V26.8998H0ZM4 26.8998V24.3284H6V26.8998H4ZM8 26.8998V24.3284H10V26.8998H8ZM0 21.757V19.1855H2V21.757H0ZM4 21.757V19.1855H6V21.757H4ZM8 21.757V19.1855H10V21.757H8Z",transform:"translate(1)",fill:"#6E7277"}),s("path",{d:"M4.823 47.2443L6.23722 45.8301L11.187 50.7798L6.23722 55.7296L4.823 54.3154L7.36152 51.7769H0.997556V49.7828L7.36152 49.7828L4.823 47.2443Z",fill:"#969BA0"})))),s("div",{class:"end-component",part:"end-component"},s("slot",{name:"end-component"}))))}get element(){return e(this)}};r.style="*,::before,::after{box-sizing:border-box}:host{display:flex;width:100%;height:100%}.container{display:flex;width:100%;height:100%}.bar{position:relative;width:4px;background-color:#323942;cursor:col-resize}.bar-item{position:absolute;inset-block-start:calc(50% - 35px);inset-inline-start:calc(2px - 10px);display:flex;align-items:center;justify-content:center;background-color:#2d333a;border-radius:10px;width:20px;height:70px;padding:7px 4px;touch-action:manipulation;user-select:none}.bar-item-src{display:block;width:100%;height:100%;pointer-events:none}.bar-item-src--rtl{transform:rotateY(180deg)}.start-component{display:flex;width:var(--ch-drag-bar__start-component-width);max-width:calc(100% - 10px - 2px)}.end-component{display:flex;flex:1}";export{r as ch_drag_bar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as o}from"./p-
|
|
1
|
+
import{r as t,h as i,H as o}from"./p-0906fb46.js";const s=class{constructor(o){t(this,o),this.displayedItemsCount=-1,this.buttonLabel="Show options",this.expandBehavior="ClickOrHover",this.itemsOverflowBehavior="ResponsiveCollapse",this.openOnFocus=!1,this.moreActionsDropdownPosition="InsideStart_OutsideEnd",this.separation=0,this.renderItem=t=>i("ch-dropdown-item",{slot:"items",id:t.id,class:t.class,expandBehavior:this.expandBehavior,href:t.target,leftImgSrc:t.leftIcon,openOnFocus:this.openOnFocus,position:t.position||"OutsideEnd_InsideStart",rightImgSrc:t.rightIcon},t.title,null!=t.items&&t.items.map(this.renderItem)),this.firstLevelRenderItem=(t,o)=>i("ch-dropdown-item",{id:t.id,class:t.class,expandBehavior:this.expandBehavior,forceContainingBlock:!1,href:t.target,leftImgSrc:t.leftIcon,openOnFocus:this.openOnFocus,position:t.position||"Center_OutsideEnd",rightImgSrc:t.rightIcon},t.title,"ResponsiveCollapse"===this.itemsOverflowBehavior&&(-1===this.displayedItemsCount||o<this.displayedItemsCount)&&null!=t.items&&t.items.map(this.renderItem)),this.firstLevelRenderCollapsedItem=t=>i("ch-dropdown-item",{slot:"more-items",id:t.id,class:t.class,expandBehavior:this.expandBehavior,href:t.target,leftImgSrc:t.leftIcon,openOnFocus:this.openOnFocus,position:t.responsiveCollapsePosition||"OutsideEnd_InsideStart",rightImgSrc:t.rightIcon},t.title,null!=t.items&&t.items.map(this.renderItem)),this.handleDisplayedItemsCountChange=t=>{this.displayedItemsCount=t.detail}}render(){return i(o,null,i("ch-action-group",{buttonLabel:this.buttonLabel,class:"action-group",expandBehavior:this.expandBehavior,itemsOverflowBehavior:this.itemsOverflowBehavior,openOnFocus:this.openOnFocus,moreActionsDropdownPosition:this.moreActionsDropdownPosition,onDisplayedItemsCountChange:this.handleDisplayedItemsCountChange},null!=this.itemsModel&&this.itemsModel.map(((t,o)=>i("ch-action-group-item",{slot:"items"},this.firstLevelRenderItem(t,o)))),"ResponsiveCollapse"===this.itemsOverflowBehavior&&null!=this.itemsModel&&this.itemsModel.filter(((t,i)=>-1!==this.displayedItemsCount&&i>=this.displayedItemsCount)).map(this.firstLevelRenderCollapsedItem)))}};s.style="ch-test-action-group{display:flex;border:2px dashed #00000080;resize:both;overflow:auto;width:500px}.action-group{padding:20px;margin:20px;background-color:#ffffff;border:1px solid}.action-group::part(actions){gap:12px}.action-group::part(more-actions-button){border-radius:50%;width:fit-content;height:fit-content;color:#313aa1;align-self:center;margin-inline-end:8px}.dropdown-item::part(action){--separation:8px;background-color:#f3d0c3;border-radius:4px;padding-inline:16px;padding-block:8px}.dropdown-item::part(action):focus-within{outline:1px solid}.dropdown-item::part(action):hover{background-color:#d3b1a4}.action-group::part(more-actions-list),.dropdown-item::part(list){row-gap:8px;margin-block:8px}.action-group::part(more-actions-section),.dropdown-item::part(section){background-color:#edeaff;padding:8px;box-shadow:0 4px 8px 1px #22222220}";export{s as ch_test_action_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as i,g as r}from"./p-976c3a09.js";var n="undefined"!=typeof window?window:null,s=null===n,a=s?void 0:n.document,l="addEventListener",h="removeEventListener",c="getBoundingClientRect",d="_a",u="_b",g="_c",p="horizontal",f=function(){return!1},b=s?"calc":["","-webkit-","-moz-","-o-"].filter((function(t){var e=a.createElement("div");return e.style.cssText="width:"+t+"calc(9px)",!!e.style.length})).shift()+"calc",v=function(t){return"string"==typeof t||t instanceof String},m=function(t){if(v(t)){var e=a.querySelector(t);if(!e)throw new Error("Selector "+t+" did not match a DOM element");return e}return t},k=function(t,e,o){var i=t[e];return void 0!==i?i:o},x=function(t,e,o,i){if(e){if("end"===i)return 0;if("center"===i)return t/2}else if(o){if("start"===i)return 0;if("center"===i)return t/2}return t},z=function(t,e){var o=a.createElement("div");return o.className="gutter gutter-"+e,o},y=function(t,e,o){var i={};return i[t]=v(e)?e:b+"("+e+"% - "+o+"px)",i},S=function(t,e){var o;return(o={})[t]=e+"px",o},w=function(t,e){if(void 0===e&&(e={}),s)return{};var o,i,r,b,v,w,D=t;Array.from&&(D=Array.from(D));var O=m(D[0]).parentNode,M=getComputedStyle?getComputedStyle(O):null,E=M?M.flexDirection:null,A=k(e,"sizes")||D.map((function(){return 100/D.length})),C=k(e,"minSize",100),F=Array.isArray(C)?C:D.map((function(){return C})),L=k(e,"maxSize",1/0),j=Array.isArray(L)?L:D.map((function(){return L})),I=k(e,"expandToMin",!1),R=k(e,"gutterSize",10),T=k(e,"gutterAlign","center"),X=k(e,"snapOffset",30),Y=Array.isArray(X)?X:D.map((function(){return X})),_=k(e,"dragInterval",1),H=k(e,"direction",p),W=k(e,"cursor",H===p?"col-resize":"row-resize"),B=k(e,"gutter",z),P=k(e,"elementStyle",y),q=k(e,"gutterStyle",S);function G(t,e,i,r){var n=P(o,e,i,r);Object.keys(n).forEach((function(e){t.style[e]=n[e]}))}function J(){return w.map((function(t){return t.size}))}function K(t){return"touches"in t?t.touches[0][i]:t[i]}function N(t){var e=w[this.a],o=w[this.b],i=e.size+o.size;e.size=t/this.size*i,o.size=i-t/this.size*i,G(e.element,e.size,this[u],e.i),G(o.element,o.size,this[g],o.i)}function Q(t){var o,i=w[this.a],r=w[this.b];this.dragging&&(o=K(t)-this.start+(this[u]-this.dragOffset),_>1&&(o=Math.round(o/_)*_),o<=i.minSize+i.snapOffset+this[u]?o=i.minSize+this[u]:o>=this.size-(r.minSize+r.snapOffset+this[g])&&(o=this.size-(r.minSize+this[g])),o>=i.maxSize-i.snapOffset+this[u]?o=i.maxSize+this[u]:o<=this.size-(r.maxSize-r.snapOffset+this[g])&&(o=this.size-(r.maxSize+this[g])),N.call(this,o),k(e,"onDrag",f)(J()))}function U(){var t=w[this.b].element,e=w[this.a].element[c](),i=t[c]();this.size=e[o]+i[o]+this[u]+this[g],this.start=e[r],this.end=e[b]}function V(t){var e=function(t){if(!getComputedStyle)return null;var e=getComputedStyle(t);if(!e)return null;var o=t[v];return 0===o?null:o-=H===p?parseFloat(e.paddingLeft)+parseFloat(e.paddingRight):parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)}(O);if(null===e)return t;if(F.reduce((function(t,e){return t+e}),0)>e)return t;var o=0,i=[],r=t.map((function(r,n){var s=e*r/100,a=x(R,0===n,n===t.length-1,T),l=F[n]+a;return s<l?(o+=l-s,i.push(0),l):(i.push(s-l),s)}));return 0===o?t:r.map((function(t,r){var n=t;if(o>0&&i[r]-o>0){var s=Math.min(o,i[r]-o);o-=s,n=t-s}return n/e*100}))}function Z(){var t=this,o=w[t.a].element,i=w[t.b].element;t.dragging&&k(e,"onDragEnd",f)(J()),t.dragging=!1,n[h]("mouseup",t.stop),n[h]("touchend",t.stop),n[h]("touchcancel",t.stop),n[h]("mousemove",t.move),n[h]("touchmove",t.move),t.stop=null,t.move=null,o[h]("selectstart",f),o[h]("dragstart",f),i[h]("selectstart",f),i[h]("dragstart",f),o.style.userSelect="",o.style.webkitUserSelect="",o.style.MozUserSelect="",o.style.pointerEvents="",i.style.userSelect="",i.style.webkitUserSelect="",i.style.MozUserSelect="",i.style.pointerEvents="",t.gutter.style.cursor="",t.parent.style.cursor="",a.body.style.cursor=""}function $(t){if(!("button"in t)||0===t.button){var o=this,i=w[o.a].element,r=w[o.b].element;o.dragging||k(e,"onDragStart",f)(J()),t.preventDefault(),o.dragging=!0,o.move=Q.bind(o),o.stop=Z.bind(o),n[l]("mouseup",o.stop),n[l]("touchend",o.stop),n[l]("touchcancel",o.stop),n[l]("mousemove",o.move),n[l]("touchmove",o.move),i[l]("selectstart",f),i[l]("dragstart",f),r[l]("selectstart",f),r[l]("dragstart",f),i.style.userSelect="none",i.style.webkitUserSelect="none",i.style.MozUserSelect="none",i.style.pointerEvents="none",r.style.userSelect="none",r.style.webkitUserSelect="none",r.style.MozUserSelect="none",r.style.pointerEvents="none",o.gutter.style.cursor=W,o.parent.style.cursor=W,a.body.style.cursor=W,U.call(o),o.dragOffset=K(t)-o.end}}H===p?(o="width",i="clientX",r="left",b="right",v="clientWidth"):"vertical"===H&&(o="height",i="clientY",r="top",b="bottom",v="clientHeight"),A=V(A);var tt=[];function et(t){var e=t.i===tt.length,o=e?tt[t.i-1]:tt[t.i];U.call(o),N.call(o,e?o.size-t.minSize-o[g]:t.minSize+o[u])}return(w=D.map((function(t,e){var i,r={element:m(t),size:A[e],minSize:F[e],maxSize:j[e],snapOffset:Y[e],i:e};if(e>0&&((i={a:e-1,b:e,dragging:!1,direction:H,parent:O})[u]=x(R,e-1==0,!1,T),i[g]=x(R,!1,e===D.length-1,T),"row-reverse"===E||"column-reverse"===E)){var n=i.a;i.a=i.b,i.b=n}if(e>0){var s=B(e,H,r.element);!function(t,e,i){var r=q(o,e,i);Object.keys(r).forEach((function(e){t.style[e]=r[e]}))}(s,R,e),i[d]=$.bind(i),s[l]("mousedown",i[d]),s[l]("touchstart",i[d]),O.insertBefore(s,r.element),i.gutter=s}return G(r.element,r.size,x(R,0===e,e===D.length-1,T),e),e>0&&tt.push(i),r}))).forEach((function(t){var e=t.element[c]()[o];e<t.minSize&&(I?et(t):t.minSize=e)})),{setSizes:function(t){var e=V(t);e.forEach((function(t,o){if(o>0){var i=tt[o-1],r=w[i.a],n=w[i.b];r.size=e[o-1],n.size=t,G(r.element,r.size,i[u],r.i),G(n.element,n.size,i[g],n.i)}}))},getSizes:J,collapse:function(t){et(w[t])},destroy:function(t,e){tt.forEach((function(i){if(!0!==e?i.parent.removeChild(i.gutter):(i.gutter[h]("mousedown",i[d]),i.gutter[h]("touchstart",i[d])),!0!==t){var r=P(o,i.a.size,i[u]);Object.keys(r).forEach((function(t){w[i.a].element.style[t]="",w[i.b].element.style[t]=""}))}}))},parent:O,pairs:tt}};const D=class{constructor(o){t(this,o),this.dragging=e(this,"dragging",7),this.dragEnded=e(this,"dragEnded",7),this.direction="horizontal",this.forceCollapseZero=!1,this.knob="bidirectional",this.minSize="0,0",this.sizes="50,50",this.idsArray=[],this.draggingState=!1,this.leftCollapsedToZero=!1,this.rightCollapsedToZero=!1}makeId(t){const e=[],o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",i=o.length;for(let r=0;r<t;r++)e.push(o.charAt(Math.floor(Math.random()*i)));return e.unshift("a"),e.join("")}componentWillLoad(){this.el.querySelectorAll("gxg-split").forEach(function(t){const e=this.makeId(5);t.setAttribute("id",e)}.bind(this))}componentDidLoad(){this.getIds(),this.convertStringPropertiesToArray(),this.validateSizes(),this.split=w(this.idsArray,{gutterSize:8,cursor:"col-resize",minSize:this.minSizeArray,sizes:this.sizesArray,direction:this.direction,onDragStart:this.onDragStartFunc.bind(this),onDrag:this.onDragFunc.bind(this),onDragEnd:this.onDragEndFunc.bind(this),gutter:()=>{const t=document.createElement("div");if("bidirectional"===this.knob){const e=document.createElement("span");e.classList.add("knob"),e.style.width="var(--spacing-comp-05)",e.style.height="var(--spacing-comp-05)",e.style.display="block",e.style.zIndex="5",e.style.position="absolute","vertical"===this.direction&&(e.style.transform="rotate(90deg)");const o=document.createElement("span");o.style.backgroundColor="var(--gray-03)",o.style.width="2px",o.style.height="16px",o.style.position="relative",o.style.left="11px",o.style.top="4px",o.style.display="block",o.style.transition="0.25s all",o.classList.add("middle-line"),e.appendChild(o);const i=document.createElement("span");i.style.width="11px",i.style.height="var(--spacing-comp-05)",i.style.display="block",i.style.top="-36px",i.style.left="6px",i.style.position="relative",i.style.borderBottomLeftRadius="40px",i.style.borderTopLeftRadius="40px",i.style.backgroundColor="transparent",i.style.cursor="pointer",i.style.zIndex="20",i.style.pointerEvents="auto",i.classList.add("left-knob"),i.addEventListener("click",this.knobLeftClicked.bind(this)),i.onmouseover=this.knobLeftOver.bind(this),i.onmouseout=this.knobLeftOut.bind(this),e.appendChild(i);const r=document.createElement("span");r.style.width="11px",r.style.height="var(--spacing-comp-05)",r.style.display="block",r.style.top="-20px",r.style.right="-6px",r.style.position="relative",r.style.borderBottomRightRadius="40px",r.style.borderTopRightRadius="40px",r.style.backgroundColor="transparent",r.style.cursor="pointer",r.style.zIndex="20",r.style.pointerEvents="auto",r.classList.add("right-knob"),r.addEventListener("click",this.knobRightClicked.bind(this)),r.onmouseover=this.knobRightOver.bind(this),r.onmouseout=this.knobRightOut.bind(this),e.appendChild(r),t.appendChild(e)}else{const e=document.createElement("span");e.classList.add("knob"),e.style.width="var(--spacing-comp-05)",e.style.height="var(--spacing-comp-05)",e.style.display="block",e.style.zIndex="5",e.style.position="absolute","vertical"===this.direction&&(e.style.transform="rotate(90deg)");const o=document.createElement("span");o.style.backgroundColor="var(--gray-03)",o.style.width="2px",o.style.height="16px",o.style.position="relative",o.style.left="11px",o.style.top="4px",o.style.display="block",o.style.transition="0.25s all",o.classList.add("middle-line"),e.appendChild(o),t.appendChild(e)}return t.className=`gutter gutter-${this.direction}`,t}}),this.detectDragEndReachedMinimum();const t=this.el.querySelectorAll("gxg-split");"horizontal"===this.direction&&t.forEach((function(t){t.classList.add("split-horizontal")}))}convertStringPropertiesToArray(){this.minSizeArray=this.minSize.split(",").map((function(t){return parseInt(t,10)})),this.sizesArray=this.sizes.split(",").map((function(t){return parseInt(t,10)}))}getIds(){this.el.querySelectorAll("gxg-split").forEach(function(t){const e=t.getAttribute("id");this.idsArray.push("#"+e)}.bind(this))}validateSizes(){let t=0,e=0;const o=this.sizesArray.length;if(this.sizesArray.forEach((function(e){t+=e})),t>100){e=100/o,this.sizesArray=[];for(let t=0;t<o;t++)this.sizesArray.push(e)}}knobLeftClicked(){const t=this.el.querySelectorAll("gxg-split");t.forEach((function(t){t.classList.add("smooth-transition")})),this.draggingState=!0;const e=this.el.querySelector(".middle-line");if(e.style.backgroundColor="var(--color-on-primary)",setTimeout(function(){this.draggingState=!1,e.style.backgroundColor="var(--gray-03)"}.bind(this),450),this.forceCollapseZero)if(this.rightCollapsedToZero){this.split.setSizes(this.currentSizes),this.rightCollapsedToZero=!1;const t=this.el.querySelector(".middle-line");t.style.opacity="1",t.style.pointerEvents="auto",this.el.querySelector(".right-knob").style.pointerEvents="auto",this.el.querySelector(".left-knob").style.top="-36px"}else{this.currentSizes=this.split.getSizes();const e=t[0],o=t[1];"horizontal"===this.direction?(e.style.width="0",o.style.width="calc(100% - 8px)",this.leftCollapsedToZero=!0):"vertical"===this.direction&&(e.style.height="0",o.style.height="calc(100% - 8px)",this.leftCollapsedToZero=!0),this.el.querySelector(".left-knob").style.pointerEvents="none";const i=this.el.querySelector(".middle-line");i.style.opacity="0",i.style.pointerEvents="none",this.el.querySelector(".right-knob").style.top="-40px"}else this.split.collapse(0);this.detectDragEndReachedMinimum()}knobRightClicked(){const t=this.el.querySelectorAll("gxg-split");t.forEach((function(t){t.classList.add("smooth-transition")})),this.draggingState=!0;const e=this.el.querySelector(".middle-line");if(e.style.backgroundColor="var(--color-on-primary)",setTimeout(function(){this.draggingState=!1,e.style.backgroundColor="var(--gray-03)"}.bind(this),450),this.forceCollapseZero)if(this.leftCollapsedToZero){this.split.setSizes(this.currentSizes),this.leftCollapsedToZero=!1;const t=this.el.querySelector(".middle-line");t.style.opacity="1",t.style.pointerEvents="auto",this.el.querySelector(".left-knob").style.pointerEvents="auto",this.el.querySelector(".right-knob").style.top="-20px"}else{this.currentSizes=this.split.getSizes();const e=t[0],o=t[1];"horizontal"===this.direction?(e.style.width="calc(100% - 8px)",o.style.width="0",this.rightCollapsedToZero=!0):"vertical"===this.direction&&(e.style.height="calc(100% - 8px)",o.style.height="0",this.rightCollapsedToZero=!0),this.el.querySelector(".right-knob").style.pointerEvents="none";const i=this.el.querySelector(".middle-line");i.style.opacity="0",i.style.pointerEvents="none",this.el.querySelector(".left-knob").style.top="-16px"}else this.split.collapse(1);this.detectDragEndReachedMinimum()}knobLeftOver(){this.el.classList.add("knob-left-hover")}knobLeftOut(){this.el.classList.remove("knob-left-hover")}knobRightOver(){this.el.classList.add("knob-right-hover")}knobRightOut(){this.el.classList.remove("knob-right-hover")}onDragStartFunc(){this.draggingState=!0,this.el.querySelectorAll("gxg-split").forEach((function(t){t.classList.remove("smooth-transition")})),this.el.querySelector(".middle-line").style.backgroundColor="var(--color-on-primary)"}onDragFunc(){this.detectDragEndReachedMinimum(),this.dragging.emit("dragging")}onDragEndFunc(){this.draggingState=!1,this.dragEnded.emit("dragg ended"),this.el.querySelector(".middle-line").style.backgroundColor="var(--gray-03)"}detectDragEndReachedMinimum(){let t;"horizontal"===this.direction?t=this.el.clientWidth:"vertical"===this.direction&&(t=this.el.clientHeight);const e=this.split.getSizes()[1],o=this.split.getSizes()[0],i=Math.trunc(e*t/100),r=Math.trunc(o*t/100);i<this.minSizeArray[1]+15&&i>this.minSizeArray[1]-15||r<this.minSizeArray[0]+15&&r>this.minSizeArray[0]-15?(this.el.classList.add("gutter-reached-end"),setTimeout(function(){this.el.classList.remove("gutter-reached-end")}.bind(this),350)):(this.el.classList.remove("gutter-reached-left"),this.el.classList.remove("gutter-reached-right")),i<this.minSizeArray[1]+15&&i>this.minSizeArray[1]-15&&(this.forceCollapseZero||(this.el.classList.add("gutter-reached-right"),this.el.classList.remove("gutter-reached-left"))),r<this.minSizeArray[0]+15&&r>this.minSizeArray[0]-15&&(this.forceCollapseZero||(this.el.classList.add("gutter-reached-left"),this.el.classList.remove("gutter-reached-right")))}async collapse(t,e=!1){if(e){const e=this.el.querySelectorAll("gxg-split");e.forEach((function(t){t.classList.add("smooth-transition")}));const o=e[0],i=e[1];if("horizontal"===this.direction){if(0===t){const t=this.el.querySelector(".left-knob");t.click(),t.click(),o.style.width="0",i.style.width="calc(100% - 8px)"}else if(1===t){const t=this.el.querySelector(".right-knob");t.click(),t.click(),o.style.width="calc(100% - 8px)",i.style.width="0"}}else if("vertical"===this.direction)if(0===t){const t=this.el.querySelector(".left-knob");t.click(),t.click(),o.style.height="0",i.style.height="calc(100% - 8px)"}else if(1===t){const t=this.el.querySelector(".right-knob");t.click(),t.click(),o.style.height="calc(100% - 8px)",i.style.height="0"}}else 0===t?this.el.querySelector(".left-knob").click():1===t&&this.el.querySelector(".right-knob").click()}render(){return o(i,{class:{"left-collapsed-to-zero":this.leftCollapsedToZero,"right-collapsed-to-zero":this.rightCollapsedToZero,dragging:this.draggingState}},o("slot",null))}get el(){return r(this)}};D.style=':host{display:flex;width:100%;height:100%;overflow:hidden}:host ::slotted(.gutter-horizontal),:host ::slotted(.gutter-vertical){transition:background-color 0.25s;background-color:var(--gray-01)}:host ::slotted(.gutter-horizontal){height:100%;float:left;cursor:col-resize;display:flex;align-items:center;justify-content:center;position:relative}:host ::slotted(.gutter-horizontal):after{right:-5px}:host ::slotted(.gutter-horizontal):before{left:-5px}:host ::slotted(.gutter-vertical){cursor:row-resize;display:flex;justify-content:center;align-items:center;background-color:var(--gray-01);position:relative}:host ::slotted(.gutter-vertical):after{right:50%;transform:rotate(90deg) translateX(6px) translateY(-2px)}:host ::slotted(.gutter-vertical):before{left:50%;transform:rotate(90deg) translateX(-6px) translateY(2px)}:host([direction=vertical]){flex-direction:column}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host([knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host([knob=bidirectional]) ::slotted(.gutter-vertical):after,:host([knob=bidirectional]) ::slotted(.gutter-vertical):before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;z-index:10;position:relative;pointer-events:none;opacity:0;pointer-events:none;transition:0.25s all}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host([knob=bidirectional]) ::slotted(.gutter-vertical):after{border-left:3px solid var(--gray-03)}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host([knob=bidirectional]) ::slotted(.gutter-vertical):before{border-right:3px solid var(--gray-03)}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):after{bottom:-19px;right:1px}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):before{top:-19px;left:1px}:host([knob=bidirectional]) ::slotted(.gutter-vertical):after{bottom:6px;right:23px}:host([knob=bidirectional]) ::slotted(.gutter-vertical):before{top:6px;left:24px}:host([knob=bidirectional]) ::slotted(.gutter-horizontal:hover):after,:host([knob=bidirectional]) ::slotted(.gutter-vertical:hover):after{opacity:1}:host([knob=bidirectional]) ::slotted(.gutter-horizontal:hover):before,:host([knob=bidirectional]) ::slotted(.gutter-vertical:hover):before{opacity:1}:host(.knob-left-hover) ::slotted(.gutter-horizontal):before,:host(.knob-left-hover) ::slotted(.gutter-vertical):before{border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:3px solid var(--color-primary-hover)}:host(.knob-right-hover) ::slotted(.gutter-horizontal):after,:host(.knob-right-hover) ::slotted(.gutter-vertical):after{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:3px solid var(--color-primary-hover)}:host(.left-collapsed-to-zero) ::slotted(.gutter),:host(.right-collapsed-to-zero) ::slotted(.gutter){pointer-events:none}:host(.collapsed-to-zero) ::slotted(.knob){pointer-events:auto}:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):before{opacity:0;pointer-events:none}:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):after{opacity:1}:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):after{bottom:0}:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):after{right:3px}:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):after{opacity:0;pointer-events:none}:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):before{opacity:1}:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):before{top:0}:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):before{left:3px}:host(.gutter-reached-right[knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host(.gutter-reached-right[knob=bidirectional]) ::slotted(.gutter-vertical):after{opacity:0;pointer-events:none}:host(.gutter-reached-left[knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host(.gutter-reached-left[knob=bidirectional]) ::slotted(.gutter-vertical):before{opacity:0;pointer-events:none}:host(.dragging) ::slotted(.gutter-horizontal),:host(.dragging) ::slotted(.gutter-vertical){background-color:var(--color-primary-hover)}:host(.dragging) ::slotted(.gutter-horizontal):after,:host(.dragging) ::slotted(.gutter-vertical):after{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:3px solid var(--color-on-primary)}:host(.dragging) ::slotted(.gutter-horizontal):before,:host(.dragging) ::slotted(.gutter-vertical):before{border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:3px solid var(--color-on-primary)}:host(.dragging) ::slotted(.gutter-horizontal) .middle-line,:host(.dragging) ::slotted(.gutter-vertical) .middle-line{background-color:red}';export{D as gxg_splitter}
|
|
1
|
+
import{r as t,c as e,h as o,H as i,g as r}from"./p-0906fb46.js";var n="undefined"!=typeof window?window:null,s=null===n,a=s?void 0:n.document,l="addEventListener",h="removeEventListener",c="getBoundingClientRect",d="_a",u="_b",g="_c",p="horizontal",f=function(){return!1},b=s?"calc":["","-webkit-","-moz-","-o-"].filter((function(t){var e=a.createElement("div");return e.style.cssText="width:"+t+"calc(9px)",!!e.style.length})).shift()+"calc",v=function(t){return"string"==typeof t||t instanceof String},m=function(t){if(v(t)){var e=a.querySelector(t);if(!e)throw new Error("Selector "+t+" did not match a DOM element");return e}return t},k=function(t,e,o){var i=t[e];return void 0!==i?i:o},x=function(t,e,o,i){if(e){if("end"===i)return 0;if("center"===i)return t/2}else if(o){if("start"===i)return 0;if("center"===i)return t/2}return t},z=function(t,e){var o=a.createElement("div");return o.className="gutter gutter-"+e,o},y=function(t,e,o){var i={};return i[t]=v(e)?e:b+"("+e+"% - "+o+"px)",i},S=function(t,e){var o;return(o={})[t]=e+"px",o},w=function(t,e){if(void 0===e&&(e={}),s)return{};var o,i,r,b,v,w,D=t;Array.from&&(D=Array.from(D));var O=m(D[0]).parentNode,M=getComputedStyle?getComputedStyle(O):null,E=M?M.flexDirection:null,A=k(e,"sizes")||D.map((function(){return 100/D.length})),C=k(e,"minSize",100),F=Array.isArray(C)?C:D.map((function(){return C})),L=k(e,"maxSize",1/0),j=Array.isArray(L)?L:D.map((function(){return L})),I=k(e,"expandToMin",!1),R=k(e,"gutterSize",10),T=k(e,"gutterAlign","center"),X=k(e,"snapOffset",30),Y=Array.isArray(X)?X:D.map((function(){return X})),_=k(e,"dragInterval",1),H=k(e,"direction",p),W=k(e,"cursor",H===p?"col-resize":"row-resize"),B=k(e,"gutter",z),P=k(e,"elementStyle",y),q=k(e,"gutterStyle",S);function G(t,e,i,r){var n=P(o,e,i,r);Object.keys(n).forEach((function(e){t.style[e]=n[e]}))}function J(){return w.map((function(t){return t.size}))}function K(t){return"touches"in t?t.touches[0][i]:t[i]}function N(t){var e=w[this.a],o=w[this.b],i=e.size+o.size;e.size=t/this.size*i,o.size=i-t/this.size*i,G(e.element,e.size,this[u],e.i),G(o.element,o.size,this[g],o.i)}function Q(t){var o,i=w[this.a],r=w[this.b];this.dragging&&(o=K(t)-this.start+(this[u]-this.dragOffset),_>1&&(o=Math.round(o/_)*_),o<=i.minSize+i.snapOffset+this[u]?o=i.minSize+this[u]:o>=this.size-(r.minSize+r.snapOffset+this[g])&&(o=this.size-(r.minSize+this[g])),o>=i.maxSize-i.snapOffset+this[u]?o=i.maxSize+this[u]:o<=this.size-(r.maxSize-r.snapOffset+this[g])&&(o=this.size-(r.maxSize+this[g])),N.call(this,o),k(e,"onDrag",f)(J()))}function U(){var t=w[this.b].element,e=w[this.a].element[c](),i=t[c]();this.size=e[o]+i[o]+this[u]+this[g],this.start=e[r],this.end=e[b]}function V(t){var e=function(t){if(!getComputedStyle)return null;var e=getComputedStyle(t);if(!e)return null;var o=t[v];return 0===o?null:o-=H===p?parseFloat(e.paddingLeft)+parseFloat(e.paddingRight):parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)}(O);if(null===e)return t;if(F.reduce((function(t,e){return t+e}),0)>e)return t;var o=0,i=[],r=t.map((function(r,n){var s=e*r/100,a=x(R,0===n,n===t.length-1,T),l=F[n]+a;return s<l?(o+=l-s,i.push(0),l):(i.push(s-l),s)}));return 0===o?t:r.map((function(t,r){var n=t;if(o>0&&i[r]-o>0){var s=Math.min(o,i[r]-o);o-=s,n=t-s}return n/e*100}))}function Z(){var t=this,o=w[t.a].element,i=w[t.b].element;t.dragging&&k(e,"onDragEnd",f)(J()),t.dragging=!1,n[h]("mouseup",t.stop),n[h]("touchend",t.stop),n[h]("touchcancel",t.stop),n[h]("mousemove",t.move),n[h]("touchmove",t.move),t.stop=null,t.move=null,o[h]("selectstart",f),o[h]("dragstart",f),i[h]("selectstart",f),i[h]("dragstart",f),o.style.userSelect="",o.style.webkitUserSelect="",o.style.MozUserSelect="",o.style.pointerEvents="",i.style.userSelect="",i.style.webkitUserSelect="",i.style.MozUserSelect="",i.style.pointerEvents="",t.gutter.style.cursor="",t.parent.style.cursor="",a.body.style.cursor=""}function $(t){if(!("button"in t)||0===t.button){var o=this,i=w[o.a].element,r=w[o.b].element;o.dragging||k(e,"onDragStart",f)(J()),t.preventDefault(),o.dragging=!0,o.move=Q.bind(o),o.stop=Z.bind(o),n[l]("mouseup",o.stop),n[l]("touchend",o.stop),n[l]("touchcancel",o.stop),n[l]("mousemove",o.move),n[l]("touchmove",o.move),i[l]("selectstart",f),i[l]("dragstart",f),r[l]("selectstart",f),r[l]("dragstart",f),i.style.userSelect="none",i.style.webkitUserSelect="none",i.style.MozUserSelect="none",i.style.pointerEvents="none",r.style.userSelect="none",r.style.webkitUserSelect="none",r.style.MozUserSelect="none",r.style.pointerEvents="none",o.gutter.style.cursor=W,o.parent.style.cursor=W,a.body.style.cursor=W,U.call(o),o.dragOffset=K(t)-o.end}}H===p?(o="width",i="clientX",r="left",b="right",v="clientWidth"):"vertical"===H&&(o="height",i="clientY",r="top",b="bottom",v="clientHeight"),A=V(A);var tt=[];function et(t){var e=t.i===tt.length,o=e?tt[t.i-1]:tt[t.i];U.call(o),N.call(o,e?o.size-t.minSize-o[g]:t.minSize+o[u])}return(w=D.map((function(t,e){var i,r={element:m(t),size:A[e],minSize:F[e],maxSize:j[e],snapOffset:Y[e],i:e};if(e>0&&((i={a:e-1,b:e,dragging:!1,direction:H,parent:O})[u]=x(R,e-1==0,!1,T),i[g]=x(R,!1,e===D.length-1,T),"row-reverse"===E||"column-reverse"===E)){var n=i.a;i.a=i.b,i.b=n}if(e>0){var s=B(e,H,r.element);!function(t,e,i){var r=q(o,e,i);Object.keys(r).forEach((function(e){t.style[e]=r[e]}))}(s,R,e),i[d]=$.bind(i),s[l]("mousedown",i[d]),s[l]("touchstart",i[d]),O.insertBefore(s,r.element),i.gutter=s}return G(r.element,r.size,x(R,0===e,e===D.length-1,T),e),e>0&&tt.push(i),r}))).forEach((function(t){var e=t.element[c]()[o];e<t.minSize&&(I?et(t):t.minSize=e)})),{setSizes:function(t){var e=V(t);e.forEach((function(t,o){if(o>0){var i=tt[o-1],r=w[i.a],n=w[i.b];r.size=e[o-1],n.size=t,G(r.element,r.size,i[u],r.i),G(n.element,n.size,i[g],n.i)}}))},getSizes:J,collapse:function(t){et(w[t])},destroy:function(t,e){tt.forEach((function(i){if(!0!==e?i.parent.removeChild(i.gutter):(i.gutter[h]("mousedown",i[d]),i.gutter[h]("touchstart",i[d])),!0!==t){var r=P(o,i.a.size,i[u]);Object.keys(r).forEach((function(t){w[i.a].element.style[t]="",w[i.b].element.style[t]=""}))}}))},parent:O,pairs:tt}};const D=class{constructor(o){t(this,o),this.dragging=e(this,"dragging",7),this.dragEnded=e(this,"dragEnded",7),this.direction="horizontal",this.forceCollapseZero=!1,this.knob="bidirectional",this.minSize="0,0",this.sizes="50,50",this.idsArray=[],this.draggingState=!1,this.leftCollapsedToZero=!1,this.rightCollapsedToZero=!1}makeId(t){const e=[],o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",i=o.length;for(let r=0;r<t;r++)e.push(o.charAt(Math.floor(Math.random()*i)));return e.unshift("a"),e.join("")}componentWillLoad(){this.el.querySelectorAll("gxg-split").forEach(function(t){const e=this.makeId(5);t.setAttribute("id",e)}.bind(this))}componentDidLoad(){this.getIds(),this.convertStringPropertiesToArray(),this.validateSizes(),this.split=w(this.idsArray,{gutterSize:8,cursor:"col-resize",minSize:this.minSizeArray,sizes:this.sizesArray,direction:this.direction,onDragStart:this.onDragStartFunc.bind(this),onDrag:this.onDragFunc.bind(this),onDragEnd:this.onDragEndFunc.bind(this),gutter:()=>{const t=document.createElement("div");if("bidirectional"===this.knob){const e=document.createElement("span");e.classList.add("knob"),e.style.width="var(--spacing-comp-05)",e.style.height="var(--spacing-comp-05)",e.style.display="block",e.style.zIndex="5",e.style.position="absolute","vertical"===this.direction&&(e.style.transform="rotate(90deg)");const o=document.createElement("span");o.style.backgroundColor="var(--gray-03)",o.style.width="2px",o.style.height="16px",o.style.position="relative",o.style.left="11px",o.style.top="4px",o.style.display="block",o.style.transition="0.25s all",o.classList.add("middle-line"),e.appendChild(o);const i=document.createElement("span");i.style.width="11px",i.style.height="var(--spacing-comp-05)",i.style.display="block",i.style.top="-36px",i.style.left="6px",i.style.position="relative",i.style.borderBottomLeftRadius="40px",i.style.borderTopLeftRadius="40px",i.style.backgroundColor="transparent",i.style.cursor="pointer",i.style.zIndex="20",i.style.pointerEvents="auto",i.classList.add("left-knob"),i.addEventListener("click",this.knobLeftClicked.bind(this)),i.onmouseover=this.knobLeftOver.bind(this),i.onmouseout=this.knobLeftOut.bind(this),e.appendChild(i);const r=document.createElement("span");r.style.width="11px",r.style.height="var(--spacing-comp-05)",r.style.display="block",r.style.top="-20px",r.style.right="-6px",r.style.position="relative",r.style.borderBottomRightRadius="40px",r.style.borderTopRightRadius="40px",r.style.backgroundColor="transparent",r.style.cursor="pointer",r.style.zIndex="20",r.style.pointerEvents="auto",r.classList.add("right-knob"),r.addEventListener("click",this.knobRightClicked.bind(this)),r.onmouseover=this.knobRightOver.bind(this),r.onmouseout=this.knobRightOut.bind(this),e.appendChild(r),t.appendChild(e)}else{const e=document.createElement("span");e.classList.add("knob"),e.style.width="var(--spacing-comp-05)",e.style.height="var(--spacing-comp-05)",e.style.display="block",e.style.zIndex="5",e.style.position="absolute","vertical"===this.direction&&(e.style.transform="rotate(90deg)");const o=document.createElement("span");o.style.backgroundColor="var(--gray-03)",o.style.width="2px",o.style.height="16px",o.style.position="relative",o.style.left="11px",o.style.top="4px",o.style.display="block",o.style.transition="0.25s all",o.classList.add("middle-line"),e.appendChild(o),t.appendChild(e)}return t.className=`gutter gutter-${this.direction}`,t}}),this.detectDragEndReachedMinimum();const t=this.el.querySelectorAll("gxg-split");"horizontal"===this.direction&&t.forEach((function(t){t.classList.add("split-horizontal")}))}convertStringPropertiesToArray(){this.minSizeArray=this.minSize.split(",").map((function(t){return parseInt(t,10)})),this.sizesArray=this.sizes.split(",").map((function(t){return parseInt(t,10)}))}getIds(){this.el.querySelectorAll("gxg-split").forEach(function(t){const e=t.getAttribute("id");this.idsArray.push("#"+e)}.bind(this))}validateSizes(){let t=0,e=0;const o=this.sizesArray.length;if(this.sizesArray.forEach((function(e){t+=e})),t>100){e=100/o,this.sizesArray=[];for(let t=0;t<o;t++)this.sizesArray.push(e)}}knobLeftClicked(){const t=this.el.querySelectorAll("gxg-split");t.forEach((function(t){t.classList.add("smooth-transition")})),this.draggingState=!0;const e=this.el.querySelector(".middle-line");if(e.style.backgroundColor="var(--color-on-primary)",setTimeout(function(){this.draggingState=!1,e.style.backgroundColor="var(--gray-03)"}.bind(this),450),this.forceCollapseZero)if(this.rightCollapsedToZero){this.split.setSizes(this.currentSizes),this.rightCollapsedToZero=!1;const t=this.el.querySelector(".middle-line");t.style.opacity="1",t.style.pointerEvents="auto",this.el.querySelector(".right-knob").style.pointerEvents="auto",this.el.querySelector(".left-knob").style.top="-36px"}else{this.currentSizes=this.split.getSizes();const e=t[0],o=t[1];"horizontal"===this.direction?(e.style.width="0",o.style.width="calc(100% - 8px)",this.leftCollapsedToZero=!0):"vertical"===this.direction&&(e.style.height="0",o.style.height="calc(100% - 8px)",this.leftCollapsedToZero=!0),this.el.querySelector(".left-knob").style.pointerEvents="none";const i=this.el.querySelector(".middle-line");i.style.opacity="0",i.style.pointerEvents="none",this.el.querySelector(".right-knob").style.top="-40px"}else this.split.collapse(0);this.detectDragEndReachedMinimum()}knobRightClicked(){const t=this.el.querySelectorAll("gxg-split");t.forEach((function(t){t.classList.add("smooth-transition")})),this.draggingState=!0;const e=this.el.querySelector(".middle-line");if(e.style.backgroundColor="var(--color-on-primary)",setTimeout(function(){this.draggingState=!1,e.style.backgroundColor="var(--gray-03)"}.bind(this),450),this.forceCollapseZero)if(this.leftCollapsedToZero){this.split.setSizes(this.currentSizes),this.leftCollapsedToZero=!1;const t=this.el.querySelector(".middle-line");t.style.opacity="1",t.style.pointerEvents="auto",this.el.querySelector(".left-knob").style.pointerEvents="auto",this.el.querySelector(".right-knob").style.top="-20px"}else{this.currentSizes=this.split.getSizes();const e=t[0],o=t[1];"horizontal"===this.direction?(e.style.width="calc(100% - 8px)",o.style.width="0",this.rightCollapsedToZero=!0):"vertical"===this.direction&&(e.style.height="calc(100% - 8px)",o.style.height="0",this.rightCollapsedToZero=!0),this.el.querySelector(".right-knob").style.pointerEvents="none";const i=this.el.querySelector(".middle-line");i.style.opacity="0",i.style.pointerEvents="none",this.el.querySelector(".left-knob").style.top="-16px"}else this.split.collapse(1);this.detectDragEndReachedMinimum()}knobLeftOver(){this.el.classList.add("knob-left-hover")}knobLeftOut(){this.el.classList.remove("knob-left-hover")}knobRightOver(){this.el.classList.add("knob-right-hover")}knobRightOut(){this.el.classList.remove("knob-right-hover")}onDragStartFunc(){this.draggingState=!0,this.el.querySelectorAll("gxg-split").forEach((function(t){t.classList.remove("smooth-transition")})),this.el.querySelector(".middle-line").style.backgroundColor="var(--color-on-primary)"}onDragFunc(){this.detectDragEndReachedMinimum(),this.dragging.emit("dragging")}onDragEndFunc(){this.draggingState=!1,this.dragEnded.emit("dragg ended"),this.el.querySelector(".middle-line").style.backgroundColor="var(--gray-03)"}detectDragEndReachedMinimum(){let t;"horizontal"===this.direction?t=this.el.clientWidth:"vertical"===this.direction&&(t=this.el.clientHeight);const e=this.split.getSizes()[1],o=this.split.getSizes()[0],i=Math.trunc(e*t/100),r=Math.trunc(o*t/100);i<this.minSizeArray[1]+15&&i>this.minSizeArray[1]-15||r<this.minSizeArray[0]+15&&r>this.minSizeArray[0]-15?(this.el.classList.add("gutter-reached-end"),setTimeout(function(){this.el.classList.remove("gutter-reached-end")}.bind(this),350)):(this.el.classList.remove("gutter-reached-left"),this.el.classList.remove("gutter-reached-right")),i<this.minSizeArray[1]+15&&i>this.minSizeArray[1]-15&&(this.forceCollapseZero||(this.el.classList.add("gutter-reached-right"),this.el.classList.remove("gutter-reached-left"))),r<this.minSizeArray[0]+15&&r>this.minSizeArray[0]-15&&(this.forceCollapseZero||(this.el.classList.add("gutter-reached-left"),this.el.classList.remove("gutter-reached-right")))}async collapse(t,e=!1){if(e){const e=this.el.querySelectorAll("gxg-split");e.forEach((function(t){t.classList.add("smooth-transition")}));const o=e[0],i=e[1];if("horizontal"===this.direction){if(0===t){const t=this.el.querySelector(".left-knob");t.click(),t.click(),o.style.width="0",i.style.width="calc(100% - 8px)"}else if(1===t){const t=this.el.querySelector(".right-knob");t.click(),t.click(),o.style.width="calc(100% - 8px)",i.style.width="0"}}else if("vertical"===this.direction)if(0===t){const t=this.el.querySelector(".left-knob");t.click(),t.click(),o.style.height="0",i.style.height="calc(100% - 8px)"}else if(1===t){const t=this.el.querySelector(".right-knob");t.click(),t.click(),o.style.height="calc(100% - 8px)",i.style.height="0"}}else 0===t?this.el.querySelector(".left-knob").click():1===t&&this.el.querySelector(".right-knob").click()}render(){return o(i,{class:{"left-collapsed-to-zero":this.leftCollapsedToZero,"right-collapsed-to-zero":this.rightCollapsedToZero,dragging:this.draggingState}},o("slot",null))}get el(){return r(this)}};D.style=':host{display:flex;width:100%;height:100%;overflow:hidden}:host ::slotted(.gutter-horizontal),:host ::slotted(.gutter-vertical){transition:background-color 0.25s;background-color:var(--gray-01)}:host ::slotted(.gutter-horizontal){height:100%;float:left;cursor:col-resize;display:flex;align-items:center;justify-content:center;position:relative}:host ::slotted(.gutter-horizontal):after{right:-5px}:host ::slotted(.gutter-horizontal):before{left:-5px}:host ::slotted(.gutter-vertical){cursor:row-resize;display:flex;justify-content:center;align-items:center;background-color:var(--gray-01);position:relative}:host ::slotted(.gutter-vertical):after{right:50%;transform:rotate(90deg) translateX(6px) translateY(-2px)}:host ::slotted(.gutter-vertical):before{left:50%;transform:rotate(90deg) translateX(-6px) translateY(2px)}:host([direction=vertical]){flex-direction:column}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host([knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host([knob=bidirectional]) ::slotted(.gutter-vertical):after,:host([knob=bidirectional]) ::slotted(.gutter-vertical):before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;z-index:10;position:relative;pointer-events:none;opacity:0;pointer-events:none;transition:0.25s all}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host([knob=bidirectional]) ::slotted(.gutter-vertical):after{border-left:3px solid var(--gray-03)}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host([knob=bidirectional]) ::slotted(.gutter-vertical):before{border-right:3px solid var(--gray-03)}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):after{bottom:-19px;right:1px}:host([knob=bidirectional]) ::slotted(.gutter-horizontal):before{top:-19px;left:1px}:host([knob=bidirectional]) ::slotted(.gutter-vertical):after{bottom:6px;right:23px}:host([knob=bidirectional]) ::slotted(.gutter-vertical):before{top:6px;left:24px}:host([knob=bidirectional]) ::slotted(.gutter-horizontal:hover):after,:host([knob=bidirectional]) ::slotted(.gutter-vertical:hover):after{opacity:1}:host([knob=bidirectional]) ::slotted(.gutter-horizontal:hover):before,:host([knob=bidirectional]) ::slotted(.gutter-vertical:hover):before{opacity:1}:host(.knob-left-hover) ::slotted(.gutter-horizontal):before,:host(.knob-left-hover) ::slotted(.gutter-vertical):before{border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:3px solid var(--color-primary-hover)}:host(.knob-right-hover) ::slotted(.gutter-horizontal):after,:host(.knob-right-hover) ::slotted(.gutter-vertical):after{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:3px solid var(--color-primary-hover)}:host(.left-collapsed-to-zero) ::slotted(.gutter),:host(.right-collapsed-to-zero) ::slotted(.gutter){pointer-events:none}:host(.collapsed-to-zero) ::slotted(.knob){pointer-events:auto}:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):before{opacity:0;pointer-events:none}:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):after{opacity:1}:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):after{bottom:0}:host(.left-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):after{right:3px}:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):after{opacity:0;pointer-events:none}:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):before{opacity:1}:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-horizontal):before{top:0}:host(.right-collapsed-to-zero[knob=bidirectional]) ::slotted(.gutter-vertical):before{left:3px}:host(.gutter-reached-right[knob=bidirectional]) ::slotted(.gutter-horizontal):after,:host(.gutter-reached-right[knob=bidirectional]) ::slotted(.gutter-vertical):after{opacity:0;pointer-events:none}:host(.gutter-reached-left[knob=bidirectional]) ::slotted(.gutter-horizontal):before,:host(.gutter-reached-left[knob=bidirectional]) ::slotted(.gutter-vertical):before{opacity:0;pointer-events:none}:host(.dragging) ::slotted(.gutter-horizontal),:host(.dragging) ::slotted(.gutter-vertical){background-color:var(--color-primary-hover)}:host(.dragging) ::slotted(.gutter-horizontal):after,:host(.dragging) ::slotted(.gutter-vertical):after{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:3px solid var(--color-on-primary)}:host(.dragging) ::slotted(.gutter-horizontal):before,:host(.dragging) ::slotted(.gutter-vertical):before{border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:3px solid var(--color-on-primary)}:host(.dragging) ::slotted(.gutter-horizontal) .middle-line,:host(.dragging) ::slotted(.gutter-vertical) .middle-line{background-color:red}';export{D as gxg_splitter}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as r,H as e,g as a}from"./p-976c3a09.js";const i=class{constructor(r){t(this,r),this.clicked=o(this,"clicked",7),this.deleted=o(this,"deleted",7),this.active=!1,this.deletable=!1,this.padding="s",this.disabled=!1}clickedHandler(){this.clicked.emit(this.el.getAttribute("id"))}deleteHandler(t){t.stopPropagation(),this.deleted.emit("box was deleted")}handlerOnKeyDown(t){if(13==t.keyCode)this.active=!0,this.clicked.emit(this.el.getAttribute("id"));else if(9===t.keyCode&&t.shiftKey){const o=this.el.previousElementSibling;t.preventDefault(),o.focus()}else if(9==t.keyCode&&!this.active){const o=this.el.nextElementSibling;t.preventDefault(),o.focus()}}componentDidLoad(){if(void 0!==this.title){const t=this.el.shadowRoot.querySelector(".container-content__title");this.el.prepend(t)}}render(){return r(e,{tabindex:"0",onClick:this.clickedHandler.bind(this),onKeyDown:this.handlerOnKeyDown.bind(this)},this.active?null:r("div",{class:"cover"}),r("span",{class:"border"}),this.disabled?null:r("div",{class:"drag-icon-container"},r("gxg-icon",{size:"regular",type:"navigation/drag"})),r("div",{class:"container-content"},void 0!==this.title?r("span",{class:"container-content__title"},this.title):null,r("slot",null)),r("div",{class:"delete-button-container"},this.deletable?r("gxg-button",{"button-styles-editable":!0,icon:"gemini-tools/delete",onClick:this.deleteHandler.bind(this),type:"secondary-icon-only"}):null))}get el(){return a(this)}};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{position:relative;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;border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--gray-03);display:flex;align-items:center;background-color:var(--color-background);margin-bottom:var(--spacing-lay-s);cursor:pointer;opacity:1;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .cover{position:absolute;width:100%;height:100%;left:0;background-color:transparent;z-index:100}:host:before{content:"";display:block;height:4px;width:calc(100% + 2px);background-color:transparent;position:absolute;left:-1px;top:-1px}:host ::slotted(.container-content__title){display:block;font-weight:var(--font-weight-bold)}:host .container-content{width:100%}:host .drag-icon-container{display:flex;align-self:start;padding-top:2px;padding-inline-end:var(--spacing-comp-02)}:host .drag-icon-container gxg-icon{opacity:0}:host .delete-button-container{display:flex;align-self:flex-start;padding-top:2px}:host .delete-button-container gxg-button::part(native-button){opacity:0}:host .delete-button-container gxg-button::part(native-button):focus{opacity:1}:host(:hover):before{background-color:var(--gray-03)}:host(:hover) .drag-icon-container gxg-icon{opacity:1}:host([padding="0"]) .container-content{padding:0}:host([padding="0"]) .delete-button-container{padding-top:0}:host([padding=xs]){padding:var(--spacing-comp-01)}:host([padding=s]){padding:var(--spacing-comp-02)}:host([padding=m]){padding:var(--spacing-comp-03)}:host([padding=l]){padding:var(--spacing-comp-04)}:host([padding=xl]){padding:var(--spacing-comp-05)}:host([padding=xxl]){padding:var(--spacing-comp-06)}:host([padding=xxxl]){padding:var(--spacing-comp-07)}:host([active]):before{background-color:var(--color-primary-active)}:host([active]) .delete-button-container .delete-button-container gxg-button::part(native-button){opacity:1}:host([active]) .delete-button-container gxg-button::part(native-button){opacity:1}:host(not[disabled]:focus){outline:none;box-shadow:inset 0px 0px 0px 1px var(--color-primary-active);border-color:var(--color-primary-active)}';export{i as gxg_drag_box}
|
|
1
|
+
import{r as t,c as o,h as r,H as e,g as a}from"./p-0906fb46.js";const i=class{constructor(r){t(this,r),this.clicked=o(this,"clicked",7),this.deleted=o(this,"deleted",7),this.active=!1,this.deletable=!1,this.padding="s",this.disabled=!1}clickedHandler(){this.clicked.emit(this.el.getAttribute("id"))}deleteHandler(t){t.stopPropagation(),this.deleted.emit("box was deleted")}handlerOnKeyDown(t){if(13==t.keyCode)this.active=!0,this.clicked.emit(this.el.getAttribute("id"));else if(9===t.keyCode&&t.shiftKey){const o=this.el.previousElementSibling;t.preventDefault(),o.focus()}else if(9==t.keyCode&&!this.active){const o=this.el.nextElementSibling;t.preventDefault(),o.focus()}}componentDidLoad(){if(void 0!==this.title){const t=this.el.shadowRoot.querySelector(".container-content__title");this.el.prepend(t)}}render(){return r(e,{tabindex:"0",onClick:this.clickedHandler.bind(this),onKeyDown:this.handlerOnKeyDown.bind(this)},this.active?null:r("div",{class:"cover"}),r("span",{class:"border"}),this.disabled?null:r("div",{class:"drag-icon-container"},r("gxg-icon",{size:"regular",type:"navigation/drag"})),r("div",{class:"container-content"},void 0!==this.title?r("span",{class:"container-content__title"},this.title):null,r("slot",null)),r("div",{class:"delete-button-container"},this.deletable?r("gxg-button",{"button-styles-editable":!0,icon:"gemini-tools/delete",onClick:this.deleteHandler.bind(this),type:"secondary-icon-only"}):null))}get el(){return a(this)}};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{position:relative;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;border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--gray-03);display:flex;align-items:center;background-color:var(--color-background);margin-bottom:var(--spacing-lay-s);cursor:pointer;opacity:1;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .cover{position:absolute;width:100%;height:100%;left:0;background-color:transparent;z-index:100}:host:before{content:"";display:block;height:4px;width:calc(100% + 2px);background-color:transparent;position:absolute;left:-1px;top:-1px}:host ::slotted(.container-content__title){display:block;font-weight:var(--font-weight-bold)}:host .container-content{width:100%}:host .drag-icon-container{display:flex;align-self:start;padding-top:2px;padding-inline-end:var(--spacing-comp-02)}:host .drag-icon-container gxg-icon{opacity:0}:host .delete-button-container{display:flex;align-self:flex-start;padding-top:2px}:host .delete-button-container gxg-button::part(native-button){opacity:0}:host .delete-button-container gxg-button::part(native-button):focus{opacity:1}:host(:hover):before{background-color:var(--gray-03)}:host(:hover) .drag-icon-container gxg-icon{opacity:1}:host([padding="0"]) .container-content{padding:0}:host([padding="0"]) .delete-button-container{padding-top:0}:host([padding=xs]){padding:var(--spacing-comp-01)}:host([padding=s]){padding:var(--spacing-comp-02)}:host([padding=m]){padding:var(--spacing-comp-03)}:host([padding=l]){padding:var(--spacing-comp-04)}:host([padding=xl]){padding:var(--spacing-comp-05)}:host([padding=xxl]){padding:var(--spacing-comp-06)}:host([padding=xxxl]){padding:var(--spacing-comp-07)}:host([active]):before{background-color:var(--color-primary-active)}:host([active]) .delete-button-container .delete-button-container gxg-button::part(native-button){opacity:1}:host([active]) .delete-button-container gxg-button::part(native-button){opacity:1}:host(not[disabled]:focus){outline:none;box-shadow:inset 0px 0px 0px 1px var(--color-primary-active);border-color:var(--color-primary-active)}';export{i as gxg_drag_box}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as e,f as t}from"./p-0906fb46.js";const r=e=>!("isConnected"in e)||e.isConnected,s=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(r))})(...t)}),2e3)}})(),{state:n}=(()=>{const r=((e,t=((e,t)=>e!==t))=>{let r=new Map(Object.entries(null!=e?e:{}));const s={dispose:[],get:[],set:[],reset:[]},n=()=>{r=new Map(Object.entries(null!=e?e:{})),s.reset.forEach((e=>e()))},o=e=>(s.get.forEach((t=>t(e))),r.get(e)),c=(e,n)=>{const o=r.get(e);t(n,o,e)&&(r.set(e,n),s.set.forEach((t=>t(e,n,o))))},u="undefined"==typeof Proxy?{}:new Proxy(e,{get:(e,t)=>o(t),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>r.has(t),set:(e,t,r)=>(c(t,r),!0)}),a=(e,t)=>(s[e].push(t),()=>{((e,t)=>{const r=e.indexOf(t);r>=0&&(e[r]=e[e.length-1],e.length--)})(s[e],t)});return{state:u,get:o,set:c,on:a,onChange:(t,r)=>{const s=a("set",((e,s)=>{e===t&&r(s)})),n=a("reset",(()=>r(e[t])));return()=>{s(),n()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(a("set",t.set)),t.get&&e.push(a("get",t.get)),t.reset&&e.push(a("reset",t.reset)),t.dispose&&e.push(a("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{s.dispose.forEach((e=>e())),n()},reset:n,forceUpdate:e=>{const t=r.get(e);s.set.forEach((r=>r(e,t,t)))}}})({large:document.documentElement.classList.contains("gxg-large"),mercury:document.documentElement.classList.contains("mercury"),rtl:"rtl"===document.documentElement.getAttribute("dir")},void 0);return r.use((()=>{if("function"!=typeof e)return{};const r=new Map;return{dispose:()=>r.clear(),get:t=>{const s=e();s&&((e,t,r)=>{const s=e.get(t);s?s.includes(r)||s.push(r):e.set(t,[r])})(r,t,s)},set:e=>{const n=r.get(e);n&&r.set(e,n.filter(t)),s(r)},reset:()=>{r.forEach((e=>e.forEach(t))),s(r)}}})()),r})();export{n as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as s,H as t,g as e}from"./p-
|
|
1
|
+
import{r,h as s,H as t,g as e}from"./p-0906fb46.js";const a=class{constructor(s){r(this,s)}componentWillLoad(){this.setIndexToBreadcrumb()}setIndexToBreadcrumb(){this.el.querySelectorAll("gxg-breadcrumb").forEach(((r,s)=>{r.setAttribute("data-index",s.toString())}))}render(){return s(t,null,s("slot",null))}get el(){return e(this)}};a.style=":host{display:flex}";export{a as gxg_breadcrumbs}
|