@genexus/genexus-ide-ui 0.0.19 → 0.0.21
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-checkbox.cjs.entry.js +93 -0
- 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-global-stylesheet-145c4b20.js +5 -0
- package/dist/cjs/ch-grid-action-refresh_6.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-column-display.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-column-resize_4.cjs.entry.js +150 -0
- package/dist/cjs/ch-grid-row-actions.cjs.entry.js +26 -3
- package/dist/cjs/ch-grid-rowset-empty.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +23 -0
- package/dist/cjs/ch-grid-virtual-scroller.cjs.entry.js +1 -1
- package/dist/cjs/{ch-grid_7.cjs.entry.js → ch-grid_4.cjs.entry.js} +74 -155
- package/dist/cjs/ch-icon_2.cjs.entry.js +2 -2
- package/dist/cjs/ch-intersection-observer.cjs.entry.js +1 -1
- package/dist/cjs/ch-next-data-modeling-item.cjs.entry.js +2 -2
- package/dist/cjs/ch-next-data-modeling.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-paginator-pages.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 +34 -0
- package/dist/cjs/ch-suggest_5.cjs.entry.js +15 -12
- package/dist/cjs/ch-test-tree-x.cjs.entry.js +266 -0
- package/dist/cjs/ch-textblock.cjs.entry.js +2 -2
- package/dist/cjs/ch-tree-item.cjs.entry.js +1 -1
- package/dist/cjs/ch-tree-x_3.cjs.entry.js +966 -0
- package/dist/cjs/ch-tree.cjs.entry.js +1 -1
- package/dist/cjs/ch-window_2.cjs.entry.js +59 -21
- package/dist/cjs/{form-c5e161c6.js → form-a22de8f3.js} +1 -1
- package/dist/cjs/{form-validation-87e3749d.js → form-validation-f8e709d0.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-container.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-directory-selector.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-list-selector-item.cjs.entry.js +89 -0
- package/dist/cjs/gx-ide-list-selector.cjs.entry.js +51 -0
- 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-references.cjs.entry.js +6 -6
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +216 -0
- package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js +70 -0
- package/dist/cjs/gx-ide-template.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-test.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-top-bar_2.cjs.entry.js +3 -3
- package/dist/cjs/gxg-accordion-item.cjs.entry.js +3 -3
- package/dist/cjs/gxg-accordion.cjs.entry.js +2 -2
- package/dist/cjs/gxg-alert.cjs.entry.js +2 -2
- package/dist/cjs/gxg-box.cjs.entry.js +2 -2
- 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 +3 -3
- package/dist/cjs/gxg-card.cjs.entry.js +2 -2
- package/dist/cjs/gxg-color-picker.cjs.entry.js +2 -2
- package/dist/cjs/gxg-column.cjs.entry.js +2 -2
- package/dist/cjs/gxg-columns.cjs.entry.js +2 -2
- package/dist/cjs/gxg-combo-box_8.cjs.entry.js +10 -10
- package/dist/cjs/gxg-container.cjs.entry.js +2 -2
- package/dist/cjs/gxg-contextual-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/gxg-contextual-menu-submenu.cjs.entry.js +2 -2
- package/dist/cjs/gxg-contextual-menu.cjs.entry.js +2 -2
- package/dist/cjs/gxg-date-picker.cjs.entry.js +3 -3
- package/dist/cjs/gxg-demo.cjs.entry.js +2 -2
- package/dist/cjs/gxg-drag-box.cjs.entry.js +2 -2
- package/dist/cjs/gxg-drag-container.cjs.entry.js +2 -2
- package/dist/cjs/gxg-drop-down.cjs.entry.js +3 -3
- package/dist/cjs/gxg-filter-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-filter.cjs.entry.js +2 -2
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/gxg-form-message.cjs.entry.js +3 -3
- package/dist/cjs/gxg-form-text.cjs.entry.js +4 -4
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +13 -7
- package/dist/cjs/gxg-label_2.cjs.entry.js +4 -4
- package/dist/cjs/{gxg-list-box.cjs.entry.js → gxg-list-box_2.cjs.entry.js} +123 -4
- package/dist/cjs/gxg-loader.cjs.entry.js +2 -2
- package/dist/cjs/gxg-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/gxg-menu-list.cjs.entry.js +2 -2
- package/dist/cjs/gxg-menu.cjs.entry.js +2 -2
- package/dist/cjs/gxg-modal.cjs.entry.js +3 -3
- package/dist/cjs/gxg-more-info.cjs.entry.js +2 -2
- package/dist/cjs/gxg-option-v2.cjs.entry.js +1 -1
- package/dist/cjs/gxg-option.cjs.entry.js +2 -2
- package/dist/cjs/gxg-options-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-options.cjs.entry.js +3 -3
- package/dist/cjs/gxg-paginator.cjs.entry.js +1 -1
- package/dist/cjs/gxg-pill.cjs.entry.js +3 -3
- package/dist/cjs/gxg-progress-bar.cjs.entry.js +2 -2
- package/dist/{genexus-ide-ui/p-fe16bbce.entry.js → cjs/gxg-scroll.cjs.entry.js} +19 -1
- package/dist/cjs/gxg-select-v2.cjs.entry.js +2 -2
- package/dist/cjs/gxg-select.cjs.entry.js +4 -4
- package/dist/cjs/gxg-separator.cjs.entry.js +2 -2
- package/dist/cjs/gxg-slider.cjs.entry.js +2 -2
- package/dist/cjs/gxg-spacer-layout.cjs.entry.js +2 -2
- package/dist/cjs/gxg-spacer-one.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/gxg-stepper.cjs.entry.js +2 -2
- package/dist/cjs/gxg-test.cjs.entry.js +1 -1
- package/dist/cjs/gxg-title.cjs.entry.js +3 -3
- package/dist/cjs/gxg-toggle.cjs.entry.js +2 -2
- package/dist/cjs/gxg-toolbar-item.cjs.entry.js +2 -2
- package/dist/cjs/gxg-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/gxg-tree-grid-divs.cjs.entry.js +1 -1
- package/dist/cjs/gxg-tree_2.cjs.entry.js +3 -3
- package/dist/cjs/gxg-window.cjs.entry.js +2 -2
- package/dist/cjs/helpers-8845f008.js +25 -0
- package/dist/cjs/{index-79bce6af.js → index-3e90909d.js} +1 -1
- package/dist/cjs/{index-93a6a7e0.js → index-5a32426a.js} +1 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{reserverd-names-b673183c.js → reserverd-names-1b00889a.js} +2 -0
- package/dist/cjs/{store-49485138.js → store-0866de9f.js} +1 -1
- package/dist/cjs/{update-tree-model-445c63a8.js → update-tree-model-8b154db1.js} +1 -1
- package/dist/collection/collection-manifest.json +11 -0
- package/dist/collection/common/render-combo-items.js +10 -0
- package/dist/collection/common/render-suggest.js +1 -1
- package/dist/collection/components/_template/template.css +6 -2
- package/dist/collection/components/container/container.css +23 -5
- package/dist/collection/components/directory-selector/directory-selector.css +23 -0
- package/dist/collection/components/entity-selector/entity-selector.css +23 -0
- package/dist/collection/components/list-selector/list-selector-item/list-selector-item.css +51 -0
- package/dist/collection/components/list-selector/list-selector-item/list-selector-item.js +182 -0
- package/dist/collection/components/list-selector/list-selector.css +65 -0
- package/dist/collection/components/list-selector/list-selector.js +174 -0
- package/dist/collection/components/new-environment/new-environment.css +6 -2
- package/dist/collection/components/new-kb/new-kb.css +6 -2
- package/dist/collection/components/references/helpers.js +1 -1
- package/dist/collection/components/references/references.css +6 -2
- package/dist/collection/components/references/references.js +1 -1
- package/dist/collection/components/team-dev-commit/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.en.json +22 -0
- package/dist/collection/components/team-dev-commit/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.ja.json +3 -0
- package/dist/collection/components/team-dev-commit/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.zh.json +3 -0
- package/dist/collection/components/team-dev-commit/team-dev-commit.css +165 -0
- package/dist/collection/components/team-dev-commit/team-dev-commit.js +439 -0
- package/dist/collection/components/team-dev-select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.en.json +4 -0
- package/dist/collection/components/team-dev-select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.ja.json +3 -0
- package/dist/collection/components/team-dev-select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.zh.json +3 -0
- package/dist/collection/components/team-dev-select-recent-comment/team-dev-select-recent-comment.css +127 -0
- package/dist/collection/components/team-dev-select-recent-comment/team-dev-select-recent-comment.js +148 -0
- package/dist/components/button-group.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/ch-checkbox.js +6 -0
- package/dist/components/ch-global-stylesheet.js +3 -0
- package/dist/components/ch-grid-row-actions.js +27 -3
- package/dist/components/ch-grid2.js +55 -13
- package/dist/components/ch-style.js +50 -0
- package/dist/components/ch-suggest-list-item2.js +1 -0
- package/dist/components/ch-suggest2.js +10 -8
- package/dist/components/ch-test-tree-x.js +313 -0
- package/dist/components/ch-tree-x-list-item.js +6 -0
- package/dist/components/ch-tree-x-list.js +6 -0
- package/dist/components/ch-tree-x.js +6 -0
- package/dist/components/ch-window2.js +59 -21
- package/dist/components/checkbox.js +115 -0
- package/dist/components/combo-box.js +2 -2
- package/dist/components/container.js +1 -1
- package/dist/components/container2.js +253 -0
- package/dist/components/form-checkbox.js +2 -2
- package/dist/components/form-radio-group.js +2 -2
- package/dist/components/form-radio.js +1 -1
- package/dist/components/form-text.js +2 -2
- package/dist/components/form-textarea.js +176 -0
- package/dist/components/form.js +1 -1
- package/dist/components/gx-ide-directory-selector.js +1 -1
- package/dist/components/gx-ide-entity-selector.js +1 -1
- package/dist/components/gx-ide-list-selector-item.d.ts +11 -0
- package/dist/components/gx-ide-list-selector-item.js +107 -0
- package/dist/components/gx-ide-list-selector.d.ts +11 -0
- package/dist/components/gx-ide-list-selector.js +78 -0
- package/dist/components/gx-ide-new-environment.js +1 -1
- package/dist/components/gx-ide-new-kb.js +1 -1
- package/dist/components/gx-ide-references.js +4 -4
- package/dist/components/gx-ide-team-dev-commit.d.ts +11 -0
- package/dist/components/gx-ide-team-dev-commit.js +395 -0
- package/dist/components/gx-ide-team-dev-select-recent-comment.d.ts +11 -0
- package/dist/components/gx-ide-team-dev-select-recent-comment.js +148 -0
- package/dist/components/gx-ide-template.js +1 -1
- package/dist/components/gxg-accordion-item.js +1 -1
- package/dist/components/gxg-accordion.js +1 -1
- package/dist/components/gxg-alert.js +1 -1
- package/dist/components/gxg-box.js +1 -1
- package/dist/components/gxg-card.js +1 -1
- package/dist/components/gxg-color-picker.js +1 -1
- package/dist/components/gxg-column.js +1 -1
- package/dist/components/gxg-columns.js +1 -1
- package/dist/components/gxg-container.js +1 -251
- package/dist/components/gxg-contextual-menu-item.js +1 -1
- package/dist/components/gxg-contextual-menu-submenu.js +1 -1
- package/dist/components/gxg-contextual-menu.js +1 -1
- package/dist/components/gxg-date-picker.js +1 -1
- package/dist/components/gxg-demo.js +1 -1
- package/dist/components/gxg-drag-box.js +1 -1
- package/dist/components/gxg-drag-container.js +1 -1
- package/dist/components/gxg-drop-down.js +1 -1
- package/dist/components/gxg-filter.js +1 -1
- package/dist/components/gxg-form-checkbox-group2.js +2 -2
- package/dist/components/gxg-form-message.js +1 -1
- package/dist/components/gxg-form-textarea.js +1 -165
- package/dist/components/gxg-grid2.js +1 -1
- package/dist/components/gxg-label2.js +1 -1
- package/dist/components/gxg-list-box-item.js +1 -178
- package/dist/components/gxg-list-box.js +1 -789
- package/dist/components/gxg-loader.js +1 -1
- package/dist/components/gxg-menu-item.js +1 -1
- package/dist/components/gxg-menu-list.js +1 -1
- package/dist/components/gxg-menu.js +1 -1
- package/dist/components/gxg-modal.js +1 -1
- package/dist/components/gxg-more-info.js +1 -1
- package/dist/components/gxg-option.js +1 -1
- package/dist/components/gxg-options.js +1 -1
- package/dist/components/gxg-pill.js +1 -1
- package/dist/components/gxg-progress-bar.js +1 -1
- package/dist/components/gxg-scroll.js +33 -0
- package/dist/components/gxg-select.js +2 -2
- package/dist/components/gxg-separator.js +1 -1
- package/dist/components/gxg-slider.js +1 -1
- package/dist/components/gxg-spacer-layout.js +1 -1
- package/dist/components/gxg-spacer-one.js +1 -1
- package/dist/components/gxg-stack.js +1 -1
- package/dist/components/gxg-stepper.js +1 -1
- package/dist/components/gxg-toggle.js +1 -1
- package/dist/components/gxg-toolbar-item.js +1 -1
- package/dist/components/gxg-toolbar.js +1 -1
- package/dist/components/gxg-tree-item2.js +1 -1
- package/dist/components/gxg-tree2.js +1 -1
- package/dist/components/gxg-window.js +1 -1
- package/dist/components/helpers.js +20 -8
- package/dist/components/icon2.js +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +11 -0
- package/dist/{esm/gxg-list-box-item.entry.js → components/list-box-item.js} +69 -12
- package/dist/{esm/gxg-list-box.entry.js → components/list-box.js} +67 -14
- package/dist/components/reserverd-names.js +2 -1
- package/dist/components/suggest.js +2 -2
- package/dist/components/tab-bar.js +1 -1
- package/dist/components/tab-button.js +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/text.js +1 -1
- package/dist/components/title.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/tree-x-list-item.js +595 -0
- package/dist/components/tree-x-list.js +81 -0
- package/dist/components/tree-x.js +378 -0
- package/dist/esm/ch-accordion.entry.js +1 -1
- package/dist/esm/ch-checkbox.entry.js +89 -0
- 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-global-stylesheet-f8bbf095.js +3 -0
- package/dist/esm/ch-grid-action-refresh_6.entry.js +1 -1
- package/dist/esm/ch-grid-column-display.entry.js +1 -1
- package/dist/esm/ch-grid-column-resize_4.entry.js +143 -0
- package/dist/esm/ch-grid-row-actions.entry.js +26 -3
- package/dist/esm/ch-grid-rowset-empty.entry.js +1 -1
- package/dist/esm/ch-grid-rowset-legend.entry.js +19 -0
- package/dist/esm/ch-grid-virtual-scroller.entry.js +1 -1
- package/dist/esm/{ch-grid_7.entry.js → ch-grid_4.entry.js} +74 -152
- package/dist/esm/ch-icon_2.entry.js +2 -2
- package/dist/esm/ch-intersection-observer.entry.js +1 -1
- package/dist/esm/ch-next-data-modeling-item.entry.js +2 -2
- package/dist/esm/ch-next-data-modeling.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-paginator-pages.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 +30 -0
- package/dist/esm/ch-suggest_5.entry.js +15 -12
- package/dist/esm/ch-test-tree-x.entry.js +262 -0
- package/dist/esm/ch-textblock.entry.js +2 -2
- package/dist/esm/ch-tree-item.entry.js +1 -1
- package/dist/esm/ch-tree-x_3.entry.js +960 -0
- package/dist/esm/ch-tree.entry.js +1 -1
- package/dist/esm/ch-window_2.entry.js +59 -21
- package/dist/esm/{form-73d85602.js → form-5e68671c.js} +2 -2
- package/dist/esm/{form-validation-a6686ca1.js → form-validation-cdb16431.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-container.entry.js +2 -2
- package/dist/esm/gx-ide-directory-selector.entry.js +2 -2
- package/dist/esm/gx-ide-entity-selector.entry.js +2 -2
- package/dist/esm/gx-ide-list-selector-item.entry.js +85 -0
- package/dist/esm/gx-ide-list-selector.entry.js +47 -0
- 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-references.entry.js +6 -6
- package/dist/esm/gx-ide-team-dev-commit.entry.js +212 -0
- package/dist/esm/gx-ide-team-dev-select-recent-comment.entry.js +66 -0
- package/dist/esm/gx-ide-template.entry.js +2 -2
- package/dist/esm/gx-ide-test.entry.js +2 -2
- package/dist/esm/gx-ide-top-bar_2.entry.js +3 -3
- package/dist/esm/gxg-accordion-item.entry.js +3 -3
- package/dist/esm/gxg-accordion.entry.js +2 -2
- package/dist/esm/gxg-alert.entry.js +2 -2
- package/dist/esm/gxg-box.entry.js +2 -2
- 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 +3 -3
- package/dist/esm/gxg-card.entry.js +2 -2
- package/dist/esm/gxg-color-picker.entry.js +2 -2
- package/dist/esm/gxg-column.entry.js +2 -2
- package/dist/esm/gxg-columns.entry.js +2 -2
- package/dist/esm/gxg-combo-box_8.entry.js +10 -10
- package/dist/esm/gxg-container.entry.js +2 -2
- package/dist/esm/gxg-contextual-menu-item.entry.js +2 -2
- package/dist/esm/gxg-contextual-menu-submenu.entry.js +2 -2
- package/dist/esm/gxg-contextual-menu.entry.js +2 -2
- package/dist/esm/gxg-date-picker.entry.js +3 -3
- package/dist/esm/gxg-demo.entry.js +2 -2
- package/dist/esm/gxg-drag-box.entry.js +2 -2
- package/dist/esm/gxg-drag-container.entry.js +2 -2
- package/dist/esm/gxg-drop-down.entry.js +3 -3
- package/dist/esm/gxg-filter-item.entry.js +1 -1
- package/dist/esm/gxg-filter.entry.js +2 -2
- package/dist/esm/gxg-form-checkbox.entry.js +4 -4
- package/dist/esm/gxg-form-message.entry.js +3 -3
- package/dist/esm/gxg-form-text.entry.js +4 -4
- package/dist/esm/gxg-form-textarea.entry.js +13 -7
- package/dist/esm/gxg-label_2.entry.js +4 -4
- package/dist/esm/gxg-list-box_2.entry.js +856 -0
- package/dist/esm/gxg-loader.entry.js +2 -2
- package/dist/esm/gxg-menu-item.entry.js +2 -2
- package/dist/esm/gxg-menu-list.entry.js +2 -2
- package/dist/esm/gxg-menu.entry.js +2 -2
- package/dist/esm/gxg-modal.entry.js +3 -3
- package/dist/esm/gxg-more-info.entry.js +2 -2
- package/dist/esm/gxg-option-v2.entry.js +1 -1
- package/dist/esm/gxg-option.entry.js +2 -2
- package/dist/esm/gxg-options-item.entry.js +1 -1
- package/dist/esm/gxg-options.entry.js +3 -3
- package/dist/esm/gxg-paginator.entry.js +1 -1
- package/dist/esm/gxg-pill.entry.js +3 -3
- package/dist/esm/gxg-progress-bar.entry.js +2 -2
- package/dist/esm/gxg-scroll.entry.js +15 -0
- package/dist/esm/gxg-select-v2.entry.js +2 -2
- package/dist/esm/gxg-select.entry.js +4 -4
- package/dist/esm/gxg-separator.entry.js +2 -2
- package/dist/esm/gxg-slider.entry.js +2 -2
- package/dist/esm/gxg-spacer-layout.entry.js +2 -2
- package/dist/esm/gxg-spacer-one.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/gxg-stepper.entry.js +2 -2
- package/dist/esm/gxg-test.entry.js +1 -1
- package/dist/esm/gxg-title.entry.js +3 -3
- package/dist/esm/gxg-toggle.entry.js +2 -2
- package/dist/esm/gxg-toolbar-item.entry.js +2 -2
- package/dist/esm/gxg-toolbar.entry.js +2 -2
- package/dist/esm/gxg-tree-grid-divs.entry.js +1 -1
- package/dist/esm/gxg-tree_2.entry.js +3 -3
- package/dist/esm/gxg-window.entry.js +2 -2
- package/dist/esm/helpers-56190205.js +22 -0
- package/dist/esm/{index-4f0a5746.js → index-0da01575.js} +1 -3
- package/dist/esm/{index-f3a45e56.js → index-ea94e298.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{reserverd-names-482f1a10.js → reserverd-names-2a2d0fb3.js} +2 -1
- package/dist/esm/{store-75f5d491.js → store-c2650ca5.js} +1 -1
- package/dist/esm/{update-tree-model-80419058.js → update-tree-model-6c612f05.js} +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.en.json +22 -0
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.zh.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.en.json +4 -0
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.zh.json +3 -0
- package/dist/genexus-ide-ui/{p-cc7d6bdf.js → p-01406cbc.js} +1 -1
- package/dist/genexus-ide-ui/{p-75961324.entry.js → p-0141cbce.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-203ea363.entry.js → p-0200a864.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6bee904e.entry.js → p-0425797a.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-04f094d1.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-7c2068c2.entry.js → p-0574b321.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-06ddf2a3.entry.js +1 -0
- package/dist/genexus-ide-ui/p-080f6c41.js +1 -0
- package/dist/genexus-ide-ui/{p-1ae51a01.entry.js → p-08b20f6c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-378fcc68.entry.js → p-092ccacd.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6ce123ab.entry.js → p-0ae159de.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-0be8946d.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-30c10ac0.entry.js → p-0dee851b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a3cfdb11.entry.js → p-115eee61.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9cf4025e.entry.js → p-117498b7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4e6f53af.entry.js → p-133b562f.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-16d35368.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-655c404e.entry.js → p-192f1342.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-1e686f3a.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-ff877c22.entry.js → p-22e142e8.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7c84e0d0.entry.js → p-25b333a5.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-2f3c0023.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-f6b3e357.entry.js → p-32bade0f.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-35864ae2.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-08290507.entry.js → p-395a65de.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-36179b87.entry.js → p-3b4fca51.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f23610f0.entry.js → p-3c8b9c4b.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-3d9a4ede.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-bd8b2e4e.entry.js → p-455abc7c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0720d767.entry.js → p-46ed607e.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0a8bd33f.entry.js → p-47a7c313.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-af252d16.entry.js → p-49f2abf4.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7bb78c8a.entry.js → p-4a01a404.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4198315e.entry.js → p-4aa2885b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-c670dcba.entry.js → p-4cf3c2b9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-81e52b18.entry.js → p-4e0c2df1.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-50c603e6.entry.js +1 -0
- package/dist/genexus-ide-ui/p-54bab171.entry.js +1 -0
- package/dist/genexus-ide-ui/p-554ed73a.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-fcc98e20.entry.js → p-55d98662.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-d70561c3.entry.js → p-566ae3e7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-8b1e4861.entry.js → p-5755f985.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f367d08e.entry.js → p-59ed4cb1.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1ce96964.entry.js → p-5d5fde3b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f1fa5847.entry.js → p-5e40990d.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0098fbc0.entry.js → p-5ec25f04.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b77bd1ad.entry.js → p-5f04a6c6.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-af0ac52d.entry.js → p-6050cdba.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-ecedca13.entry.js → p-6073c264.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-65ad7def.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-9db0d872.entry.js → p-6b301bbb.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-6c825ffc.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-e4ee28c7.entry.js → p-6cd618a8.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-6d378d61.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-392f03e1.entry.js → p-6d42b2c4.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7137b4cf.entry.js → p-6da13f78.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-49433b58.entry.js → p-70489f0c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-61401539.entry.js → p-717456fe.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-67cf60f5.js → p-71ecc7fd.js} +1 -1
- package/dist/genexus-ide-ui/{p-4e358180.entry.js → p-7241defb.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-72e1b9d5.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-f5357b4b.entry.js → p-76b376d6.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-7d69420f.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-ed288532.entry.js → p-7e13efb2.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-989ca0bb.entry.js → p-81c9847d.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-89d0ef14.entry.js → p-84e91b37.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-73f2adf0.entry.js → p-866f6d39.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-87e8eb72.js +1 -0
- package/dist/genexus-ide-ui/{p-4d572963.entry.js → p-893b9559.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9d7a0c37.entry.js → p-894b33d5.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-83fab39b.entry.js → p-8a02a18c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-42cb39da.entry.js → p-8a70239f.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-8d46f8d8.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-fa6ecbc2.entry.js → p-8e0dbe42.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fec38feb.entry.js → p-92e84fcc.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f9f51980.js → p-976c3a09.js} +2 -2
- package/dist/genexus-ide-ui/{p-a4479444.entry.js → p-999a3e61.entry.js} +2 -2
- package/dist/genexus-ide-ui/p-9dc36eb3.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-76a22b4f.entry.js → p-a244661f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-5e469dec.entry.js → p-a2479a2f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-cd503583.entry.js → p-a30b3d5d.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-496d34e0.entry.js → p-a35f09e9.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-a4b359b1.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-228cd122.entry.js → p-a708db45.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-a8433582.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ad9fdfdf.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ade59c73.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-0521f23e.entry.js → p-aec51bab.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e1336939.entry.js → p-b0ff985d.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-b26b5d74.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-432cbdad.entry.js → p-b4b4cbdc.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-2c7bf7b2.entry.js → p-b7322149.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4e36bbdb.entry.js → p-b8917eee.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-82b3afaa.entry.js → p-b9d071f7.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-bac6580b.js +1 -0
- package/dist/genexus-ide-ui/{p-01e9d3aa.entry.js → p-bbd16c80.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-c39737e2.js → p-bfb41ce9.js} +1 -1
- package/dist/genexus-ide-ui/{p-97c2627c.entry.js → p-c10d5f34.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e8225bc1.entry.js → p-c11c96d7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e377e5be.entry.js → p-c38c6957.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-95ea26da.entry.js → p-c4536205.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b196d91d.entry.js → p-c580682f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7007965c.entry.js → p-c7425416.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-d8bc417c.entry.js → p-c779a4be.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-366b39bb.entry.js → p-c9aca4d9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-ae1871e4.entry.js → p-cab184a7.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-d5c29251.entry.js +1 -0
- package/dist/genexus-ide-ui/p-d7f0bc80.entry.js +1 -0
- package/dist/genexus-ide-ui/p-db1367b1.entry.js +1 -0
- package/dist/genexus-ide-ui/p-db945a17.js +1 -0
- package/dist/genexus-ide-ui/{p-f0e51a7e.entry.js → p-df7996d5.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f9ee906c.entry.js → p-dfea4c44.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-73265efe.entry.js → p-e0556f4e.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-8d3073b6.js → p-e46e26a6.js} +1 -1
- package/dist/genexus-ide-ui/{p-150c3a00.entry.js → p-e4fb3d77.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-5c4aa66f.entry.js → p-e7c46bbe.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-dfeeb719.entry.js → p-e8e2f4c1.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-813a05f4.entry.js → p-ea363993.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-f1a3397d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f28601c2.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-17d87a16.entry.js → p-f5802cde.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6b02f3e8.entry.js → p-f71ee847.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-f8c8eebd.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-9c298bd5.entry.js → p-fec82adb.entry.js} +1 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/checkbox/checkbox.css +62 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-row-actions/ch-grid-row-actions.css +5 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/style/ch-style.css +3 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css +59 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x/tree-x.css +29 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x-list/tree-x-list.css +6 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x-list-item/tree-x-list-item.css +244 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/accordion/accordion.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/accordion-item/accordion-item.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/alert/alert.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/box/box.css +23 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button-group/button-group.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/color-picker/color-picker.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/column/column.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/columns/columns.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box/combo-box.css +23 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/container/container.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu/contextual-menu.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu-item/contextual-menu-item.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu-submenu/contextual-menu-submenu.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/demo/demo.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drag-box/drag-box.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drag-container/drag-container.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css +23 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/filter/gxg-filter.css +23 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox-group/gxg-form-checkbox-group.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-message/form-message.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio/form-radio.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio-group/form-radio-group.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +23 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/icon/icon.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +23 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/loader-gxg/loader.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-item/menu-item.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-list/menu-list.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/modal/modal.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/more-info/more-info.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/options/gxg-options.css +23 -10
- package/dist/node_modules/@genexus/gemini/dist/collection/components/pill/pill.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/progress-bar/progress-bar.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/scroll/scroll.css +682 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/separator/separator.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/slider/slider.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/spacer-layout/spacer-layout.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/spacer-one/spacer-one.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/stack/stack.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/stepper/stepper.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +37 -13
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css +23 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/title/title.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/toggle/toggle.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/toolbar/toolbar.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/toolbar-item/toolbar-item.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree/gxg-tree.css +23 -5
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +23 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/window/window.css +23 -5
- package/dist/types/common/render-combo-items.d.ts +2 -0
- package/dist/types/common/types.d.ts +2 -0
- package/dist/types/components/list-selector/list-selector-item/list-selector-item.d.ts +55 -0
- package/dist/types/components/list-selector/list-selector.d.ts +32 -0
- package/dist/types/components/team-dev-commit/team-dev-commit.d.ts +125 -0
- package/dist/types/components/team-dev-select-recent-comment/team-dev-select-recent-comment.d.ts +63 -0
- package/dist/types/components.d.ts +263 -0
- package/package.json +3 -3
- package/dist/cjs/ch-grid-rowset-legend_2.cjs.entry.js +0 -51
- package/dist/cjs/gxg-list-box-item.cjs.entry.js +0 -127
- package/dist/esm/ch-grid-rowset-legend_2.entry.js +0 -46
- package/dist/genexus-ide-ui/p-05ad8cad.js +0 -1
- package/dist/genexus-ide-ui/p-05b815a2.js +0 -1
- package/dist/genexus-ide-ui/p-1042318d.entry.js +0 -1
- package/dist/genexus-ide-ui/p-1367be09.entry.js +0 -1
- package/dist/genexus-ide-ui/p-1d4cf2ae.entry.js +0 -1
- package/dist/genexus-ide-ui/p-1dcba164.entry.js +0 -1
- package/dist/genexus-ide-ui/p-254f9ce7.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3a37f5ff.entry.js +0 -1
- package/dist/genexus-ide-ui/p-408bdfc6.entry.js +0 -1
- package/dist/genexus-ide-ui/p-4144fe18.entry.js +0 -1
- package/dist/genexus-ide-ui/p-41e8442b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-519919e4.entry.js +0 -1
- package/dist/genexus-ide-ui/p-78a90113.entry.js +0 -1
- package/dist/genexus-ide-ui/p-79cf24a3.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7fa78be9.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8b068072.entry.js +0 -1
- package/dist/genexus-ide-ui/p-999608fc.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b4e4fc69.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e0aed7f6.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e889c317.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ed7a2bee.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as s,g as o}from"./p-f9f51980.js";let n;const l=class{constructor(e){t(this,e),this.liItemClicked=i(this,"liItemClicked",7),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.checkboxClickedEvent=i(this,"checkboxClickedEvent",7),this.checkbox=!1,this.checked=!1,this.download=!1,this.downloading=!1,this.downloaded=!1,this.opened=!1,this.selected=!1,this.isLeaf=void 0,this.hasChildTree=!1,this.firstTreeItem=!1,this.disabled=!1,this.numberOfParentTrees=1,this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.firstTreeItemOfParentTree=!1,this.lastTreeItemOfParentTree=!1,this.rightIconColor="auto",this.numberOfDirectTreeItemsDescendants=0}componentWillLoad(){n||(n=this.el.parentElement),this.numberOfParentTrees=this.getParents(this.el);const t=this.el.querySelector('[slot="tree"]');void 0===this.isLeaf&&(null===t?this.isLeaf=!0:this.hasChildTree=!0),null===this.el.previousElementSibling&&(this.firstTreeItem=!0),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&null===this.el.previousElementSibling&&(this.firstTreeItemOfParentTree=!0),1===this.numberOfParentTrees&&null===this.el.nextElementSibling&&(this.lastTreeItemOfParentTree=!0),this.download&&this.rightIcon.includes("download")?this.rightIconColor="primary-enabled":this.disabled&&(this.rightIconColor="disabled"),this.download&&(this.hasChildTree=!0,this.isLeaf=!1,this.opened=!1),n.checkbox&&(this.checkbox=!0,this.checked=n.checked)}getNumberOfVisibleDescendants(){const t=this.el.querySelector(":scope > ch-tree");if(null!==t&&this.opened){const i=t.querySelectorAll("ch-tree-item.visible"),e=t.querySelectorAll(":scope > ch-tree-item.visible"),s=e[e.length-1];let o=0;s.opened&&(o=s.querySelector(":scope > ch-tree").querySelectorAll(":scope > ch-tree-item").length),i.length>0&&(this.numberOfDirectTreeItemsDescendants=i.length-o)}}setVisibleTreeItems(){const t=this.el.querySelector(":scope > ch-tree");if(null!==t){t.querySelectorAll(":scope > ch-tree-item").forEach(this.opened?t=>{t.classList.remove("not-visible"),t.classList.add("visible")}:t=>{t.classList.remove("visible"),t.classList.add("not-visible")})}}componentDidLoad(){this.setVisibleTreeItems(),this.getNumberOfVisibleDescendants()}watchHandler(t){}getParents(t){const i=[];for(;t&&t!==document;t=t.parentNode)"CH-TREE"===t.tagName&&i.push(t);return i.length}toggleTreeIconClicked(){this.opened=!this.opened,this.setVisibleTreeItems();const t=this.toggleIconClicked.emit();t.stopPropagation(),t.preventDefault()}async updateTreeVerticalLineHeight(){this.getNumberOfVisibleDescendants()}liTextClicked(){this.liItemClicked.emit(),this.selected=!0}liTextDoubleClicked(){this.toggleTreeIconClicked()}liTextKeyDownPressed(t){if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&(this.checkboxClicked(),this.download&&this.el.click()),"ArrowRight"!==t.key||this.isLeaf||(this.opened?this.el.querySelector("ch-tree").querySelector("ch-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0,this.setVisibleTreeItems(),this.toggleIconClicked.emit()),"ArrowLeft"===t.key){let t=!1;const i=this.el.parentElement.parentElement;let e=null;"CH-TREE-ITEM"===i.tagName&&(t=!0,e=i.shadowRoot.querySelector(".li-text")),this.isLeaf?t&&e.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&e.focus(),this.setVisibleTreeItems(),this.toggleIconClicked.emit()}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstTreeItemOfParentTree)){let i;const e=this.el.previousElementSibling;if(t.shiftKey&&"Tab"!==t.key)null!==e&&(i=e.shadowRoot.querySelector("li .li-text"));else if(null===e)i=this.el.parentElement.parentElement.shadowRoot.querySelector("li .li-text");else if(i=e.shadowRoot.querySelector("li .li-text"),null!==e&&e.hasChildTree)if(e.opened&&!this.download){const t=this.el.previousElementSibling.querySelector("ch-tree");i=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("ch-tree").lastElementChild.shadowRoot.querySelector("li .li-text"):t.lastElementChild.shadowRoot.querySelector("li .li-text")}else i=this.el.previousElementSibling.shadowRoot.querySelector("li .li-text");null!=i&&i.focus()}if("ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey)if(t.preventDefault(),this.lastTreeItemOfParentTree)this.el.classList.contains("not-leaf")&&this.el.shadowRoot.querySelector("li").classList.contains("tree-open")&&this.el.firstElementChild.firstElementChild.shadowRoot.querySelector("li .li-text").focus();else{let i;if(t.shiftKey)null!==this.el.nextElementSibling&&(i=this.el.nextElementSibling.shadowRoot.querySelector("li .li-text"));else if(this.lastTreeItem)if(this.hasChildTree&&this.opened)i=this.el.firstElementChild.firstElementChild.shadowRoot.querySelector(".li-text");else{const t=this.el.parentElement.parentElement,e=t.nextElementSibling;null===e?null!==t.parentElement.parentElement.nextElementSibling&&(i=t.parentElement.parentElement.nextElementSibling.shadowRoot.querySelector(".li-text")):i=e.shadowRoot.querySelector(".li-text")}else i=this.hasChildTree&&this.opened&&!this.download?this.el.querySelector("ch-tree ch-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=i&&i.focus()}}returnToggleIconType(){return!this.opened||this.download?"expand-icon":"collapse-icon"}returnPaddingLeft(){let t=0;return t=1!==this.numberOfParentTrees?31*(this.numberOfParentTrees-1)+5:5,this.itemPaddingLeft=t,t+"px"}returnVerticalLineLeftPosition(){return this.itemPaddingLeft+5+"px"}checkboxTabIndex(){return-1}liTextTabIndex(){return 1}setIndeterminate(){return!!this.indeterminate}checkboxClicked(){this.checkbox&&(this.checked=!this.checked,this.toggleTreeItemsCheckboxes(this.checked),this.checkboxClickedEvent.emit({checked:this.checked,id:this.el.id})),n.toggleCheckboxes&&this.el.querySelectorAll("ch-tree-item").forEach((t=>{t.checkbox&&(t.checked=!t.checked)}))}toggleTreeItemsCheckboxes(t){if(this.el.parentElement.toggleCheckboxes){this.indeterminate=!1;const i=this.el.querySelector("ch-tree");null!==i&&i.querySelectorAll("ch-tree-item").forEach((function(i){i.checked=!!t}))}}resolveLeftIcon(){return void 0!==this.leftIcon?this.leftIcon:""}resolveRightIcon(){return void 0!==this.rightIcon?this.rightIcon:""}render(){return e(s,{class:{leaf:this.isLeaf,"not-leaf":!this.isLeaf}},e("li",{class:{"tree-open":this.opened,disabled:this.disabled}},e("div",{class:{"li-text":!0,"li-text--not-leaf":!this.isLeaf,"li-text--leaf":this.isLeaf,"li-text--first-tree-item":this.firstTreeItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.returnPaddingLeft()},onClick:this.liTextClicked.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:this.liTextTabIndex(),part:"list-item"},!this.isLeaf||this.download?[e("span",{class:{"vertical-line":!0},style:{height:20*this.numberOfDirectTreeItemsDescendants-10+"px",left:this.returnVerticalLineLeftPosition()}}),e("div",{class:{"closed-opened-icons":!0}},e("div",{part:this.returnToggleIconType(),class:"icon toggle-icon",onClick:this.toggleTreeIconClicked.bind(this)}))]:null,e("span",{class:{"horizontal-line":!0,"display-none":1===this.numberOfParentTrees},style:{left:this.itemPaddingLeft+"px"}}),this.checkbox?e("ch-form-checkbox",{part:"checkbox",checked:this.checked,class:{checkbox:!0},tabIndex:this.checkboxTabIndex(),indeterminate:this.setIndeterminate(),disabled:this.disabled,onClick:this.checkboxClicked.bind(this)}):null,e("span",{part:"left-icon"}),this.leftIcon?e("ch-icon",{src:this.resolveLeftIcon(),"auto-color":this.disabled?"disabled":"auto",class:"icon",style:{"--icon-size":"14px"}}):null,e("span",{class:"text"},e("slot",null)),this.rightIcon?e("ch-icon",{src:this.resolveRightIcon(),color:this.rightIconColor,class:{"right-icon":!0},style:{"--icon-size":"14px"}}):null,e("span",{part:"right-icon"}),this.download?e("span",{class:{loading:!0}}):null),e("slot",{name:"tree"})))}static get assetsDirs(){return["tree-item-assets"]}get el(){return o(this)}static get watchers(){return{downloaded:["watchHandler"]}}};l.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}:host{--text-color:var(--black);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--darkGray);--item-hover-color:var(--lightGray);--item-active-color:var(--silverGray);display:block}:host .text{padding-left:var(--spacing-comp-01)}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);height:20px;overflow:hidden}:host li.tree-open{height:auto}:host li .li-text{height:100%;padding:0 var(--spacing-comp-02);cursor:pointer;display:flex;align-items:center;position:relative}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--item-active-color)}:host li .li-text:focus{outline:none;box-shadow:inset 0px 0px 0px 2px var(--color-primary-active)}:host li .li-text--selected{background-color:var(--item-active-color)}:host li .li-text--selected:hover{background-color:var(--item-hover-color)}:host li .vertical-line{position:absolute;width:1px;height:0;top:21px;left:15px;z-index:1;background-image:linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}:host li .horizontal-line{position:absolute;width:16px;height:1px;top:11px;z-index:1;margin-left:-23px;top:10px;background-image:linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x}:host li .horizontal-line.display-none{display:none}:host li .closed-opened-icons{position:relative;display:flex;margin-left:-2px}:host li .toggle-icon{position:relative;z-index:2;padding-left:3px;padding-right:3px;transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease}:host .checkbox{margin-right:var(--spacing-comp-01)}:host .icon{height:20px;justify-content:center;align-items:center;padding-left:2px;padding-right:2px}:host .right-icon{margin-inline-start:auto;position:relative;top:0;transition-property:top;transition-duration:0.5s;transition-timing-function:ease}:host .loading{opacity:1;display:inline;right:11px;top:-20px;position:absolute;z-index:1;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;border-radius:50%;width:8px;height:8px;border:0.18rem solid var(--gray-04);border-top-color:var(--gray-01);animation:spin 1s infinite linear}:host .loading--double{border-style:double;border-width:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.label input[disabled]{color:red}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}:host([downloading]){pointer-events:none}:host([downloading]) .right-icon{top:20px}:host([downloading]) .loading{top:3px}:host([downloaded]) .loading,:host([downloaded]) .right-icon{opacity:0}';export{l as ch_tree_item}
|
|
1
|
+
import{r as t,c as i,h as e,H as s,g as o}from"./p-976c3a09.js";let n;const l=class{constructor(e){t(this,e),this.liItemClicked=i(this,"liItemClicked",7),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.checkboxClickedEvent=i(this,"checkboxClickedEvent",7),this.checkbox=!1,this.checked=!1,this.download=!1,this.downloading=!1,this.downloaded=!1,this.opened=!1,this.selected=!1,this.isLeaf=void 0,this.hasChildTree=!1,this.firstTreeItem=!1,this.disabled=!1,this.numberOfParentTrees=1,this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.firstTreeItemOfParentTree=!1,this.lastTreeItemOfParentTree=!1,this.rightIconColor="auto",this.numberOfDirectTreeItemsDescendants=0}componentWillLoad(){n||(n=this.el.parentElement),this.numberOfParentTrees=this.getParents(this.el);const t=this.el.querySelector('[slot="tree"]');void 0===this.isLeaf&&(null===t?this.isLeaf=!0:this.hasChildTree=!0),null===this.el.previousElementSibling&&(this.firstTreeItem=!0),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&null===this.el.previousElementSibling&&(this.firstTreeItemOfParentTree=!0),1===this.numberOfParentTrees&&null===this.el.nextElementSibling&&(this.lastTreeItemOfParentTree=!0),this.download&&this.rightIcon.includes("download")?this.rightIconColor="primary-enabled":this.disabled&&(this.rightIconColor="disabled"),this.download&&(this.hasChildTree=!0,this.isLeaf=!1,this.opened=!1),n.checkbox&&(this.checkbox=!0,this.checked=n.checked)}getNumberOfVisibleDescendants(){const t=this.el.querySelector(":scope > ch-tree");if(null!==t&&this.opened){const i=t.querySelectorAll("ch-tree-item.visible"),e=t.querySelectorAll(":scope > ch-tree-item.visible"),s=e[e.length-1];let o=0;s.opened&&(o=s.querySelector(":scope > ch-tree").querySelectorAll(":scope > ch-tree-item").length),i.length>0&&(this.numberOfDirectTreeItemsDescendants=i.length-o)}}setVisibleTreeItems(){const t=this.el.querySelector(":scope > ch-tree");if(null!==t){t.querySelectorAll(":scope > ch-tree-item").forEach(this.opened?t=>{t.classList.remove("not-visible"),t.classList.add("visible")}:t=>{t.classList.remove("visible"),t.classList.add("not-visible")})}}componentDidLoad(){this.setVisibleTreeItems(),this.getNumberOfVisibleDescendants()}watchHandler(t){}getParents(t){const i=[];for(;t&&t!==document;t=t.parentNode)"CH-TREE"===t.tagName&&i.push(t);return i.length}toggleTreeIconClicked(){this.opened=!this.opened,this.setVisibleTreeItems();const t=this.toggleIconClicked.emit();t.stopPropagation(),t.preventDefault()}async updateTreeVerticalLineHeight(){this.getNumberOfVisibleDescendants()}liTextClicked(){this.liItemClicked.emit(),this.selected=!0}liTextDoubleClicked(){this.toggleTreeIconClicked()}liTextKeyDownPressed(t){if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&(this.checkboxClicked(),this.download&&this.el.click()),"ArrowRight"!==t.key||this.isLeaf||(this.opened?this.el.querySelector("ch-tree").querySelector("ch-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0,this.setVisibleTreeItems(),this.toggleIconClicked.emit()),"ArrowLeft"===t.key){let t=!1;const i=this.el.parentElement.parentElement;let e=null;"CH-TREE-ITEM"===i.tagName&&(t=!0,e=i.shadowRoot.querySelector(".li-text")),this.isLeaf?t&&e.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&e.focus(),this.setVisibleTreeItems(),this.toggleIconClicked.emit()}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstTreeItemOfParentTree)){let i;const e=this.el.previousElementSibling;if(t.shiftKey&&"Tab"!==t.key)null!==e&&(i=e.shadowRoot.querySelector("li .li-text"));else if(null===e)i=this.el.parentElement.parentElement.shadowRoot.querySelector("li .li-text");else if(i=e.shadowRoot.querySelector("li .li-text"),null!==e&&e.hasChildTree)if(e.opened&&!this.download){const t=this.el.previousElementSibling.querySelector("ch-tree");i=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("ch-tree").lastElementChild.shadowRoot.querySelector("li .li-text"):t.lastElementChild.shadowRoot.querySelector("li .li-text")}else i=this.el.previousElementSibling.shadowRoot.querySelector("li .li-text");null!=i&&i.focus()}if("ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey)if(t.preventDefault(),this.lastTreeItemOfParentTree)this.el.classList.contains("not-leaf")&&this.el.shadowRoot.querySelector("li").classList.contains("tree-open")&&this.el.firstElementChild.firstElementChild.shadowRoot.querySelector("li .li-text").focus();else{let i;if(t.shiftKey)null!==this.el.nextElementSibling&&(i=this.el.nextElementSibling.shadowRoot.querySelector("li .li-text"));else if(this.lastTreeItem)if(this.hasChildTree&&this.opened)i=this.el.firstElementChild.firstElementChild.shadowRoot.querySelector(".li-text");else{const t=this.el.parentElement.parentElement,e=t.nextElementSibling;null===e?null!==t.parentElement.parentElement.nextElementSibling&&(i=t.parentElement.parentElement.nextElementSibling.shadowRoot.querySelector(".li-text")):i=e.shadowRoot.querySelector(".li-text")}else i=this.hasChildTree&&this.opened&&!this.download?this.el.querySelector("ch-tree ch-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=i&&i.focus()}}returnToggleIconType(){return!this.opened||this.download?"expand-icon":"collapse-icon"}returnPaddingLeft(){let t=0;return t=1!==this.numberOfParentTrees?31*(this.numberOfParentTrees-1)+5:5,this.itemPaddingLeft=t,t+"px"}returnVerticalLineLeftPosition(){return this.itemPaddingLeft+5+"px"}checkboxTabIndex(){return-1}liTextTabIndex(){return 1}setIndeterminate(){return!!this.indeterminate}checkboxClicked(){this.checkbox&&(this.checked=!this.checked,this.toggleTreeItemsCheckboxes(this.checked),this.checkboxClickedEvent.emit({checked:this.checked,id:this.el.id})),n.toggleCheckboxes&&this.el.querySelectorAll("ch-tree-item").forEach((t=>{t.checkbox&&(t.checked=!t.checked)}))}toggleTreeItemsCheckboxes(t){if(this.el.parentElement.toggleCheckboxes){this.indeterminate=!1;const i=this.el.querySelector("ch-tree");null!==i&&i.querySelectorAll("ch-tree-item").forEach((function(i){i.checked=!!t}))}}resolveLeftIcon(){return void 0!==this.leftIcon?this.leftIcon:""}resolveRightIcon(){return void 0!==this.rightIcon?this.rightIcon:""}render(){return e(s,{class:{leaf:this.isLeaf,"not-leaf":!this.isLeaf}},e("li",{class:{"tree-open":this.opened,disabled:this.disabled}},e("div",{class:{"li-text":!0,"li-text--not-leaf":!this.isLeaf,"li-text--leaf":this.isLeaf,"li-text--first-tree-item":this.firstTreeItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.returnPaddingLeft()},onClick:this.liTextClicked.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:this.liTextTabIndex(),part:"list-item"},!this.isLeaf||this.download?[e("span",{class:{"vertical-line":!0},style:{height:20*this.numberOfDirectTreeItemsDescendants-10+"px",left:this.returnVerticalLineLeftPosition()}}),e("div",{class:{"closed-opened-icons":!0}},e("div",{part:this.returnToggleIconType(),class:"icon toggle-icon",onClick:this.toggleTreeIconClicked.bind(this)}))]:null,e("span",{class:{"horizontal-line":!0,"display-none":1===this.numberOfParentTrees},style:{left:this.itemPaddingLeft+"px"}}),this.checkbox?e("ch-form-checkbox",{part:"checkbox",checked:this.checked,class:{checkbox:!0},tabIndex:this.checkboxTabIndex(),indeterminate:this.setIndeterminate(),disabled:this.disabled,onClick:this.checkboxClicked.bind(this)}):null,e("span",{part:"left-icon"}),this.leftIcon?e("ch-icon",{src:this.resolveLeftIcon(),"auto-color":this.disabled?"disabled":"auto",class:"icon",style:{"--icon-size":"14px"}}):null,e("span",{class:"text"},e("slot",null)),this.rightIcon?e("ch-icon",{src:this.resolveRightIcon(),color:this.rightIconColor,class:{"right-icon":!0},style:{"--icon-size":"14px"}}):null,e("span",{part:"right-icon"}),this.download?e("span",{class:{loading:!0}}):null),e("slot",{name:"tree"})))}static get assetsDirs(){return["tree-item-assets"]}get el(){return o(this)}static get watchers(){return{downloaded:["watchHandler"]}}};l.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}:host{--text-color:var(--black);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--darkGray);--item-hover-color:var(--lightGray);--item-active-color:var(--silverGray);display:block}:host .text{padding-left:var(--spacing-comp-01)}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);height:20px;overflow:hidden}:host li.tree-open{height:auto}:host li .li-text{height:100%;padding:0 var(--spacing-comp-02);cursor:pointer;display:flex;align-items:center;position:relative}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--item-active-color)}:host li .li-text:focus{outline:none;box-shadow:inset 0px 0px 0px 2px var(--color-primary-active)}:host li .li-text--selected{background-color:var(--item-active-color)}:host li .li-text--selected:hover{background-color:var(--item-hover-color)}:host li .vertical-line{position:absolute;width:1px;height:0;top:21px;left:15px;z-index:1;background-image:linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}:host li .horizontal-line{position:absolute;width:16px;height:1px;top:11px;z-index:1;margin-left:-23px;top:10px;background-image:linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x}:host li .horizontal-line.display-none{display:none}:host li .closed-opened-icons{position:relative;display:flex;margin-left:-2px}:host li .toggle-icon{position:relative;z-index:2;padding-left:3px;padding-right:3px;transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease}:host .checkbox{margin-right:var(--spacing-comp-01)}:host .icon{height:20px;justify-content:center;align-items:center;padding-left:2px;padding-right:2px}:host .right-icon{margin-inline-start:auto;position:relative;top:0;transition-property:top;transition-duration:0.5s;transition-timing-function:ease}:host .loading{opacity:1;display:inline;right:11px;top:-20px;position:absolute;z-index:1;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;border-radius:50%;width:8px;height:8px;border:0.18rem solid var(--gray-04);border-top-color:var(--gray-01);animation:spin 1s infinite linear}:host .loading--double{border-style:double;border-width:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.label input[disabled]{color:red}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}:host([downloading]){pointer-events:none}:host([downloading]) .right-icon{top:20px}:host([downloading]) .loading{top:3px}:host([downloaded]) .loading,:host([downloaded]) .right-icon{opacity:0}';export{l as ch_tree_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as s,g as n,w as a}from"./p-976c3a09.js";import{m as h}from"./p-080f6c41.js";const r="ch-tree-x-list-item",d="ch-tree-x-list,"+r,o=(t,e)=>t.composedPath().includes(e),l=()=>document.activeElement.editing,c=class{constructor(i){t(this,i),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.itemsDropped=e(this,"itemsDropped",7),this.keyDownEvents={ArrowDown:t=>{o(t,this.el)&&!l()&&(t.preventDefault(),document.activeElement.focusNextItem(h(t)))},ArrowUp:t=>{o(t,this.el)&&!l()&&(t.preventDefault(),document.activeElement.focusPreviousItem(h(t)))},F2:t=>{document.activeElement.tagName.toLowerCase()===r&&(t.preventDefault(),document.activeElement.editing=!0)}},this.needForRAF=!0,this.lastPageX=0,this.lastPageY=0,this.selectedItemsInfo=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingItem=!1,this.level=-1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.showLines=!1,this.waitDropProcessing=!1,this.trackItemDragEnter=t=>{t.stopPropagation();const e=t.target;if(!this.validDroppableZone(e.id))return;if(e.tagName.toLowerCase()!==r)return;const i=e;i.dragState="enter",this.openSubTreeAfterCountdown(i)},this.validDroppableZone=t=>!this.draggedIds.includes(t)&&!this.draggedParentIds.includes(t),this.trackItemDragLeave=t=>{const e=t.target;if(e.tagName.toLowerCase()!==r)return;const i=e;i.dragState="none",this.cancelSubTreeOpening(i)},this.trackItemDrag=t=>{t.preventDefault(),this.lastPageX=t.pageX,this.lastPageY=t.pageY,this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-x-dragging-item-x",`${this.lastPageX}px`),this.el.style.setProperty("--ch-tree-x-dragging-item-y",`${this.lastPageY}px`)})))},this.handleKeyDownEvents=t=>{const e=this.keyDownEvents[t.key];e&&e(t)}}handleShowLinesChange(t){this.el.querySelectorAll(d).forEach((e=>{e.showLines=t}))}async scrollIntoVisible(t){const e=this.el.querySelector(`${r}#${t}`);if(!e)return;let i=e.parentElement.parentElement;for(;i.tagName.toLowerCase()===r;)i.expanded=!0,i=i.parentElement.parentElement;requestAnimationFrame((()=>{e.scrollIntoView()}))}handleItemDragStart(t){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=t.target,this.updateDragInfo(t.detail),this.el.addEventListener("dragenter",this.trackItemDragEnter,{capture:!0,passive:!0}),this.el.addEventListener("dragleave",this.trackItemDragLeave,{capture:!0,passive:!0}),setTimeout((()=>{this.draggingItem=!0}),10)}handleItemDragEnd(){this.draggingItem=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.el.removeEventListener("dragenter",this.trackItemDragEnter,{capture:!0}),this.el.removeEventListener("dragleave",this.trackItemDragLeave,{capture:!0}),this.resetVariables()}handleItemDrop(t){t.stopPropagation(),this.cancelSubTreeOpening(null,!0),this.validDroppableZone(t.target.id)&&this.itemsDropped.emit(t.detail)}handleSelectedItemChange(t){t.stopPropagation(),this.handleItemSelection(t.target,t.detail)}openSubTreeAfterCountdown(t){this.cancelSubTreeOpening(t),t.leaf||t.expanded||(this.lastOpenSubTreeItem=t,this.openSubTreeTimeout=setTimeout((()=>{t.expanded=!0}),this.openSubTreeCountdown))}cancelSubTreeOpening(t,e=!1){(this.lastOpenSubTreeItem===t||e)&&clearTimeout(this.openSubTreeTimeout)}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}updateDragInfo(t){const e=t.elem,i=this.selectedItemsInfo.has(e.id);let s;if(i){const t=[...this.selectedItemsInfo.keys()],i=t.length;this.draggedIds=t,s=t.join(","),this.dragInfo=1===i?e.caption:i.toString()}else s=e.id,this.draggedIds=[s],this.dragInfo=e.caption;this.getDirectParentsOfDraggableItems(i),t.dataTransfer.setData("text/plain",s)}getDirectParentsOfDraggableItems(t){if(t)this.selectedItemsInfo.forEach((t=>{const e=t.parentId;""!==e&&this.draggedParentIds.push(e)}));else{const t=this.currentDraggedItem.parentElement.parentElement;t.tagName.toLowerCase()===r&&this.draggedParentIds.push(t.id)}}handleItemSelection(t,e){e.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.forEach((t=>{t.itemRef.selected=!1})),this.clearSelectedItems(),t.selected=e.selected),e.selected?this.selectedItemsInfo.set(e.id,e):this.selectedItemsInfo.delete(e.id),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDownEvents,{capture:!0})}disconnectedCallback(){this.el.removeEventListener("keydown",this.handleKeyDownEvents),this.resetVariables(),this.handleItemDragEnd()}render(){return i(s,{class:{"ch-tree-x-dragging-item":this.draggingItem,"ch-tree-x-waiting-drop-processing":this.waitDropProcessing}},i("slot",null),this.draggingItem&&i("span",{"aria-hidden":"true",class:"ch-tree-x-drag-info"},this.dragInfo))}get el(){return n(this)}static get watchers(){return{showLines:["handleShowLinesChange"]}}};let p;c.style="ch-tree-x{display:flex}ch-tree-x.ch-tree-x-dragging-item :not(.ch-tree-x-list-item--accept-drop){pointer-events:none}ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--accept-drop{pointer-events:all}ch-tree-x.ch-tree-x-waiting-drop-processing{cursor:wait}ch-tree-x.ch-tree-x-waiting-drop-processing>ch-tree-x-list{pointer-events:none}.ch-tree-x-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));pointer-events:none;z-index:1}html[dir=rtl] .ch-tree-x-drag-info{--rtl-offset:-100%}";const g=class{constructor(e){t(this,e),this.level=0,this.showLines=!0,this.updateLastItemDashedLine=()=>{const t=this.slotRef.assignedElements();if(0===t.length)return;const e=t.length-1;for(let i=0;i<e;i++)t[i].lastItem=!1;t[e].lastItem=!0}}handleShowLinesChange(t){t&&this.updateLastItemDashedLine()}componentWillLoad(){const t=this.el.parentElement;this.level=t.level+1,p||(p=t),this.showLines=p.showLines}render(){return i(s,{role:0===this.level?"tree":"group"},i("slot",{onSlotchange:this.showLines&&0!==this.level?this.updateLastItemDashedLine:null,ref:t=>this.slotRef=t}))}get el(){return n(this)}static get watchers(){return{showLines:["handleShowLinesChange"]}}};g.style=":host{display:grid;grid-auto-rows:min-content;position:relative;width:100%}";const x=new Image,b="ch-tree-x-list-item",u=`:scope>*>${b}`,m=`${b}:not([disabled])`,f=`:scope>*>${b}:last-child`,v="expandable",w="Enter";let k;const y=class{constructor(s){t(this,s),this.checkboxChange=e(this,"checkboxChange",7),this.itemDragStart=e(this,"itemDragStart",7),this.itemDragEnd=e(this,"itemDragEnd",7),this.itemDrop=e(this,"itemDrop",7),this.loadLazyContent=e(this,"loadLazyContent",7),this.modifyCaption=e(this,"modifyCaption",7),this.selectedItemChange=e(this,"selectedItemChange",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.disabled=!1,this.dragState="none",this.downloading=!1,this.editing=!1,this.expanded=!1,this.lastItem=!1,this.lazyLoad=!1,this.leaf=!1,this.level=0,this.indeterminate=!1,this.selected=!1,this.showDownloadingSpinner=!0,this.showExpandableButton=!0,this.showLines=!0,this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=t=>{t.stopPropagation(),(t.code===w||"Escape"===t.code)&&(t.preventDefault(),this.removeEditMode(!0,t.code===w)())},this.removeEditModeOnClick=t=>{!t.composedPath().includes(this.inputRef)&&t.pointerType&&this.removeEditMode(!1)()},this.removeEditMode=(t,e=!1)=>()=>{if(!this.editing)return;this.editing=!1,document.body.removeEventListener("click",this.removeEditModeOnClick,{capture:!0});const i=this.inputRef.value;e&&""!==i.trim()&&this.modifyCaption.emit({id:this.el.id,caption:i}),t&&this.headerRef.focus()},this.toggleExpand=t=>{t.stopPropagation(),this.leaf||(this.expanded=!this.expanded),this.selected=!0,this.selectedItemChange.emit({ctrlKeyPressed:h(t),expanded:this.expanded,goToReference:!1,id:this.el.id,itemRef:this.el,parentId:this.el.parentElement.parentElement.id,selected:!0})},this.handleActionDblClick=t=>{t.stopPropagation(),h(t)?this.toggleSelected():this.toggleExpand(t)},this.handleActionClick=t=>{t.stopPropagation(),this.editing||(t.preventDefault(),t.pointerType?this.toggleOrSelect(t):this.toggleExpand(t))},this.handleActionKeyDown=t=>{h(t)&&t.code===w&&(t.stopPropagation(),this.toggleSelected())},this.handleCheckedChange=t=>{t.stopPropagation();const e=t.target.checked;this.checked=e,this.checkboxChange.emit(e)},this.renderImg=(t,e)=>i("img",{"aria-hidden":"true",class:t,part:t,alt:"",src:e,loading:"lazy"}),this.handleDragStart=t=>{t.stopPropagation(),this.editing?t.preventDefault():(t.dataTransfer.setDragImage(x,0,0),this.dragState="start",this.itemDragStart.emit({elem:this.el,dataTransfer:t.dataTransfer}))},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=t=>{t.stopPropagation(),this.dragState="none",this.itemDrop.emit({dropItemId:this.el.id,dataTransfer:t.dataTransfer})}}updateChildrenCheckedValue(t){!this.toggleCheckboxes||this.leaf||this.ignoreCheckboxChange?this.ignoreCheckboxChange=!1:this.getDirectTreeItems().forEach((e=>{e.checked=t}))}handleEditingChange(t){t&&(document.body.addEventListener("click",this.removeEditModeOnClick,{capture:!0}),a((()=>{requestAnimationFrame((()=>{this.inputRef&&this.inputRef.focus()}))})))}handleExpandedChange(t){this.lazyLoadItems(t)}handleLasItemChange(t){t&&this.showLines?this.setResizeObserver():this.disconnectObserver()}handleShowLinesChange(t){t&&this.lastItem?this.setResizeObserver():this.disconnectObserver(),k.showLines=t}updateCheckboxValue(t){if(!this.toggleCheckboxes)return;const e=t.detail,i=this.getDirectTreeItems().every((t=>t.checked===e));this.ignoreCheckboxChange=this.checked!==e,this.checked=e,this.indeterminate=!i}async focusNextItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(m);if(e)return void e.setFocus(t)}this.focusNextSibling(t)}async focusNextSibling(t){const e=this.el.nextElementSibling;e?e.disabled?e.focusNextItem(t):e.setFocus(t):0!==this.level&&this.el.parentElement.parentElement.focusNextSibling(t)}async focusPreviousItem(t){const e=this.el.previousElementSibling;if(e)return void e.focusLastItem(t);if(0===this.level)return;const i=this.el.parentElement.parentElement;i.disabled?i.focusPreviousItem(t):i.setFocus(t)}async focusLastItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(f);if(e)return void e.focusLastItem(t)}this.disabled?this.focusPreviousItem(t):this.setFocus(t)}async setFocus(t){this.headerRef.focus(),t||this.setSelected(!1)}getDirectTreeItems(){return Array.from(this.el.querySelectorAll(u))}setResizeObserver(){this.watcher=new ResizeObserver((()=>{const t=this.el.getBoundingClientRect().height-this.headerRef.getBoundingClientRect().height/2;this.el.style.setProperty("--distance-to-checkbox",t+"px")})),this.watcher.observe(this.el),this.watcher.observe(this.headerRef)}disconnectObserver(){this.watcher&&(this.watcher.disconnect(),this.watcher=null)}lazyLoadItems(t){this.lazyLoad&&t&&(this.lazyLoad=!1,this.loadLazyContent.emit(this.el.id))}toggleSelected(){const t=!this.selected;this.selected=t,this.selectedItemChange.emit({ctrlKeyPressed:!0,expanded:this.expanded,goToReference:!1,id:this.el.id,itemRef:this.el,parentId:this.el.parentElement.parentElement.id,selected:t})}setSelected(t){this.selected=!0,this.selectedItemChange.emit({ctrlKeyPressed:!1,expanded:this.expanded,goToReference:t,id:this.el.id,itemRef:this.el,parentId:this.el.parentElement.parentElement.id,selected:!0})}toggleOrSelect(t){h(t)?this.toggleSelected():this.setSelected(!0)}componentWillLoad(){const t=this.el.parentElement;if(this.level=t.level,k||(k=t.parentElement),this.showLines=k.showLines,this.lazyLoadItems(this.expanded),0===this.level)return;const e=t.parentElement;e.checkbox&&(this.checked=e.checked)}componentDidLoad(){this.lastItem&&this.showLines&&this.setResizeObserver()}disconnectedCallback(){this.editing&&this.removeEditMode(!1),this.disconnectObserver()}render(){const t=this.level%2==0,e=!this.leaf&&this.showExpandableButton,n=!this.leaf&&!this.showExpandableButton,a=!this.leaf&&"start"!==this.dragState,h=!this.leaf&&!this.lazyLoad;return i(s,{role:"treeitem","aria-selected":this.selected?"true":null,class:{[b+"--downloading"]:this.downloading,[b+"--editing"]:this.editing,[b+"--drag-"+this.dragState]:"none"!==this.dragState&&"start"!==this.dragState,[b+"--accept-drop"]:a},style:{"--level":`${this.level}`},onDrop:a?this.handleDrop:null},i("button",{"aria-controls":h?v:null,"aria-expanded":h?this.expanded.toString():null,class:{header:!0,"header--selected":this.selected,"header--disabled":this.disabled,"header--expandable-offset":e,"header--checkbox-offset":n&&this.checkbox,"header--even":t,"header--odd":!t,"header--even-expandable":t&&e,"header--odd-expandable":!t&&e,"header--level-0":0===this.level},part:`header${this.disabled?" disabled":""}${this.selected?" selected":""}`,type:"button",disabled:this.disabled,onClick:this.handleActionClick,onKeyDown:this.editing?null:this.handleActionKeyDown,draggable:!0,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd,ref:t=>this.headerRef=t},!this.leaf&&this.showExpandableButton&&i("button",{type:"button",class:{"expandable-button":!0,"expandable-button--expanded":this.expanded,"expandable-button--collapsed":!this.expanded},part:`expandable-button${this.disabled?" disabled":""}${this.expanded?" expanded":" collapsed"}`,disabled:this.disabled,onClick:this.toggleExpand}),this.checkbox&&i("ch-checkbox",{accessibleName:this.caption,class:"checkbox",part:`checkbox${this.disabled?" disabled":""}${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`,checkedValue:"true",disabled:this.disabled,indeterminate:this.indeterminate,unCheckedValue:"false",value:`${this.checked}`,onInput:this.handleCheckedChange}),i("div",{class:{action:!0,"readonly-mode":!this.editing},onDblClick:this.leaf?null:this.handleActionDblClick},this.leftImgSrc&&this.renderImg("left-img",this.leftImgSrc),this.editing?i("input",{class:"edit-name",part:"edit-name",disabled:this.disabled,type:"text",value:this.caption,onBlur:this.removeEditMode(!1),onKeyDown:this.checkIfShouldRemoveEditMode,ref:t=>this.inputRef=t}):this.caption,this.rightImgSrc&&this.renderImg("right-img",this.rightImgSrc)),this.showDownloadingSpinner&&!this.leaf&&this.downloading&&i("div",{class:"downloading",part:"downloading"}),this.showLines&&0!==this.level&&i("div",{class:{"dashed-line":!0,"last-dashed-line":this.lastItem},part:"dashed-line"+(this.lastItem?" last-dashed-line":"")})),h&&i("div",{"aria-busy":this.downloading.toString(),"aria-live":this.downloading?"polite":null,id:v,class:{expandable:!0,expanded:this.expanded},part:"expandable"+(this.expanded?" expanded":"")},i("slot",{name:"tree"})))}get el(){return n(this)}static get watchers(){return{checked:["updateChildrenCheckedValue"],editing:["handleEditingChange"],expanded:["handleExpandedChange"],lastItem:["handleLasItemChange"],showLines:["handleShowLinesChange"]}}};y.style=':where(button){all:unset;display:flex;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-user-drag:element}*,::before,::after{box-sizing:border-box}:host{--checkbox-size:1em;--expandable-button-width:12px;--tab-width:calc(\n var(--checkbox-size) + var(--expandable-button-width) +\n (5px * 2)\n );display:grid;grid-template-rows:min-content}.header{--own-offset:0px;display:flex;align-items:center;min-height:calc(1em + 6px);padding-inline-start:var(--padding-inline-start)}.header--disabled{opacity:0.5;pointer-events:none}.header--even{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--even-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--even-expandable+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--odd-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd-expandable+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--level-0{--padding-inline-start:0px}.header--level-0+.expandable{--parent-padding-inline-start--even:0px}.header--expandable-offset{--own-offset:calc(\n var(--expandable-button-width) + 5px\n )}.header--expandable-offset+.expandable{--parent-expandable-offset:calc(var(--expandable-button-width) / 2)}.header--checkbox-offset+.expandable{--parent-checkbox-offset:calc(var(--checkbox-size) / 2);--parent-negative-checkbox-offset:calc(var(--checkbox-size) / 2)}.dashed-line{position:absolute;inset-inline-start:var(--inset-inline-start);height:1px;width:calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - 4px );border:0 dashed #a9a9a9;border-block-end-width:1px;pointer-events:none;content-visibility:hidden;contain-intrinsic-size:auto 100px}.last-dashed-line{inset-block-start:0;height:calc(100% - var(--distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px;pointer-events:none}.expandable-button{display:grid;place-items:center;width:var(--expandable-button-width);height:var(--expandable-button-width);margin-inline-end:5px;z-index:1}.expandable-button::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;-webkit-mask-size:calc(var(--expandable-button-width) - 2px)}.expandable-button--collapsed::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>\')}.expandable-button--expanded::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>\')}.expandable-button:focus-visible{outline:1px solid #000}.checkbox{margin-inline-end:5px}.action{display:grid;grid-template:"left-img text right-img"/max-content 1fr max-content;align-items:center;height:100%;flex:1}.readonly-mode{padding-block:0.75px}.left-img,.right-img{display:block;width:0.875em;height:0.875em}.left-img{grid-area:left-img;margin-inline-end:6px}.right-img{grid-area:right-img;margin-inline-start:6px}.edit-name{grid-area:text;width:100%;height:100%;background-color:unset;padding:0;margin:0;border:1px solid currentColor;font:unset;outline:unset}.downloading{width:0.75em;height:0.75em;margin-inline-start:8px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{--parent-expandable-offset:0px;--parent-negative-checkbox-offset:0px;--parent-checkbox-offset:0px;display:grid;grid-template-rows:0fr;content-visibility:auto;contain-intrinsic-size:auto 100px}.expanded{grid-template-rows:1fr}:not(.expanded) ::slotted([slot=tree]){display:none;overflow:hidden;content-visibility:hidden}';export{c as ch_tree_x,g as ch_tree_x_list,y as ch_tree_x_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,g as r}from"./p-f9f51980.js";const i=class{constructor(e){t(this,e),this.visible=!1,this.firstRightClick=!0,this.contextualMenuSizes={width:0,height:0},this.detectClickOutsideMenu=this.detectClickOutsideMenu.bind(this)}watchHandler(t){if(t){const t=this.contextualMenuSizes.width=this.el.offsetWidth,e=this.contextualMenuSizes.height=this.el.offsetHeight,o=window.innerWidth-this.leftPosition,r=window.innerHeight-this.topPosition;this.widthOverflow=o<t,this.heightOverflow=r<e}}detectClickOutsideMenu(t){this.topPosition=t.clientY,this.leftPosition=t.clientX;const e=this.el.shadowRoot.querySelector(".contextual-menu-list"),o=t.x,r=t.y,i=e.getBoundingClientRect();o>i.left&&o<i.right&&r>i.top&&r<i.bottom||(this.firstRightClick?this.visible&&(this.firstRightClick=!1):(this.visible=!1,this.firstRightClick=!0))}saveMouseCoordinates(t){this.topPosition=t.clientX,this.leftPosition=t.clientY}componentDidLoad(){document.addEventListener("click",this.detectClickOutsideMenu),document.addEventListener("contextmenu",this.detectClickOutsideMenu)}componentDidUnload(){document.removeEventListener("click",this.detectClickOutsideMenu),document.removeEventListener("contextmenu",this.detectClickOutsideMenu)}render(){return e(o,{visible:this.visible,class:{"width-overflow":this.widthOverflow,"height-overflow":this.heightOverflow},style:{top:`${this.topPosition}px`,left:`${this.leftPosition}px`}},e("ul",{class:"contextual-menu-list"},e("slot",null)))}get el(){return r(this)}static get watchers(){return{visible:["watchHandler"]}}};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}:host{display:none;position:fixed;z-index:999999999}:host .contextual-menu-list{display:inline-block;border-width:1px;border-style:solid;border-color:var(--gray-03);border-radius:2px;background-color:var(--color-background);margin:0;padding:2px 0}:host([visible]){display:block}:host(.width-overflow){transform:translateX(-100%)}:host(.height-overflow){transform:translateY(-100%)}:host(.width-overflow.height-overflow){transform:translateX(-100%) translateY(-100%)}";export{i as gxg_contextual_menu}
|
|
1
|
+
import{r as t,h as r,H as e,g as o}from"./p-976c3a09.js";const i=class{constructor(r){t(this,r),this.visible=!1,this.firstRightClick=!0,this.contextualMenuSizes={width:0,height:0},this.detectClickOutsideMenu=this.detectClickOutsideMenu.bind(this)}watchHandler(t){if(t){const t=this.contextualMenuSizes.width=this.el.offsetWidth,r=this.contextualMenuSizes.height=this.el.offsetHeight,e=window.innerWidth-this.leftPosition,o=window.innerHeight-this.topPosition;this.widthOverflow=e<t,this.heightOverflow=o<r}}detectClickOutsideMenu(t){this.topPosition=t.clientY,this.leftPosition=t.clientX;const r=this.el.shadowRoot.querySelector(".contextual-menu-list"),e=t.x,o=t.y,i=r.getBoundingClientRect();e>i.left&&e<i.right&&o>i.top&&o<i.bottom||(this.firstRightClick?this.visible&&(this.firstRightClick=!1):(this.visible=!1,this.firstRightClick=!0))}saveMouseCoordinates(t){this.topPosition=t.clientX,this.leftPosition=t.clientY}componentDidLoad(){document.addEventListener("click",this.detectClickOutsideMenu),document.addEventListener("contextmenu",this.detectClickOutsideMenu)}componentDidUnload(){document.removeEventListener("click",this.detectClickOutsideMenu),document.removeEventListener("contextmenu",this.detectClickOutsideMenu)}render(){return r(e,{visible:this.visible,class:{"width-overflow":this.widthOverflow,"height-overflow":this.heightOverflow},style:{top:`${this.topPosition}px`,left:`${this.leftPosition}px`}},r("ul",{class:"contextual-menu-list"},r("slot",null)))}get el(){return o(this)}static get watchers(){return{visible:["watchHandler"]}}};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:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:none;position:fixed;z-index:999999999}:host .contextual-menu-list{display:inline-block;border-width:1px;border-style:solid;border-color:var(--gray-03);border-radius:2px;background-color:var(--color-background);margin:0;padding:2px 0}:host([visible]){display:block}:host(.width-overflow){transform:translateX(-100%)}:host(.height-overflow){transform:translateY(-100%)}:host(.width-overflow.height-overflow){transform:translateX(-100%) translateY(-100%)}";export{i as gxg_contextual_menu}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as i,g as r}from"./p-f9f51980.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-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 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as r,H as i,g as e}from"./p-f9f51980.js";import{f as n,r as a}from"./p-cc7d6bdf.js";import{f as s,c as l}from"./p-e7e4f76c.js";import{s as c}from"./p-8d3073b6.js";import{e as g}from"./p-d8501cb4.js";const p=class{constructor(r){t(this,r),this.input=o(this,"input",7),this.change=o(this,"change",7),this.clearButtonClicked=o(this,"clearButtonClicked",7),this.valueChanged=o(this,"valueChanged",7),this.parts={input:"input"},this.clearButton=!1,this.disabled=!1,this.readonly=!1,this.icon=null,this.cursorEnd=!1,this.iconPosition=null,this.labelPosition="above",this.borderless=!1,this.minimal=!1,this.overDarkBackground=!1,this.required=!1,this.centerLabel=!1,this.preventValueChangedEmit=!1,this.preventValueChangeOnDisabled=!1,this.validationStatus="indeterminate",this.maxWidth="100%",this.width="100%",this.textStyle="regular",this.password=!1,this.maxLength=void 0,this.minLength=void 0,this.cursorInside=!1,this.inputSize="auto",this.mouseCoordinates={x:null,y:null},this.rtl=!1,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=g(t,this.parts);o.length&&(this.exportparts=o)}}watchHandler(t){this.preventValueChangedEmit||this.valueChanged.emit(t),this.minimal&&this.updateGhostSpan()}disabledHandler(t){this.preventValueChangeOnDisabled||(!0===t?(this.valueBeforeDisabled=this.value,this.value=null):this.value=this.valueBeforeDisabled)}async selectInputText(){this.textInput.focus(),this.textInput.select()}componentWillLoad(){this.attachExportParts()}iconPositionFunc(){if(null!==this.iconPosition&&null!==this.icon)return this.iconPosition}inputIcon(){const t=this.iconSize();if(null!==this.iconPosition&&null!==this.icon)return r("gxg-icon","warning"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"warning"}:"error"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"error"}:{class:"custom-icon",type:this.icon,size:t,color:"auto"})}handleInput(t){t.stopPropagation();const o=t.target;this.value=o.value,this.input.emit(o.value)}handleChange(t){t.stopPropagation();const o=t.target;this.value=o.value,this.change.emit(o.value)}onFocusHandler(){this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}clearButtonFunc(){this.clearButtonClicked.emit({prevValue:this.value}),this.value=""}updateGhostSpan(){if(this.minimal){const t=this.el.shadowRoot.querySelector(".ghost-span");t.innerHTML=this.value;const o=t.offsetWidth+5;this.el.shadowRoot.querySelector(".input").style.width=o+"px"}}mouseEnterHandler(){setTimeout(function(){const t=this.el.shadowRoot.querySelector(".input").getBoundingClientRect();this.mouseCoordinates.x>t.left&&this.mouseCoordinates.x<t.right&&this.mouseCoordinates.y>t.top&&this.mouseCoordinates.y<t.bottom&&(this.cursorInside=!0)}.bind(this),500)}mouseOutHandler(){this.cursorInside=!1}mouseMoveHandler(t){this.mouseCoordinates.x=t.clientX,this.mouseCoordinates.y=t.clientY}componentDidLoad(){this.minimal&&(document.addEventListener("mousemove",this.mouseMoveHandler.bind(this)),new IntersectionObserver(function(t){if(t[0].intersectionRatio<=0)return;const o=this.el.shadowRoot.querySelector(".input"),r=window.getComputedStyle(o),i=this.el.shadowRoot.querySelector(".ghost-span");i.style.position="fixed",i.style.left="-1000px",i.style.top="-1000px",i.style.zIndex="-1000",i.style.opacity="0",i.style.fontSize=r.fontSize,i.style.fontFamily=r.fontFamily,i.style.textTransform=r.textTransform,i.style.display="inline-block",i.style.paddingLeft=r.paddingRight,i.style.paddingRight=r.paddingRight,i.style.letterSpacing=r.letterSpacing,i.style.fontWeight=r.fontWeight;const e=i.offsetWidth+5;o.style.width="0px";const n=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.width=e+"px",o.style.maxWidth=n+"px";const a=new ResizeObserver((()=>{o.style.width="0px";const t=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.maxWidth=t+"px",o.style.width=e+"px"})),s=this.el.shadowRoot.querySelector(".inner-wrapper");a.observe(s)}.bind(this)).observe(this.el.shadowRoot.querySelector(".input")));const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}componentDidUnload(){this.minimal&&document.removeEventListener("mousemove",this.mouseMoveHandler)}iconSize(){return c.large?"regular":"small"}type(){return this.password?"password":"text"}render(){return r(i,{role:"textbox","aria-label":this.label,"icon-position":this.iconPositionFunc(),style:{width:this.width,maxWidth:this.maxWidth},class:{rtl:this.rtl,large:c.large,borderless:this.borderless,[s.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[s.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[s.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[s.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.minimal?r("span",{class:"ghost-span"},this.value):null,r("div",{class:{"outer-wrapper":!0}},this.label?r("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label,a(this)):"",r("div",{class:{"inner-wrapper":!0,"clear-button":!0===this.clearButton}},r("input",{part:this.parts.input,type:this.type(),value:this.value,class:{input:!0,"form-element":!0,"cursor-inside":this.cursorInside,"clear-button":!0===this.clearButton,"custom-icon":this.icon,"custom-icon--end":"end"===this.iconPosition,"input--borderless":this.borderless},placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,onInput:this.handleInput.bind(this),onChange:this.handleChange.bind(this),onFocus:this.onFocusHandler.bind(this),required:this.required,onMouseEnter:this.mouseEnterHandler.bind(this),onMouseOut:this.mouseOutHandler.bind(this),ref:t=>this.textInput=t,maxLength:this.maxLength?parseInt(this.maxLength):null,minLength:this.minLength?parseInt(this.minLength):null}),this.inputIcon(),this.clearButton?r("gxg-icon",{class:"clear-button",type:"gemini-tools/close",size:this.iconSize(),color:"onbackground",onClick:this.clearButtonFunc.bind(this)}):null,"start"===this.labelPosition?n(this):null)),"above"===this.labelPosition?n(this):null)}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["watchHandler"],disabled:["disabledHandler"]}}};p.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}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .outer-wrapper{position:relative;width:100%}:host .inner-wrapper{display:flex;flex-direction:column;position:relative;flex:1}:host .inner-wrapper gxg-icon{position:absolute}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-inline-start:2px}:host input{position:relative;width:100%}:host([label-position=start]) .outer-wrapper{display:flex;flex-direction:row}:host input[type=text],:host input[type=password]{border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:var(--gxg-form-text-height);box-sizing:border-box}:host input[type=text]:focus,:host input[type=password]:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host input[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host input[disabled]::-webkit-input-placeholder{color:var(--gray-04)}:host .input--borderless{border-color:transparent !important}:host input[readonly]{cursor:default}:host([minimal]) input[type=text]:not(:focus),:host([minimal]) input[type=password]:not(:focus){border-color:transparent;background-color:transparent}:host([minimal]) input.cursor-inside{border-color:var(--gray-02) !important;background-color:var(--color-background)}:host([minimal]) input[type=text]:focus,:host([minimal]) input[type=password]:focus{border-color:transparent}:host([minimal]:not([icon-position=start])) input[type=text],:host([minimal]:not([icon-position=start])) input[type=password]{padding-inline-start:0}:host([minimal]:not([icon-position=start])) input.cursor-inside{padding-inline-start:var(--spacing-comp-01)}:host([minimal]:not([icon-position=start])) input[type=text]:focus,:host([minimal]:not([icon-position=start])) input[type=password]:focus{padding-inline-start:var(--spacing-comp-01)}:host([minimal][over-dark-background]) input[type=text]:not(:focus),:host([minimal][over-dark-background]) input[type=password]:not(:focus){color:var(--color-on-primary)}:host gxg-icon{top:50%;transform:translateY(-50%)}:host([icon-position=end]) .clear-button gxg-icon:not(.clear-button){right:16px}:host([icon-position=start]) input{padding-inline-start:20px}:host([icon-position=end]) input{padding-inline-end:20px}:host([icon-position=end]) .inner-wrapper{flex-direction:row-reverse}:host gxg-icon.clear-button{left:auto;opacity:0.5;cursor:pointer}:host gxg-icon.clear-button:hover{opacity:1}:host([clear-button][icon-position=end]) gxg-icon:not(.clear-button){right:16px}:host([clear-button][icon-position=end]) input{padding-inline-end:36px}.custom-icon:has(+.clear-button){}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host([text-style=regular]) input{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}:host([text-style=quote]) input{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}:host([text-style=title-01]) input{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}:host([text-style=title-02]) input{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}:host([text-style=title-03]) input{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}:host([text-style=title-04]) input{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}:host([text-style=title-05]) input{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}:host(.rtl[icon-position=start]) gxg-icon{right:0;left:auto}:host(.rtl[icon-position=end]) gxg-icon{right:auto;left:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) input{font-size:var(--font-size-lg)}:host(.large) input[type=text],:host(.large) input[type=password]{padding-left:7px;padding-right:7px}:host(.large[icon-position=start]) input{padding-inline-start:var(--spacing-comp-05)}:host(.large[icon-position=start]) input .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) input{padding-inline-end:var(--spacing-comp-05)}:host(.large[icon-position=start]) .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) .inner-wrapper gxg-icon{right:4px;left:auto}:host(.large) gxg-icon.clear-button{right:5px !important;left:auto !important}:host(.large[icon-position=end][clear-button]) .inner-wrapper gxg-icon{right:26px}:host(.large[icon-position=start][clear-button]) input{padding-inline-end:26px}:host(.large[icon-position=end][clear-button]) input{padding-inline-end:48px}";export{p as gxg_form_text}
|
|
1
|
+
import{r as t,c as o,h as r,H as i,g as e}from"./p-976c3a09.js";import{a as n,r as a}from"./p-01406cbc.js";import{f as s,c as l}from"./p-e7e4f76c.js";import{s as c}from"./p-e46e26a6.js";import{e as g}from"./p-d8501cb4.js";const p=class{constructor(r){t(this,r),this.input=o(this,"input",7),this.change=o(this,"change",7),this.clearButtonClicked=o(this,"clearButtonClicked",7),this.valueChanged=o(this,"valueChanged",7),this.parts={input:"input"},this.clearButton=!1,this.disabled=!1,this.readonly=!1,this.icon=null,this.cursorEnd=!1,this.iconPosition=null,this.labelPosition="above",this.borderless=!1,this.minimal=!1,this.overDarkBackground=!1,this.required=!1,this.centerLabel=!1,this.preventValueChangedEmit=!1,this.preventValueChangeOnDisabled=!1,this.validationStatus="indeterminate",this.maxWidth="100%",this.width="100%",this.textStyle="regular",this.password=!1,this.maxLength=void 0,this.minLength=void 0,this.cursorInside=!1,this.inputSize="auto",this.mouseCoordinates={x:null,y:null},this.rtl=!1,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=g(t,this.parts);o.length&&(this.exportparts=o)}}watchHandler(t){this.preventValueChangedEmit||this.valueChanged.emit(t),this.minimal&&this.updateGhostSpan()}disabledHandler(t){this.preventValueChangeOnDisabled||(!0===t?(this.valueBeforeDisabled=this.value,this.value=null):this.value=this.valueBeforeDisabled)}async selectInputText(){this.textInput.focus(),this.textInput.select()}componentWillLoad(){this.attachExportParts()}iconPositionFunc(){if(null!==this.iconPosition&&null!==this.icon)return this.iconPosition}inputIcon(){const t=this.iconSize();if(null!==this.iconPosition&&null!==this.icon)return r("gxg-icon","warning"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"warning"}:"error"===this.validationStatus?{class:"custom-icon",type:this.icon,size:t,color:"error"}:{class:"custom-icon",type:this.icon,size:t,color:"auto"})}handleInput(t){t.stopPropagation();const o=t.target;this.value=o.value,this.input.emit(o.value)}handleChange(t){t.stopPropagation();const o=t.target;this.value=o.value,this.change.emit(o.value)}onFocusHandler(){this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}clearButtonFunc(){this.clearButtonClicked.emit({prevValue:this.value}),this.value=""}updateGhostSpan(){if(this.minimal){const t=this.el.shadowRoot.querySelector(".ghost-span");t.innerHTML=this.value;const o=t.offsetWidth+5;this.el.shadowRoot.querySelector(".input").style.width=o+"px"}}mouseEnterHandler(){setTimeout(function(){const t=this.el.shadowRoot.querySelector(".input").getBoundingClientRect();this.mouseCoordinates.x>t.left&&this.mouseCoordinates.x<t.right&&this.mouseCoordinates.y>t.top&&this.mouseCoordinates.y<t.bottom&&(this.cursorInside=!0)}.bind(this),500)}mouseOutHandler(){this.cursorInside=!1}mouseMoveHandler(t){this.mouseCoordinates.x=t.clientX,this.mouseCoordinates.y=t.clientY}componentDidLoad(){this.minimal&&(document.addEventListener("mousemove",this.mouseMoveHandler.bind(this)),new IntersectionObserver(function(t){if(t[0].intersectionRatio<=0)return;const o=this.el.shadowRoot.querySelector(".input"),r=window.getComputedStyle(o),i=this.el.shadowRoot.querySelector(".ghost-span");i.style.position="fixed",i.style.left="-1000px",i.style.top="-1000px",i.style.zIndex="-1000",i.style.opacity="0",i.style.fontSize=r.fontSize,i.style.fontFamily=r.fontFamily,i.style.textTransform=r.textTransform,i.style.display="inline-block",i.style.paddingLeft=r.paddingRight,i.style.paddingRight=r.paddingRight,i.style.letterSpacing=r.letterSpacing,i.style.fontWeight=r.fontWeight;const e=i.offsetWidth+5;o.style.width="0px";const n=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.width=e+"px",o.style.maxWidth=n+"px";const a=new ResizeObserver((()=>{o.style.width="0px";const t=this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth-5;o.style.maxWidth=t+"px",o.style.width=e+"px"})),s=this.el.shadowRoot.querySelector(".inner-wrapper");a.observe(s)}.bind(this)).observe(this.el.shadowRoot.querySelector(".input")));const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}componentDidUnload(){this.minimal&&document.removeEventListener("mousemove",this.mouseMoveHandler)}iconSize(){return c.large?"regular":"small"}type(){return this.password?"password":"text"}render(){return r(i,{role:"textbox","aria-label":this.label,"icon-position":this.iconPositionFunc(),style:{width:this.width,maxWidth:this.maxWidth},class:{rtl:this.rtl,large:c.large,borderless:this.borderless,[s.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[s.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[s.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[s.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.minimal?r("span",{class:"ghost-span"},this.value):null,r("div",{class:{"outer-wrapper":!0}},this.label?r("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label,a(this)):"",r("div",{class:{"inner-wrapper":!0,"clear-button":!0===this.clearButton}},r("input",{part:this.parts.input,type:this.type(),value:this.value,class:{input:!0,"form-element":!0,"cursor-inside":this.cursorInside,"clear-button":!0===this.clearButton,"custom-icon":this.icon,"custom-icon--end":"end"===this.iconPosition,"input--borderless":this.borderless},placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,onInput:this.handleInput.bind(this),onChange:this.handleChange.bind(this),onFocus:this.onFocusHandler.bind(this),required:this.required,onMouseEnter:this.mouseEnterHandler.bind(this),onMouseOut:this.mouseOutHandler.bind(this),ref:t=>this.textInput=t,maxLength:this.maxLength?parseInt(this.maxLength):null,minLength:this.minLength?parseInt(this.minLength):null}),this.inputIcon(),this.clearButton?r("gxg-icon",{class:"clear-button",type:"gemini-tools/close",size:this.iconSize(),color:"onbackground",onClick:this.clearButtonFunc.bind(this)}):null,"start"===this.labelPosition?n(this):null)),"above"===this.labelPosition?n(this):null)}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["watchHandler"],disabled:["disabledHandler"]}}};p.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:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .outer-wrapper{position:relative;width:100%}:host .inner-wrapper{display:flex;flex-direction:column;position:relative;flex:1}:host .inner-wrapper gxg-icon{position:absolute}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-inline-start:2px}:host input{position:relative;width:100%}:host([label-position=start]) .outer-wrapper{display:flex;flex-direction:row}:host input[type=text],:host input[type=password]{border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:var(--gxg-form-text-height);box-sizing:border-box}:host input[type=text]:focus,:host input[type=password]:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host input[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host input[disabled]::-webkit-input-placeholder{color:var(--gray-04)}:host .input--borderless{border-color:transparent !important}:host input[readonly]{cursor:default}:host([minimal]) input[type=text]:not(:focus),:host([minimal]) input[type=password]:not(:focus){border-color:transparent;background-color:transparent}:host([minimal]) input.cursor-inside{border-color:var(--gray-02) !important;background-color:var(--color-background)}:host([minimal]) input[type=text]:focus,:host([minimal]) input[type=password]:focus{border-color:transparent}:host([minimal]:not([icon-position=start])) input[type=text],:host([minimal]:not([icon-position=start])) input[type=password]{padding-inline-start:0}:host([minimal]:not([icon-position=start])) input.cursor-inside{padding-inline-start:var(--spacing-comp-01)}:host([minimal]:not([icon-position=start])) input[type=text]:focus,:host([minimal]:not([icon-position=start])) input[type=password]:focus{padding-inline-start:var(--spacing-comp-01)}:host([minimal][over-dark-background]) input[type=text]:not(:focus),:host([minimal][over-dark-background]) input[type=password]:not(:focus){color:var(--color-on-primary)}:host gxg-icon{top:50%;transform:translateY(-50%)}:host([icon-position=end]) .clear-button gxg-icon:not(.clear-button){right:16px}:host([icon-position=start]) input{padding-inline-start:20px}:host([icon-position=end]) input{padding-inline-end:20px}:host([icon-position=end]) .inner-wrapper{flex-direction:row-reverse}:host gxg-icon.clear-button{left:auto;opacity:0.5;cursor:pointer}:host gxg-icon.clear-button:hover{opacity:1}:host([clear-button][icon-position=end]) gxg-icon:not(.clear-button){right:16px}:host([clear-button][icon-position=end]) input{padding-inline-end:36px}.custom-icon:has(+.clear-button){}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host([text-style=regular]) input{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}:host([text-style=quote]) input{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}:host([text-style=title-01]) input{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}:host([text-style=title-02]) input{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}:host([text-style=title-03]) input{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}:host([text-style=title-04]) input{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}:host([text-style=title-05]) input{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}:host(.rtl[icon-position=start]) gxg-icon{right:0;left:auto}:host(.rtl[icon-position=end]) gxg-icon{right:auto;left:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) input{font-size:var(--font-size-lg)}:host(.large) input[type=text],:host(.large) input[type=password]{padding-left:7px;padding-right:7px}:host(.large[icon-position=start]) input{padding-inline-start:var(--spacing-comp-05)}:host(.large[icon-position=start]) input .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) input{padding-inline-end:var(--spacing-comp-05)}:host(.large[icon-position=start]) .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) .inner-wrapper gxg-icon{right:4px;left:auto}:host(.large) gxg-icon.clear-button{right:5px !important;left:auto !important}:host(.large[icon-position=end][clear-button]) .inner-wrapper gxg-icon{right:26px}:host(.large[icon-position=start][clear-button]) input{padding-inline-end:26px}:host(.large[icon-position=end][clear-button]) input{padding-inline-end:48px}";export{p as gxg_form_text}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,H as r,g as i}from"./p-f9f51980.js";import{s as a}from"./p-8d3073b6.js";import{e as n}from"./p-d8501cb4.js";const l=class{constructor(e){t(this,e),this.pillRemoved=o(this,"pillRemoved",7),this.parts={removeButton:"remove-button"},this.disabled=!1,this.icon=void 0,this.heightAuto=!1,this.type="static",this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=n(t,this.parts);o.length&&(this.exportparts=o)}}componentWillLoad(){this.attachExportParts()}removeButtonFunc(){this.pillRemoved.emit(this.id),this.el.classList.add("hide"),setTimeout((()=>{this.el.remove()}),250)}iconType(){return void 0!==this.icon?this.icon:"gemini-tools/empty"}iconColor(){return this.disabled?"disabled":"success"}render(){return e(r,{tabindex:"0",class:{"no-icon":void 0===this.icon,"has-icon":void 0!==this.icon,large:a.large},exportParts:this.exportparts?this.exportparts:null},e("gxg-icon",{class:"custom",type:this.iconType(),size:"regular",color:this.iconColor()}),e("span",{class:"title"},e("slot",null)),"button-with-action"===this.type||"static-with-action"===this.type?e("gxg-icon",{class:"clear-button",type:"gemini-tools/close",size:"small",color:"onbackground",onClick:this.removeButtonFunc.bind(this),part:this.parts.removeButton}):null)}get el(){return i(this)}};l.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}:host{display:inline-flex;align-items:center;border-color:var(--gray-02);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:11px;padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-03);opacity:1;height:var(--spacing-comp-04);box-sizing:border-box;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .title{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}:host .clear-button{margin-inline-start:10px;cursor:pointer;opacity:0.7}:host .clear-button:hover{opacity:1}:host gxg-icon{transform:scale(0.84)}:host gxg-icon.clear-button{transform:scale(0.65)}:host(.no-icon) gxg-icon.custom{width:0}:host(.has-icon){padding-inline-start:0}:host([type=static]),:host([type=static-with-action]){background-color:var(--gray-01);border-color:var(--gray-01);font-style:italic}:host([type=static-with-action]),:host([type=button-with-action]){padding-inline-end:0}:host([type=button]){padding-inline-end:var(--spacing-comp-02)}:host([type=button]:hover),:host([type=button-with-action]:hover){border-color:var(--gray-07);cursor:pointer}:host([type=button]:focus),:host([type=button-with-action]:focus){border-color:var(--gray-07)}:host([type=button]:active),:host([type=button-with-action]:active){border-color:var(--gray-07)}:host([type=button-with-action]){padding-inline-end:2px}:host([type=button-with-action]) .clear-button{cursor:pointer;opacity:0.5;margin-inline-start:8px}:host([type=button-with-action]) .clear-button:hover{opacity:0.75}:host(.hide){opacity:0}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .title{color:var(--gray-03)}:host([disabled]) gxg-icon{opacity:0.3}:host([disabled][type=button]),:host([disabled][type=button-with-action]){border-color:var(--gray-03)}:host([disabled]:focus){box-shadow:none}:host([height-auto]){height:auto}:host(.large){height:20px}:host(.large) .title{font-size:var(--font-size-lg)}:host(.large) gxg-icon.clear-button{transform:scale(0.85)}";export{l as gxg_pill}
|
|
1
|
+
import{r as t,c as o,h as r,H as e,g as i}from"./p-976c3a09.js";import{s as a}from"./p-e46e26a6.js";import{e as n}from"./p-d8501cb4.js";const l=class{constructor(r){t(this,r),this.pillRemoved=o(this,"pillRemoved",7),this.parts={removeButton:"remove-button"},this.disabled=!1,this.icon=void 0,this.heightAuto=!1,this.type="static",this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=n(t,this.parts);o.length&&(this.exportparts=o)}}componentWillLoad(){this.attachExportParts()}removeButtonFunc(){this.pillRemoved.emit(this.id),this.el.classList.add("hide"),setTimeout((()=>{this.el.remove()}),250)}iconType(){return void 0!==this.icon?this.icon:"gemini-tools/empty"}iconColor(){return this.disabled?"disabled":"success"}render(){return r(e,{tabindex:"0",class:{"no-icon":void 0===this.icon,"has-icon":void 0!==this.icon,large:a.large},exportParts:this.exportparts?this.exportparts:null},r("gxg-icon",{class:"custom",type:this.iconType(),size:"regular",color:this.iconColor()}),r("span",{class:"title"},r("slot",null)),"button-with-action"===this.type||"static-with-action"===this.type?r("gxg-icon",{class:"clear-button",type:"gemini-tools/close",size:"small",color:"onbackground",onClick:this.removeButtonFunc.bind(this),part:this.parts.removeButton}):null)}get el(){return i(this)}};l.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:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:inline-flex;align-items:center;border-color:var(--gray-02);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:11px;padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-03);opacity:1;height:var(--spacing-comp-04);box-sizing:border-box;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .title{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}:host .clear-button{margin-inline-start:10px;cursor:pointer;opacity:0.7}:host .clear-button:hover{opacity:1}:host gxg-icon{transform:scale(0.84)}:host gxg-icon.clear-button{transform:scale(0.65)}:host(.no-icon) gxg-icon.custom{width:0}:host(.has-icon){padding-inline-start:0}:host([type=static]),:host([type=static-with-action]){background-color:var(--gray-01);border-color:var(--gray-01);font-style:italic}:host([type=static-with-action]),:host([type=button-with-action]){padding-inline-end:0}:host([type=button]){padding-inline-end:var(--spacing-comp-02)}:host([type=button]:hover),:host([type=button-with-action]:hover){border-color:var(--gray-07);cursor:pointer}:host([type=button]:focus),:host([type=button-with-action]:focus){border-color:var(--gray-07)}:host([type=button]:active),:host([type=button-with-action]:active){border-color:var(--gray-07)}:host([type=button-with-action]){padding-inline-end:2px}:host([type=button-with-action]) .clear-button{cursor:pointer;opacity:0.5;margin-inline-start:8px}:host([type=button-with-action]) .clear-button:hover{opacity:0.75}:host(.hide){opacity:0}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .title{color:var(--gray-03)}:host([disabled]) gxg-icon{opacity:0.3}:host([disabled][type=button]),:host([disabled][type=button-with-action]){border-color:var(--gray-03)}:host([disabled]:focus){box-shadow:none}:host([height-auto]){height:auto}:host(.large){height:20px}:host(.large) .title{font-size:var(--font-size-lg)}:host(.large) gxg-icon.clear-button{transform:scale(0.85)}";export{l as gxg_pill}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i}from"./p-
|
|
1
|
+
import{r as t,h as e,H as i}from"./p-976c3a09.js";const s=class{constructor(e){t(this,e),this.didLoad=!1,this.incrementFromLastStep=0,this.shouldAddFadeInOutAnimation=!1,this.caption=null,this.currentStep=0,this.description=null,this.presented=!1,this.steps=1}handleCurrentStepChange(t,e){this.incrementFromLastStep=t-e-1}handleCaptionChange(t,e){this.didLoad&&!this.shouldAddFadeInOutAnimation&&(this.shouldAddFadeInOutAnimation=!0,this.lastDescription=e,setTimeout((()=>{this.shouldAddFadeInOutAnimation=!1}),325))}handlePresentedChange(t){t&&(this.incrementFromLastStep=this.currentStep)}getStepPartName(t,e){let i="ch-next-progress-bar__step";return t<=e&&(i+=" checked"),t==e&&(i+=" last"),i}componentWillLoad(){this.presented&&(this.incrementFromLastStep=this.currentStep)}componentDidLoad(){this.didLoad=!0}render(){const t=Math.max(this.currentStep,0),s=Math.max(this.steps,0),a={role:"progressbar","aria-labelledby":this.caption?"title":void 0,"aria-describedby":this.description?"description":void 0,"aria-valuemin":"0","aria-valuemax":s.toString(),"aria-valuenow":t.toString()};return e(i,{class:this.cssClass||null,"aria-hidden":this.presented?void 0:"true"},this.presented&&e("div",Object.assign({},a,{class:"progress-bar",part:"ch-next-progress-bar__main-container"}),!!this.caption&&e("h1",{id:"title",class:"title",part:"ch-next-progress-bar__caption"},this.caption),e("div",{class:"steps-container",style:{"--amount-of-steps":`${s}`},part:"ch-next-progress-bar__steps-container"},[...Array(s).keys()].map((i=>e("div",{class:{step:!0,"step--checked":i<=t,"step--last-checked":i==t},part:this.getStepPartName(i,s),style:{"--delay":t-i<=this.incrementFromLastStep?(this.incrementFromLastStep-t+i).toString():"0"}})))),!!this.description&&e("p",{id:"description",class:{description:!0,"description-transition":this.shouldAddFadeInOutAnimation},part:"ch-next-progress-bar__description"},this.shouldAddFadeInOutAnimation?this.lastDescription:this.description)))}static get watchers(){return{currentStep:["handleCurrentStepChange"],description:["handleCaptionChange"],presented:["handlePresentedChange"]}}};s.style='*,::before,::after{box-sizing:border-box}:where(.title,.description){font:unset;margin:0;padding:0;text-align:start}:host{--last-checked-gradient:linear-gradient(\n 90deg,\n #00000000,\n #fff,\n #00000000\n );--step-background-color:#ddd;--step-background-color--checked:#bbb;display:block;width:100%}.steps-container{display:flex;column-gap:4px;height:8px}.step{position:relative;background-color:var(--step-background-color);border-radius:20px;width:68px;max-width:calc(100% / var(--amount-of-steps));height:100%;overflow:hidden}.step--checked::before{content:"";display:flex;position:absolute;width:0;height:100%;background-color:var(--step-background-color--checked);animation:checked-load 0.3s linear calc(var(--delay) * 0.3s) forwards}.step--last-checked::after{content:"";display:flex;position:absolute;background:var(--last-checked-gradient), var(--last-checked-gradient);width:80%;height:100%;margin-inline-start:-128%;animation:last-checked-animation 2.25s ease-in-out calc(var(--delay) * 0.3s) infinite}.description{transition:opacity 300ms linear}.description-transition{opacity:0}@keyframes checked-load{to{width:100%}}@keyframes last-checked-animation{to{margin-inline-start:192%}}';export{s as ch_next_progress_bar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as e,c as t,h as r,H as i,g as o}from"./p-976c3a09.js";import{L as a}from"./p-26957490.js";import{f as d,r as n}from"./p-db945a17.js";const s=class{constructor(i){e(this,i),this.componentDidRenderEvent=t(this,"componentDidRenderEvent",7),this.getFrontEndOptionsValues=()=>{const e=[];return this.frontEndsEl.getValues().then((t=>{t.forEach((t=>{e.push({id:t.id,checked:t.value,disabled:t.disabled})}))})),e},this.getRuntimeValue=()=>{this.runtimeEl=[];const e=this.runtimeGroup.querySelectorAll("gxg-form-radio");return null==e||e.forEach((e=>{this.runtimeEl.push({id:e.id,checked:e.checked})})),this.runtimeEl},this.setEnvironmentHandler=async()=>{if(this.createCallback){const e={name:this.nameEl.value,runtime:this.getRuntimeValue(),language:this.languageEl.value,dataStores:this.dataStoreEl.value,frontEnds:this.getFrontEndOptionsValues()};this.createCallback(e).then((e=>{console.log("formSubmitResult",e),d(e,this)}))}},this.cancelButtonClickedHandler=async()=>{await this.cancelCallback()},this.runtimeEnvironmentChangedHandler=()=>{this.changedHandler()},this.languageValueChangedHandler=()=>{this.changedHandler()},this.dataStoreValueChangedHandler=()=>{this.changedHandler()},this.changedHandler=()=>{const e={name:this.nameEl.value,runtime:this.getRuntimeValue(),language:this.languageEl.value,dataStores:this.dataStoreEl.value,frontEnds:this.getFrontEndOptionsValues()};this.changedCallback(e)},this.renderTabBasic=()=>r("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0},r("gx-ide-container",{containerTitle:this._componentLocale.runtime,fieldset:!0,displayBorderTop:!0,displayBorderBottom:!0},r("gxg-form-radio-group",{ref:e=>this.runtimeGroup=e,row:!0,onChange:this.runtimeEnvironmentChangedHandler,slot:"header"},n("gxg-form-radio",this.runtimes,"runtime-environment"))),r("div",{class:"grid grid--no-gap grid--basic"},r("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,"container-title":this._componentLocale.tabBasic.backEnd.backEndLabel},r("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.language,value:this.languages[0].id,ref:e=>this.languageEl=e,onValueChanged:this.languageValueChangedHandler,part:"language"},n("gxg-combo-box-item",this.languages)),r("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.dataStores,value:this.dataStores[0].id,ref:e=>this.dataStoreEl=e,onValueChanged:this.dataStoreValueChangedHandler,part:"data-store"},n("gxg-combo-box-item",this.dataStores))),r("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,"container-title":this._componentLocale.tabBasic.frontEnd.frontEndLabel},r("gxg-form-checkbox-group",{ref:e=>this.frontEndsEl=e},n("gxg-form-checkbox",this.frontEnds))))),this.renderTabAdvanced=()=>r("gxg-tab",{tab:"advanced","no-padding":!0},r("gx-ide-container",{displayBorderTop:!0},r("slot",{name:"property-grid"}))),this.hideTopBar=!1,this.dataStores=void 0,this.frontEnds=void 0,this.disableAdvanced=!1,this.setAsTarget=!0,this.runtimes=void 0,this.languages=void 0,this.environmentName=void 0,this.createCallback=void 0,this.cancelCallback=void 0,this.changedCallback=void 0}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el)}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){return r(i,{class:"gx-ide-component"},this.hideTopBar?null:r("gx-ide-top-bar",{topBarTitle:this._componentLocale.componentName}),r("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},r("gx-ide-container",null,r("header",{class:"header grid"},r("gxg-label",{labelPosition:"start"},this._componentLocale.name),r("gxg-form-text",{"label-position":"start",placeholder:"NewEnvironment","max-width":"100%",value:this.environmentName,ref:e=>this.nameEl=e,part:"environment-name"}))),r("main",{class:"gxi-full-height"},r("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},r("gxg-tab-bar",{slot:"tab-bar-container"},r("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0}),r("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",disabled:this.disableAdvanced})),this.renderTabBasic(),this.renderTabAdvanced())),r("gx-ide-container",{displayBorderTop:!0},r("gxg-form-checkbox",{label:this._componentLocale.setCurrentEnvironment,id:"show-current-environment",checked:this.setAsTarget,slot:"footer-start"}),r("gxg-button",{id:"button-create",slot:"footer-end",type:"primary-text-only",onClick:this.setEnvironmentHandler,part:"gxg-button gxg-button--create"},this._componentLocale.footer.btnSetNewEnvironment),r("gxg-button",{id:"button-cancel",slot:"footer-end",type:"outlined",onClick:this.cancelButtonClickedHandler,part:"gxg-button gxg-button--cancel"},this._componentLocale.footer.btnCancel))))}static get assetsDirs(){return["gx-ide-assets/new-environment"]}get el(){return o(this)}};s.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-new-environment--shadow){border:none;box-shadow:var(--box-shadow-01)}.header{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;grid-template-columns:auto 1fr auto}.header *:nth-child(1){grid-area:1/1/2/2}.header *:nth-child(2){grid-area:1/2/2/3}.gxg-tabs{margin-top:0;box-shadow:none}.grid--basic{flex-grow:1;grid-template-columns:1fr 1fr;gap:0}.grid--basic>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";export{s as gx_ide_new_environment}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as o,h as i,H as a,g as n}from"./p-
|
|
1
|
+
import{r,c as o,h as i,H as a,g as n}from"./p-976c3a09.js";const s=class{constructor(i){r(this,i),this.breadcrumbClicked=o(this,"breadcrumbClicked",7)}breadcrumbClickedFunc(){this.breadcrumbClicked.emit({id:this.id})}render(){return i(a,null,i("div",{class:{container:!0},onClick:()=>this.breadcrumbClickedFunc()},void 0!==this.icon?i("gxg-icon",{class:{"custom-icon":!0},type:this.icon,size:"regular",color:"auto"}):null,i("slot",null)),i("gxg-icon",{class:{"arrow-icon":!0},type:"navigation/chevron-right"}))}get el(){return n(this)}};s.style=":host{display:inline-flex;align-items:center}:host .container{display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);background-color:var(--gray-01);height:var(--spacing-comp-05);border-radius:var(--border-radius-lg);color:var(--color-on-secondary);align-items:center;justify-content:center;padding-left:var(--spacing-comp-02);padding-right:var(--spacing-comp-02);cursor:pointer}:host .container:hover{background-color:var(--gray-02)}:host .container .custom-icon{margin-right:var(--spacing-comp-01)}:host(:last-child) .arrow-icon{display:none}";export{s as gxg_breadcrumb}
|