@genexus/genexus-ide-ui 0.0.18 → 0.0.20
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-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-row-actions.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-rowset-empty.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid-rowset-legend_2.cjs.entry.js +2 -2
- package/dist/cjs/ch-grid-virtual-scroller.cjs.entry.js +1 -1
- package/dist/cjs/ch-grid_7.cjs.entry.js +3 -1
- package/dist/cjs/ch-icon_2.cjs.entry.js +1 -1
- package/dist/cjs/ch-intersection-observer.cjs.entry.js +1 -1
- package/dist/cjs/ch-next-data-modeling-item.cjs.entry.js +1 -1
- 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 +13 -9
- package/dist/cjs/ch-textblock.cjs.entry.js +1 -1
- package/dist/cjs/ch-tree-item.cjs.entry.js +1 -1
- 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-b12384de.js} +1 -1
- package/dist/cjs/{form-validation-87e3749d.js → form-validation-58a5de69.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 +1 -1
- package/dist/cjs/gx-ide-directory-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-references.cjs.entry.js +6 -6
- package/dist/cjs/gx-ide-template.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-test.cjs.entry.js +2 -2
- package/dist/cjs/gx-ide-top-bar_2.cjs.entry.js +2 -2
- package/dist/cjs/gxg-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/gxg-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gxg-alert.cjs.entry.js +1 -1
- package/dist/cjs/gxg-box.cjs.entry.js +1 -1
- package/dist/cjs/gxg-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/gxg-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gxg-button-group.cjs.entry.js +2 -2
- package/dist/cjs/gxg-button.cjs.entry.js +2 -2
- package/dist/cjs/gxg-card.cjs.entry.js +1 -1
- package/dist/cjs/gxg-color-picker.cjs.entry.js +1 -1
- package/dist/cjs/gxg-column.cjs.entry.js +1 -1
- package/dist/cjs/gxg-columns.cjs.entry.js +1 -1
- package/dist/cjs/gxg-combo-box_8.cjs.entry.js +3 -3
- package/dist/cjs/gxg-container.cjs.entry.js +1 -1
- package/dist/cjs/gxg-contextual-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-contextual-menu-submenu.cjs.entry.js +1 -1
- package/dist/cjs/gxg-contextual-menu.cjs.entry.js +1 -1
- package/dist/cjs/gxg-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/gxg-demo.cjs.entry.js +1 -1
- package/dist/cjs/gxg-drag-box.cjs.entry.js +1 -1
- package/dist/cjs/gxg-drag-container.cjs.entry.js +1 -1
- package/dist/cjs/gxg-drop-down.cjs.entry.js +2 -2
- package/dist/cjs/gxg-filter-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-filter.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/gxg-form-message.cjs.entry.js +2 -2
- package/dist/cjs/gxg-form-text.cjs.entry.js +3 -3
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +3 -3
- package/dist/cjs/gxg-label_2.cjs.entry.js +2 -2
- package/dist/cjs/gxg-list-box-item.cjs.entry.js +2 -2
- package/dist/cjs/gxg-list-box.cjs.entry.js +3 -3
- package/dist/cjs/gxg-loader.cjs.entry.js +1 -1
- package/dist/cjs/gxg-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-menu-list.cjs.entry.js +1 -1
- package/dist/cjs/gxg-menu.cjs.entry.js +1 -1
- package/dist/cjs/gxg-modal.cjs.entry.js +2 -2
- package/dist/cjs/gxg-more-info.cjs.entry.js +1 -1
- package/dist/cjs/gxg-option-v2.cjs.entry.js +1 -1
- package/dist/cjs/gxg-option.cjs.entry.js +1 -1
- package/dist/cjs/gxg-options-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-options.cjs.entry.js +2 -2
- package/dist/cjs/gxg-paginator.cjs.entry.js +1 -1
- package/dist/cjs/gxg-pill.cjs.entry.js +2 -2
- package/dist/cjs/gxg-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/gxg-select-v2.cjs.entry.js +2 -2
- package/dist/cjs/gxg-select.cjs.entry.js +3 -3
- package/dist/cjs/gxg-separator.cjs.entry.js +1 -1
- package/dist/cjs/gxg-slider.cjs.entry.js +1 -1
- package/dist/cjs/gxg-spacer-layout.cjs.entry.js +1 -1
- package/dist/cjs/gxg-spacer-one.cjs.entry.js +1 -1
- package/dist/cjs/gxg-split.cjs.entry.js +1 -1
- package/dist/cjs/gxg-splitter.cjs.entry.js +1 -1
- package/dist/cjs/gxg-stack.cjs.entry.js +1 -1
- package/dist/cjs/gxg-stepper.cjs.entry.js +1 -1
- package/dist/cjs/gxg-test.cjs.entry.js +1 -1
- package/dist/cjs/gxg-title.cjs.entry.js +2 -2
- package/dist/cjs/gxg-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gxg-toolbar-item.cjs.entry.js +1 -1
- package/dist/cjs/gxg-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gxg-tree-grid-divs.cjs.entry.js +1 -1
- package/dist/cjs/gxg-tree_2.cjs.entry.js +1 -1
- package/dist/cjs/gxg-window.cjs.entry.js +1 -1
- package/dist/cjs/{index-93a6a7e0.js → index-6b74a39f.js} +0 -2
- package/dist/cjs/{index-79bce6af.js → index-b1633949.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{store-49485138.js → store-c59c1d50.js} +1 -1
- package/dist/cjs/{update-tree-model-445c63a8.js → update-tree-model-33f25694.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/common/render-suggest.js +1 -1
- package/dist/collection/components/references/helpers.js +1 -1
- package/dist/collection/components/references/references.js +2 -2
- package/dist/components/ch-global-stylesheet.js +3 -0
- package/dist/components/ch-grid2.js +2 -0
- 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 -6
- package/dist/components/ch-window2.js +59 -21
- package/dist/components/gx-ide-references.js +4 -4
- package/dist/components/index.js +1 -0
- package/dist/esm/ch-accordion.entry.js +1 -1
- 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-row-actions.entry.js +1 -1
- package/dist/esm/ch-grid-rowset-empty.entry.js +1 -1
- package/dist/esm/ch-grid-rowset-legend_2.entry.js +2 -2
- package/dist/esm/ch-grid-virtual-scroller.entry.js +1 -1
- package/dist/esm/ch-grid_7.entry.js +3 -1
- package/dist/esm/ch-icon_2.entry.js +1 -1
- package/dist/esm/ch-intersection-observer.entry.js +1 -1
- package/dist/esm/ch-next-data-modeling-item.entry.js +1 -1
- 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 +13 -9
- package/dist/esm/ch-textblock.entry.js +1 -1
- package/dist/esm/ch-tree-item.entry.js +1 -1
- 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-d0cdf54f.js} +1 -1
- package/dist/esm/{form-validation-a6686ca1.js → form-validation-702577da.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 +1 -1
- package/dist/esm/gx-ide-directory-selector.entry.js +1 -1
- package/dist/esm/gx-ide-entity-selector.entry.js +1 -1
- package/dist/esm/gx-ide-new-environment.entry.js +2 -2
- package/dist/esm/gx-ide-new-kb.entry.js +2 -2
- package/dist/esm/gx-ide-references.entry.js +6 -6
- package/dist/esm/gx-ide-template.entry.js +1 -1
- package/dist/esm/gx-ide-test.entry.js +2 -2
- package/dist/esm/gx-ide-top-bar_2.entry.js +2 -2
- package/dist/esm/gxg-accordion-item.entry.js +2 -2
- package/dist/esm/gxg-accordion.entry.js +1 -1
- package/dist/esm/gxg-alert.entry.js +1 -1
- package/dist/esm/gxg-box.entry.js +1 -1
- package/dist/esm/gxg-breadcrumb.entry.js +1 -1
- package/dist/esm/gxg-breadcrumbs.entry.js +1 -1
- package/dist/esm/gxg-button-group.entry.js +2 -2
- package/dist/esm/gxg-button.entry.js +2 -2
- package/dist/esm/gxg-card.entry.js +1 -1
- package/dist/esm/gxg-color-picker.entry.js +1 -1
- package/dist/esm/gxg-column.entry.js +1 -1
- package/dist/esm/gxg-columns.entry.js +1 -1
- package/dist/esm/gxg-combo-box_8.entry.js +3 -3
- package/dist/esm/gxg-container.entry.js +1 -1
- package/dist/esm/gxg-contextual-menu-item.entry.js +1 -1
- package/dist/esm/gxg-contextual-menu-submenu.entry.js +1 -1
- package/dist/esm/gxg-contextual-menu.entry.js +1 -1
- package/dist/esm/gxg-date-picker.entry.js +2 -2
- package/dist/esm/gxg-demo.entry.js +1 -1
- package/dist/esm/gxg-drag-box.entry.js +1 -1
- package/dist/esm/gxg-drag-container.entry.js +1 -1
- package/dist/esm/gxg-drop-down.entry.js +2 -2
- package/dist/esm/gxg-filter-item.entry.js +1 -1
- package/dist/esm/gxg-filter.entry.js +1 -1
- package/dist/esm/gxg-form-checkbox.entry.js +3 -3
- package/dist/esm/gxg-form-message.entry.js +2 -2
- package/dist/esm/gxg-form-text.entry.js +3 -3
- package/dist/esm/gxg-form-textarea.entry.js +3 -3
- package/dist/esm/gxg-label_2.entry.js +2 -2
- package/dist/esm/gxg-list-box-item.entry.js +2 -2
- package/dist/esm/gxg-list-box.entry.js +3 -3
- package/dist/esm/gxg-loader.entry.js +1 -1
- package/dist/esm/gxg-menu-item.entry.js +1 -1
- package/dist/esm/gxg-menu-list.entry.js +1 -1
- package/dist/esm/gxg-menu.entry.js +1 -1
- package/dist/esm/gxg-modal.entry.js +2 -2
- package/dist/esm/gxg-more-info.entry.js +1 -1
- package/dist/esm/gxg-option-v2.entry.js +1 -1
- package/dist/esm/gxg-option.entry.js +1 -1
- package/dist/esm/gxg-options-item.entry.js +1 -1
- package/dist/esm/gxg-options.entry.js +2 -2
- package/dist/esm/gxg-paginator.entry.js +1 -1
- package/dist/esm/gxg-pill.entry.js +2 -2
- package/dist/esm/gxg-progress-bar.entry.js +1 -1
- package/dist/esm/gxg-select-v2.entry.js +2 -2
- package/dist/esm/gxg-select.entry.js +3 -3
- package/dist/esm/gxg-separator.entry.js +1 -1
- package/dist/esm/gxg-slider.entry.js +1 -1
- package/dist/esm/gxg-spacer-layout.entry.js +1 -1
- package/dist/esm/gxg-spacer-one.entry.js +1 -1
- package/dist/esm/gxg-split.entry.js +1 -1
- package/dist/esm/gxg-splitter.entry.js +1 -1
- package/dist/esm/gxg-stack.entry.js +1 -1
- package/dist/esm/gxg-stepper.entry.js +1 -1
- package/dist/esm/gxg-test.entry.js +1 -1
- package/dist/esm/gxg-title.entry.js +2 -2
- package/dist/esm/gxg-toggle.entry.js +1 -1
- package/dist/esm/gxg-toolbar-item.entry.js +1 -1
- package/dist/esm/gxg-toolbar.entry.js +1 -1
- package/dist/esm/gxg-tree-grid-divs.entry.js +1 -1
- package/dist/esm/gxg-tree_2.entry.js +1 -1
- package/dist/esm/gxg-window.entry.js +1 -1
- package/dist/esm/{index-4f0a5746.js → index-7d5d0c30.js} +0 -2
- package/dist/esm/{index-f3a45e56.js → index-b7960231.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{store-75f5d491.js → store-1b33440d.js} +1 -1
- package/dist/esm/{update-tree-model-80419058.js → update-tree-model-7a983259.js} +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/{p-655c404e.entry.js → p-009a0766.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-026990ca.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-b77bd1ad.entry.js → p-03b50eac.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0098fbc0.entry.js → p-03e3a427.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-17d87a16.entry.js → p-055e64e0.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-496d34e0.entry.js → p-0576445e.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9c298bd5.entry.js → p-0a7a18e0.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-82b3afaa.entry.js → p-0aa565cd.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7bb78c8a.entry.js → p-0ab556b4.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-378fcc68.entry.js → p-0c06c1f9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7007965c.entry.js → p-1598af34.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-1965bccc.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-f367d08e.entry.js → p-19767d76.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fcc98e20.entry.js → p-19cf13d2.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b196d91d.entry.js → p-1ac6ba79.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-5c4aa66f.entry.js → p-1feb3a18.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-30c10ac0.entry.js → p-20fb1fbb.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-ecedca13.entry.js → p-2a4070ed.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-73265efe.entry.js → p-2b784b7f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7fa78be9.entry.js → p-2d0f76dd.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1ce96964.entry.js → p-336eb631.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-366b39bb.entry.js → p-33987fe7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-dfeeb719.entry.js → p-36da18f6.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e889c317.entry.js → p-3b2a830e.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-3b54e72a.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-c39737e2.js → p-44dcdfc1.js} +1 -1
- package/dist/genexus-ide-ui/{p-813a05f4.entry.js → p-46ea87b5.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-4c7a6e89.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-9cf4025e.entry.js → p-4e2efbe1.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f9ee906c.entry.js → p-4e657980.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fa6ecbc2.entry.js → p-4fddaad8.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-81e52b18.entry.js → p-4fe65800.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4d572963.entry.js → p-509ac9ed.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6bee904e.entry.js → p-517ec820.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1d4cf2ae.entry.js → p-528c300c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-af252d16.entry.js → p-5328fb05.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0521f23e.entry.js → p-53c10876.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-392f03e1.entry.js → p-551dd2e7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-ed7a2bee.entry.js → p-55246341.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0a8bd33f.entry.js → p-56a7eb09.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-58536458.js +1 -0
- package/dist/genexus-ide-ui/{p-73f2adf0.entry.js → p-588d8d7e.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-5bbf6ff9.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-e8225bc1.entry.js → p-5d824da5.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-d8bc417c.entry.js → p-62ca9114.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-76a22b4f.entry.js → p-6375af51.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-ff877c22.entry.js → p-6759cb37.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a4479444.entry.js → p-69baf840.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-254f9ce7.entry.js → p-6d8c6dd0.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-08290507.entry.js → p-6dedbe57.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-432cbdad.entry.js → p-6e139bbe.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-42cb39da.entry.js → p-71a70f61.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-49433b58.entry.js → p-71c8e106.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-83fab39b.entry.js → p-721f0ba7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-8b1e4861.entry.js → p-756b2fc5.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-a3cfdb11.entry.js → p-75e9ee1c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f6b3e357.entry.js → p-76104757.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-c670dcba.entry.js → p-784c76ad.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-61401539.entry.js → p-7882ec8f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-bd8b2e4e.entry.js → p-7e6f69c0.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-af0ac52d.entry.js → p-80a7594c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4144fe18.entry.js → p-814252a9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4198315e.entry.js → p-82b4d895.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-b4e4fc69.entry.js → p-83cd6b73.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1ae51a01.entry.js → p-84b6056f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-36179b87.entry.js → p-870aca87.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-87e8eb72.js +1 -0
- package/dist/genexus-ide-ui/{p-4e36bbdb.entry.js → p-89dc8d6b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1042318d.entry.js → p-8a547c9f.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-67cf60f5.js → p-8c28238e.js} +1 -1
- package/dist/genexus-ide-ui/p-8f35d978.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-ed288532.entry.js → p-91d76a26.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e1336939.entry.js → p-94e54916.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9d7a0c37.entry.js → p-95cc3b42.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-78a90113.entry.js → p-97c1f045.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-203ea363.entry.js → p-9cd409c6.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fec38feb.entry.js → p-a031c434.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-8d3073b6.js → p-a192341c.js} +1 -1
- package/dist/genexus-ide-ui/{p-75961324.entry.js → p-a4127238.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-97c2627c.entry.js → p-a4670f69.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f1fa5847.entry.js → p-aa8b6bdf.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-1367be09.entry.js → p-abad6cb9.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-150c3a00.entry.js → p-ad083270.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6ce123ab.entry.js → p-ada218b2.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4e358180.entry.js → p-b29b72ee.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-05ad8cad.js → p-b3d6653d.js} +1 -1
- package/dist/genexus-ide-ui/{p-8b068072.entry.js → p-b6152c51.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-9db0d872.entry.js → p-bcd15af7.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-0720d767.entry.js → p-bdc7c71d.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-41e8442b.entry.js → p-bf73003b.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-01e9d3aa.entry.js → p-c10eca17.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-989ca0bb.entry.js → p-c8227269.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-cb9bf31c.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-95ea26da.entry.js → p-cc263066.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f0e51a7e.entry.js → p-d5f093de.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7c84e0d0.entry.js → p-d8fb556d.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f23610f0.entry.js → p-d8feb149.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e4ee28c7.entry.js → p-df2d2a44.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-408bdfc6.entry.js → p-dff92210.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f5357b4b.entry.js → p-e353ab63.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-ea904a31.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-f9f51980.js → p-ee37a0b3.js} +1 -1
- package/dist/genexus-ide-ui/{p-ae1871e4.entry.js → p-ee604964.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e0aed7f6.entry.js → p-f014238e.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7137b4cf.entry.js → p-f18db0fa.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-4e6f53af.entry.js → p-f36b3dfe.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6b02f3e8.entry.js → p-f3e62f92.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-2c7bf7b2.entry.js → p-f3f68272.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-cd503583.entry.js → p-f51c0a1e.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-fe16bbce.entry.js → p-f560bbb6.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-228cd122.entry.js → p-f92c8072.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e377e5be.entry.js → p-f93ba1d6.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-7c2068c2.entry.js → p-f9519533.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-89d0ef14.entry.js → p-fa8a5244.entry.js} +1 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/style/ch-style.css +3 -0
- package/package.json +3 -3
- package/dist/genexus-ide-ui/p-1dcba164.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3a37f5ff.entry.js +0 -1
- package/dist/genexus-ide-ui/p-5e469dec.entry.js +0 -1
- package/dist/genexus-ide-ui/p-79cf24a3.entry.js +0 -1
- package/dist/genexus-ide-ui/p-999608fc.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b66a4121.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cc7d6bdf.js +0 -1
- package/dist/genexus-ide-ui/p-d70561c3.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as r,g as o}from"./p-f9f51980.js";import{e as a}from"./p-d8501cb4.js";const n=class{constructor(e){t(this,e),this.treeItemStateChanged=i(this,"treeItemStateChanged",7),this.masterTree=!1,this.checkbox=!0,this.checked=!1,this.opened=!0,this.toggleCheckboxes=!1,this.multiSelection=!1,this.evaluateIsMasterTree=()=>{var t;const i=null===(t=this.el.parentElement)||void 0===t?void 0:t.parentElement;void 0!==i&&"GXG-TREE"===i.nodeName||(this.masterTree=!0)},this.initialConfig=()=>{const t=this.el.parentElement;if("GXG-TREE-ITEM"===(null==t?void 0:t.tagName)){const i=t;this.checkbox=void 0!==i.checkbox?i.checkbox:this.checkbox,this.checked=void 0!==i.checked?i.checked:this.checked,this.opened=void 0!==i.opened?i.opened:this.opened,this.toggleCheckboxes=void 0!==i.toggleCheckboxes?i.toggleCheckboxes:this.toggleCheckboxes}},this.emitTreeItemNewState=(t,i)=>{this.treeItemStateChanged.emit({itemData:t,emittedBy:i})}}componentWillLoad(){this.initialConfig(),this.evaluateIsMasterTree()}checkboxToggledHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"checkboxToggled")}doubleClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"doubleClicked")}selectionChangedHandler(t){const i=this.el.querySelectorAll("gxg-tree-item");(this.masterTree&&this.multiSelection&&!t.detail.ctrl||this.masterTree&&!this.multiSelection)&&Array.from(i).forEach((i=>{i!==t.detail.ref&&(i.selected=!1)})),this.masterTree&&this.emitTreeItemNewState(t.detail,"selectionChanged")}toggleIconClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"toggleIconClicked")}async getCheckedItems(t){const i=Array.from(this.el.querySelectorAll("gxg-tree-item")),e=[];return(null==t?void 0:t.length)?t.forEach((t=>{const r=i.find((i=>t===i.id));r&&e.push({id:r.id,label:r.label,checked:r.checked,selected:r.selected})})):i.forEach((t=>{t.checked&&e.push({id:t.id,label:t.label,checked:t.checked,selected:t.selected})})),e}async getSelectedItems(){const t=[],i=this.el.querySelectorAll("gxg-tree-item");return(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.selected&&t.push({id:i.id,label:i.label,checked:i.checked,selected:i.selected})})),t}async toggleItems(t,i){if(!(null==t?void 0:t.length))return[];const e=Array.from(this.el.querySelectorAll("gxg-tree-item")),r=[];return t.forEach((t=>{const o=e.find((i=>t===i.id));o&&void 0===i?o.opened=!o.opened:o&&i&&!o.opened?o.opened=!0:o&&!i&&o.opened&&(o.opened=!1),o&&r.push({id:o.id,opened:o.opened})})),r}render(){return e(r,null,e("div",{class:{tree:!0}},e("ul",{ref:t=>this.ulTree=t},e("slot",null))))}get el(){return o(this)}};n.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{display:block;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host ul{margin:0;padding-left:0;width:100%}";const l=class{constructor(e){t(this,e),this.checkboxToggled=i(this,"checkboxToggled",7),this.doubleClicked=i(this,"doubleClicked",7),this.lazyChanged=i(this,"lazyChanged",7),this.selectionChanged=i(this,"selectionChanged",7),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.lazy=!1,this.parentTreeIsMasterTree=!1,this.numberOfParentTrees=1,this.firstItem=!1,this.lastItem=!1,this.leftPadding="0px",this.verticalLineStartPosition="0px",this.horizontalLineWidth="24px",this.horizontalLineStartPosition="0px",this.parts={item:"item",checkbox:"checkbox",toggleButton:"toggle-button"},this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.lastTreeItemOfParentTree=!1,this.numberOfVisibleDescendantItems=0,this.time=0,this.downloading=!1,this.checkbox=void 0,this.checked=void 0,this.opened=void 0,this.toggleCheckboxes=void 0,this.disabled=void 0,this.leaf=!1,this.selected=!1,this.numberOfChildren=0,this.hasChildTree=!1,this.indeterminate=!1,this.evaluateId=()=>{this.id||(this.id=this.el.getAttribute("id"))},this.evaluateLazy=()=>{this.leaf||0!==this.numberOfChildren||(this.lazy=!0,this.opened=!1)},this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&(this.lazy=!1,this.opened=!0,this.reRender())})),this.initiateMutationObserver=()=>{this.observer.observe(this.el,{childList:!0,subtree:!0})},this.cascadeConfig=()=>{const t=this.el.parentElement;this.checkbox=void 0!==this.checkbox?this.checkbox:t.checkbox,this.checked=void 0!==this.checked?this.checked:t.checked,this.opened=void 0!==this.opened?this.opened:t.opened,this.toggleCheckboxes=void 0!==this.toggleCheckboxes?this.toggleCheckboxes:t.checkbox},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),i=a(t,this.parts);i.length&&(this.exportparts=i)},this.defineLineHeight=()=>{let t=11.5;this.parentTreeIsMasterTree&&(t=0,this.lastItem&&(t=11));let i=0;if(!this.leaf&&!this.lazy){const t=this.el.querySelectorAll("gxg-tree-item").length,e=this.el.querySelector(":scope > gxg-tree").querySelectorAll(":scope > gxg-tree-item");i=this.parentTreeIsMasterTree?t:t-e[e.length-1].querySelectorAll("gxg-tree-item").length}this.lineHeight=24.2*i-t+"px"},this.defineStartPosition=()=>{let t=0,i=13;this.numberOfParentTrees>1?(t=45*(this.numberOfParentTrees-1),this.numberOfParentTrees>2&&(i=t-36)):t=5,this.verticalLineStartPosition=`${t+7}px`,this.leftPadding=`${t}px`,this.horizontalLineStartPosition=`${i}px`},this.liTextClickedHandler=t=>{t.target.classList.contains("toggle-icon")||"GXG-FORM-CHECKBOX"===t.target.nodeName||(this.selected=!t.ctrlKey||!this.selected,this.selectionChanged.emit(this.getItemData(t.ctrlKey)))},this.liTextDoubleClicked=()=>{this.doubleClicked.emit(this.getItemData(!1)),!this.leaf&&this.toggleClickedHandler()},this.liTextKeyDownPressed=t=>{if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&this.checkboxClickedHandler(),"ArrowRight"!==t.key||this.leaf||(this.opened?this.el.querySelector("gxg-tree").querySelector("gxg-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0),"ArrowLeft"===t.key){let t=!1;const i=this.el.parentElement.parentElement;let e=null;"GXG-TREE-ITEM"===i.tagName&&(t=!0,e=i.shadowRoot.querySelector(".li-text")),this.leaf?t&&e.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&e.focus()}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstItem)){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){const t=this.el.previousElementSibling.querySelector("gxg-tree");i=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("gxg-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.leaf&&this.opened&&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.el.querySelector("gxg-tree gxg-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=i&&i.focus()}},this.returnToggleIconType=()=>!this.opened||this.lazy?"gemini-tools/add":"gemini-tools/minus",this.checkboxClickedHandler=()=>{this.checkbox&&(this.checked=!this.checked,this.leaf||this.toggleChildrenCheckboxes(this.checked),this.getParentItems().forEach((t=>{t.evaluateCheckboxStatus()})))},this.toggleChildrenCheckboxes=t=>{this.indeterminate=!1;const i=this.el.querySelectorAll("gxg-tree-item");(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.indeterminate=!1,i.checked=t}))},this.getParentItems=()=>{var t;const i=[];let e=this.el.parentElement.parentElement;for(;"GXG-TREE-ITEM"===(null==e?void 0:e.nodeName);)i.push(e),e=null===(t=e.parentElement)||void 0===t?void 0:t.parentElement;return i},this.getParentsNumber=()=>{var t;let i=0,e=this.el.parentElement;for(;"GXG-TREE"===(null==e?void 0:e.nodeName);)i++,e=null===(t=e.parentElement)||void 0===t?void 0:t.parentElement;return i},this.getChildrenNumber=()=>{if(0===this.numberOfChildren)return this.el.querySelectorAll("gxg-tree-item").length},this.toggleClickedHandler=()=>{this.lazy&&!this.opened&&(this.downloading=!0,this.toggleIconClicked.emit(this.getItemData())),this.lazy||(this.opened=!this.opened)},this.getItemData=(t=!1)=>({ref:this.el,checkbox:this.checkbox,checked:this.checked,ctrl:t,description:this.description,disabled:this.disabled,icon:this.icon,id:this.id,indeterminate:this.indeterminate,label:this.label,lazy:this.lazy,leaf:this.leaf,opened:this.opened,selected:this.selected})}checkedHandler(t,i){void 0!==i&&this.checkboxToggled.emit(this.getItemData(!1))}openedHandler(t,i){void 0!==i&&this.toggleIconClicked.emit(this.getItemData(!1))}componentWillLoad(){this.numberOfParentTrees=this.getParentsNumber(),this.numberOfChildren=this.getChildrenNumber(),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&(this.parentTreeIsMasterTree=!0,null===this.el.previousElementSibling&&(this.firstItem=!0)),this.el.nextElementSibling||(this.lastItem=!0),this.evaluateId(),this.evaluateLazy(),this.defineLineHeight(),this.defineStartPosition(),this.cascadeConfig(),this.attachExportParts(),this.initiateMutationObserver()}async reRender(){this.defineLineHeight()}evaluateCheckboxStatus(){const t=this.el.querySelectorAll("gxg-tree-item");let i=0;(null==t?void 0:t.length)&&(Array.from(t).forEach((t=>{t.checked&&i++})),t.length===i?(this.checked=!0,this.indeterminate=!1):0===i?(this.checked=!1,this.indeterminate=!1):this.indeterminate=!0)}render(){return e(r,{class:{leaf:this.leaf,"not-leaf":!this.leaf},exportParts:this.exportparts?this.exportparts:null},e("li",{class:{"tree-open":this.opened,"tree-closed":!this.opened,disabled:this.disabled}},e("div",{class:{"li-text":!0,"li-text--not-leaf":!this.leaf,"li-text--leaf":this.leaf,"li-text--first-tree-item":this.firstItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.leftPadding},onClick:this.liTextClickedHandler.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:-1,part:this.parts.item},this.leaf?null:[e("span",{class:{"vertical-line":!0},style:{height:this.lineHeight,left:this.verticalLineStartPosition}}),e("div",{class:{"closed-opened-icons":!0}},e("gxg-icon",{onClick:this.toggleClickedHandler.bind(this),type:this.returnToggleIconType(),color:"auto",class:"icon toggle-icon",part:this.parts.toggleButton}))],this.numberOfParentTrees>1?e("span",{class:{"horizontal-line":!0},style:{left:this.horizontalLineStartPosition,width:this.horizontalLineWidth}}):null,this.checkbox?e("gxg-form-checkbox",{checked:this.checked,class:{checkbox:!0},tabIndex:-1,indeterminate:this.indeterminate,disabled:this.disabled,onClick:this.checkboxClickedHandler,part:this.parts.checkbox}):null,this.icon?e("gxg-icon",{type:this.icon,color:"auto",class:"icon icon--left",style:{"--icon-size":"14px"}}):null,this.downloading&&this.lazy?e("span",{class:"loading"}):null,e("span",{class:"text"},e("slot",null))),e("slot",{name:"tree"}),this.treeModel?this.treeModel:null))}static get assetsDirs(){return["tree-item-assets"]}get el(){return o(this)}static get watchers(){return{checked:["checkedHandler"],opened:["openedHandler"]}}};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{--text-color:var(--color-on-background);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--gray-06);--item-hover-color:var(--gray-01);--item-active-color:var(--silverGray);color:var(--color-on-background);width:100%;display:block}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);overflow:hidden}:host li>::slotted(gxg-tree){display:none}:host li.tree-open>::slotted(gxg-tree){display:block}:host li.tree-closed .vertical-line{display:none}:host li .li-text{min-height:24px;cursor:pointer;display:flex;align-items:center;position:relative;padding-inline-end:var(--spacing-comp-01)}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--gxg-background-color-item-selected)}:host li .li-text:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host li .li-text--selected{background-color:var(--gxg-background-color-item-selected)}:host li .li-text>*{flex-shrink:0}:host li .vertical-line{position:absolute;width:1px;height:0;top:23px;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;height:1px;top:11px;z-index:1;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;transform:scale(0.75, 0.75);margin-inline-end:var(--spacing-comp-00);transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease;background-color:var(--color-hover)}:host li .toggle-icon:hover{background-color:var(--color-background)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host .icon--left{margin:0 var(--spacing-comp-01) 0 var(--spacing-comp-00)}: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;z-index:1;margin-inline-end:var(--spacing-comp-01);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)}}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}';export{n as gxg_tree,l as gxg_tree_item}
|
|
1
|
+
import{r as t,c as i,h as e,H as r,g as o}from"./p-ee37a0b3.js";import{e as a}from"./p-d8501cb4.js";const n=class{constructor(e){t(this,e),this.treeItemStateChanged=i(this,"treeItemStateChanged",7),this.masterTree=!1,this.checkbox=!0,this.checked=!1,this.opened=!0,this.toggleCheckboxes=!1,this.multiSelection=!1,this.evaluateIsMasterTree=()=>{var t;const i=null===(t=this.el.parentElement)||void 0===t?void 0:t.parentElement;void 0!==i&&"GXG-TREE"===i.nodeName||(this.masterTree=!0)},this.initialConfig=()=>{const t=this.el.parentElement;if("GXG-TREE-ITEM"===(null==t?void 0:t.tagName)){const i=t;this.checkbox=void 0!==i.checkbox?i.checkbox:this.checkbox,this.checked=void 0!==i.checked?i.checked:this.checked,this.opened=void 0!==i.opened?i.opened:this.opened,this.toggleCheckboxes=void 0!==i.toggleCheckboxes?i.toggleCheckboxes:this.toggleCheckboxes}},this.emitTreeItemNewState=(t,i)=>{this.treeItemStateChanged.emit({itemData:t,emittedBy:i})}}componentWillLoad(){this.initialConfig(),this.evaluateIsMasterTree()}checkboxToggledHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"checkboxToggled")}doubleClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"doubleClicked")}selectionChangedHandler(t){const i=this.el.querySelectorAll("gxg-tree-item");(this.masterTree&&this.multiSelection&&!t.detail.ctrl||this.masterTree&&!this.multiSelection)&&Array.from(i).forEach((i=>{i!==t.detail.ref&&(i.selected=!1)})),this.masterTree&&this.emitTreeItemNewState(t.detail,"selectionChanged")}toggleIconClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"toggleIconClicked")}async getCheckedItems(t){const i=Array.from(this.el.querySelectorAll("gxg-tree-item")),e=[];return(null==t?void 0:t.length)?t.forEach((t=>{const r=i.find((i=>t===i.id));r&&e.push({id:r.id,label:r.label,checked:r.checked,selected:r.selected})})):i.forEach((t=>{t.checked&&e.push({id:t.id,label:t.label,checked:t.checked,selected:t.selected})})),e}async getSelectedItems(){const t=[],i=this.el.querySelectorAll("gxg-tree-item");return(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.selected&&t.push({id:i.id,label:i.label,checked:i.checked,selected:i.selected})})),t}async toggleItems(t,i){if(!(null==t?void 0:t.length))return[];const e=Array.from(this.el.querySelectorAll("gxg-tree-item")),r=[];return t.forEach((t=>{const o=e.find((i=>t===i.id));o&&void 0===i?o.opened=!o.opened:o&&i&&!o.opened?o.opened=!0:o&&!i&&o.opened&&(o.opened=!1),o&&r.push({id:o.id,opened:o.opened})})),r}render(){return e(r,null,e("div",{class:{tree:!0}},e("ul",{ref:t=>this.ulTree=t},e("slot",null))))}get el(){return o(this)}};n.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{display:block;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host ul{margin:0;padding-left:0;width:100%}";const l=class{constructor(e){t(this,e),this.checkboxToggled=i(this,"checkboxToggled",7),this.doubleClicked=i(this,"doubleClicked",7),this.lazyChanged=i(this,"lazyChanged",7),this.selectionChanged=i(this,"selectionChanged",7),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.lazy=!1,this.parentTreeIsMasterTree=!1,this.numberOfParentTrees=1,this.firstItem=!1,this.lastItem=!1,this.leftPadding="0px",this.verticalLineStartPosition="0px",this.horizontalLineWidth="24px",this.horizontalLineStartPosition="0px",this.parts={item:"item",checkbox:"checkbox",toggleButton:"toggle-button"},this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.lastTreeItemOfParentTree=!1,this.numberOfVisibleDescendantItems=0,this.time=0,this.downloading=!1,this.checkbox=void 0,this.checked=void 0,this.opened=void 0,this.toggleCheckboxes=void 0,this.disabled=void 0,this.leaf=!1,this.selected=!1,this.numberOfChildren=0,this.hasChildTree=!1,this.indeterminate=!1,this.evaluateId=()=>{this.id||(this.id=this.el.getAttribute("id"))},this.evaluateLazy=()=>{this.leaf||0!==this.numberOfChildren||(this.lazy=!0,this.opened=!1)},this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&(this.lazy=!1,this.opened=!0,this.reRender())})),this.initiateMutationObserver=()=>{this.observer.observe(this.el,{childList:!0,subtree:!0})},this.cascadeConfig=()=>{const t=this.el.parentElement;this.checkbox=void 0!==this.checkbox?this.checkbox:t.checkbox,this.checked=void 0!==this.checked?this.checked:t.checked,this.opened=void 0!==this.opened?this.opened:t.opened,this.toggleCheckboxes=void 0!==this.toggleCheckboxes?this.toggleCheckboxes:t.checkbox},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),i=a(t,this.parts);i.length&&(this.exportparts=i)},this.defineLineHeight=()=>{let t=11.5;this.parentTreeIsMasterTree&&(t=0,this.lastItem&&(t=11));let i=0;if(!this.leaf&&!this.lazy){const t=this.el.querySelectorAll("gxg-tree-item").length,e=this.el.querySelector(":scope > gxg-tree").querySelectorAll(":scope > gxg-tree-item");i=this.parentTreeIsMasterTree?t:t-e[e.length-1].querySelectorAll("gxg-tree-item").length}this.lineHeight=24.2*i-t+"px"},this.defineStartPosition=()=>{let t=0,i=13;this.numberOfParentTrees>1?(t=45*(this.numberOfParentTrees-1),this.numberOfParentTrees>2&&(i=t-36)):t=5,this.verticalLineStartPosition=`${t+7}px`,this.leftPadding=`${t}px`,this.horizontalLineStartPosition=`${i}px`},this.liTextClickedHandler=t=>{t.target.classList.contains("toggle-icon")||"GXG-FORM-CHECKBOX"===t.target.nodeName||(this.selected=!t.ctrlKey||!this.selected,this.selectionChanged.emit(this.getItemData(t.ctrlKey)))},this.liTextDoubleClicked=()=>{this.doubleClicked.emit(this.getItemData(!1)),!this.leaf&&this.toggleClickedHandler()},this.liTextKeyDownPressed=t=>{if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&this.checkboxClickedHandler(),"ArrowRight"!==t.key||this.leaf||(this.opened?this.el.querySelector("gxg-tree").querySelector("gxg-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0),"ArrowLeft"===t.key){let t=!1;const i=this.el.parentElement.parentElement;let e=null;"GXG-TREE-ITEM"===i.tagName&&(t=!0,e=i.shadowRoot.querySelector(".li-text")),this.leaf?t&&e.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&e.focus()}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstItem)){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){const t=this.el.previousElementSibling.querySelector("gxg-tree");i=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("gxg-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.leaf&&this.opened&&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.el.querySelector("gxg-tree gxg-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=i&&i.focus()}},this.returnToggleIconType=()=>!this.opened||this.lazy?"gemini-tools/add":"gemini-tools/minus",this.checkboxClickedHandler=()=>{this.checkbox&&(this.checked=!this.checked,this.leaf||this.toggleChildrenCheckboxes(this.checked),this.getParentItems().forEach((t=>{t.evaluateCheckboxStatus()})))},this.toggleChildrenCheckboxes=t=>{this.indeterminate=!1;const i=this.el.querySelectorAll("gxg-tree-item");(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.indeterminate=!1,i.checked=t}))},this.getParentItems=()=>{var t;const i=[];let e=this.el.parentElement.parentElement;for(;"GXG-TREE-ITEM"===(null==e?void 0:e.nodeName);)i.push(e),e=null===(t=e.parentElement)||void 0===t?void 0:t.parentElement;return i},this.getParentsNumber=()=>{var t;let i=0,e=this.el.parentElement;for(;"GXG-TREE"===(null==e?void 0:e.nodeName);)i++,e=null===(t=e.parentElement)||void 0===t?void 0:t.parentElement;return i},this.getChildrenNumber=()=>{if(0===this.numberOfChildren)return this.el.querySelectorAll("gxg-tree-item").length},this.toggleClickedHandler=()=>{this.lazy&&!this.opened&&(this.downloading=!0,this.toggleIconClicked.emit(this.getItemData())),this.lazy||(this.opened=!this.opened)},this.getItemData=(t=!1)=>({ref:this.el,checkbox:this.checkbox,checked:this.checked,ctrl:t,description:this.description,disabled:this.disabled,icon:this.icon,id:this.id,indeterminate:this.indeterminate,label:this.label,lazy:this.lazy,leaf:this.leaf,opened:this.opened,selected:this.selected})}checkedHandler(t,i){void 0!==i&&this.checkboxToggled.emit(this.getItemData(!1))}openedHandler(t,i){void 0!==i&&this.toggleIconClicked.emit(this.getItemData(!1))}componentWillLoad(){this.numberOfParentTrees=this.getParentsNumber(),this.numberOfChildren=this.getChildrenNumber(),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&(this.parentTreeIsMasterTree=!0,null===this.el.previousElementSibling&&(this.firstItem=!0)),this.el.nextElementSibling||(this.lastItem=!0),this.evaluateId(),this.evaluateLazy(),this.defineLineHeight(),this.defineStartPosition(),this.cascadeConfig(),this.attachExportParts(),this.initiateMutationObserver()}async reRender(){this.defineLineHeight()}evaluateCheckboxStatus(){const t=this.el.querySelectorAll("gxg-tree-item");let i=0;(null==t?void 0:t.length)&&(Array.from(t).forEach((t=>{t.checked&&i++})),t.length===i?(this.checked=!0,this.indeterminate=!1):0===i?(this.checked=!1,this.indeterminate=!1):this.indeterminate=!0)}render(){return e(r,{class:{leaf:this.leaf,"not-leaf":!this.leaf},exportParts:this.exportparts?this.exportparts:null},e("li",{class:{"tree-open":this.opened,"tree-closed":!this.opened,disabled:this.disabled}},e("div",{class:{"li-text":!0,"li-text--not-leaf":!this.leaf,"li-text--leaf":this.leaf,"li-text--first-tree-item":this.firstItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.leftPadding},onClick:this.liTextClickedHandler.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:-1,part:this.parts.item},this.leaf?null:[e("span",{class:{"vertical-line":!0},style:{height:this.lineHeight,left:this.verticalLineStartPosition}}),e("div",{class:{"closed-opened-icons":!0}},e("gxg-icon",{onClick:this.toggleClickedHandler.bind(this),type:this.returnToggleIconType(),color:"auto",class:"icon toggle-icon",part:this.parts.toggleButton}))],this.numberOfParentTrees>1?e("span",{class:{"horizontal-line":!0},style:{left:this.horizontalLineStartPosition,width:this.horizontalLineWidth}}):null,this.checkbox?e("gxg-form-checkbox",{checked:this.checked,class:{checkbox:!0},tabIndex:-1,indeterminate:this.indeterminate,disabled:this.disabled,onClick:this.checkboxClickedHandler,part:this.parts.checkbox}):null,this.icon?e("gxg-icon",{type:this.icon,color:"auto",class:"icon icon--left",style:{"--icon-size":"14px"}}):null,this.downloading&&this.lazy?e("span",{class:"loading"}):null,e("span",{class:"text"},e("slot",null))),e("slot",{name:"tree"}),this.treeModel?this.treeModel:null))}static get assetsDirs(){return["tree-item-assets"]}get el(){return o(this)}static get watchers(){return{checked:["checkedHandler"],opened:["openedHandler"]}}};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{--text-color:var(--color-on-background);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--gray-06);--item-hover-color:var(--gray-01);--item-active-color:var(--silverGray);color:var(--color-on-background);width:100%;display:block}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);overflow:hidden}:host li>::slotted(gxg-tree){display:none}:host li.tree-open>::slotted(gxg-tree){display:block}:host li.tree-closed .vertical-line{display:none}:host li .li-text{min-height:24px;cursor:pointer;display:flex;align-items:center;position:relative;padding-inline-end:var(--spacing-comp-01)}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--gxg-background-color-item-selected)}:host li .li-text:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host li .li-text--selected{background-color:var(--gxg-background-color-item-selected)}:host li .li-text>*{flex-shrink:0}:host li .vertical-line{position:absolute;width:1px;height:0;top:23px;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;height:1px;top:11px;z-index:1;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;transform:scale(0.75, 0.75);margin-inline-end:var(--spacing-comp-00);transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease;background-color:var(--color-hover)}:host li .toggle-icon:hover{background-color:var(--color-background)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host .icon--left{margin:0 var(--spacing-comp-01) 0 var(--spacing-comp-00)}: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;z-index:1;margin-inline-end:var(--spacing-comp-01);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)}}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}';export{n as gxg_tree,l as gxg_tree_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as
|
|
1
|
+
import{r as t,c as s,h as i,g as e}from"./p-ee37a0b3.js";const h=class{constructor(i){t(this,i),this.pageChanged=s(this,"pageChanged",7),this.page=1,this.totalPages=1,this.maxSize=9,this.renderFirstLastPages=!0,this.textDots="...",this.clickHandler=t=>{this.page=parseInt(t.target.value)}}pageHandler(){this.pageChanged.emit({page:this.page})}maxSizeHandler(){this.validateMaxSize()}renderFirstLastPagesHandler(){this.validateMaxSize()}componentDidUpdate(){document.activeElement===this.el&&this.buttonActive.focus()}keyDownHandler(t){switch(t.key){case"ArrowLeft":this.page=Math.max(this.page-1,1);break;case"ArrowRight":this.page=Math.min(this.page+1,this.totalPages)}}focusHandler(){this.buttonActive.focus()}getItems(){const t=Math.ceil((this.maxSize-1)/2),s=Math.floor((this.maxSize-1)/2);let i,e,h,a;return 0===this.maxSize||this.maxSize>=this.totalPages?(e=this.fillStart(!1),i=this.page-1,h=this.totalPages-this.page,a=this.fillEnd(!1)):this.page<=t&&this.page<this.totalPages-s?(e=this.fillStart(!1),i=this.page-1,a=this.fillEnd(!0),h=s-a.length+(t-i)):this.page>t&&this.page<this.totalPages-s?(e=this.fillStart(!0),i=t-e.length,a=this.fillEnd(!0),h=s-a.length):this.page>t&&this.page>=this.totalPages-s&&(a=this.fillEnd(!1),h=this.totalPages-this.page,e=this.fillStart(!0),i=t-e.length+s-h),{items:e.concat(this.getRangeItems(this.page-i,this.page-1)).concat([this.page]).concat(this.getRangeItems(this.page+1,this.page+h)).concat(a),activeIndex:e.length+i}}fillStart(t){return t?this.renderFirstLastPages?[1,this.textDots]:[this.textDots]:[]}fillEnd(t){return t?this.renderFirstLastPages?[this.textDots,this.totalPages]:[this.textDots]:[]}getRangeItems(t,s){return Array.from({length:s-t+1},((s,i)=>t+i))}validateMaxSize(){this.maxSize>0&&(!this.renderFirstLastPages&&this.maxSize<3?this.maxSize=3:this.renderFirstLastPages&&this.maxSize<5&&(this.maxSize=5))}render(){const{items:t,activeIndex:s}=this.getItems();return i("ol",{part:"pages",class:"pages"},t.map(((t,e)=>i("li",null,i("button","number"==typeof t?{part:"page button "+(e===s?"active":""),value:t,onClick:this.clickHandler,ref:t=>this.buttonActive=e===s?t:this.buttonActive}:{part:"page button dots",disabled:!0},t)))))}get el(){return e(this)}static get watchers(){return{page:["pageHandler"],maxSize:["maxSizeHandler"],renderFirstLastPages:["renderFirstLastPagesHandler"]}}};h.style="button{all:unset}.pages{display:flex;align-items:center;list-style-type:none;margin:0;padding:0}";export{h as ch_paginator_pages}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as i,H as r,g as s}from"./p-
|
|
1
|
+
import{r as o,c as t,h as i,H as r,g as s}from"./p-ee37a0b3.js";const e=class{constructor(i){o(this,i),this.keyDown=t(this,"keyDown",7),this.optionSelected=t(this,"optionSelected",7),this.disabled=!1}keyDownHandler(o){if("Enter"===o.code)this.el.click();else{const t="Escape"===o.code,i=o.target.getAttribute("data-id");this.keyDown.emit({direction:o.code,dataId:i,escape:t})}}clickHandler(o){o.stopPropagation();const t=o.target.getAttribute("data-id"),i=o.target.getAttribute("id");this.disabled||this.optionSelected.emit({dataId:t,id:i})}render(){return i(r,{class:{"options-item":!0,"options-item--disabled":this.disabled},tabindex:"0",onKeyDown:this.keyDownHandler.bind(this),onClick:this.clickHandler.bind(this)},i("div",{class:"options-item__wrapper"},i("p",{class:"options-item__p"},i("slot",null))))}get el(){return s(this)}};e.style=":host{display:flex;padding:var(--spacing-comp-01);height:var(--optionHeight);box-sizing:border-box;background-color:var(--color-background);cursor:pointer;border:2px solid var(--color-background);align-items:center}:host(:focus){border:2px solid var(--color-primary-active);background-color:var(--gray-01);outline:none}:host(:hover){background-color:var(--gray-01)}:host(.options-item--disabled){color:var(--gray-03);pointer-events:none;background-color:var(--color-background)}:host .options-item__wrapper{min-width:0;width:100%}:host .options-item__p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0;height:100%}";export{e as gxg_options_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,a as o,h as e,H as s,g as r}from"./p-
|
|
1
|
+
import{r as t,c as i,a as o,h as e,H as s,g as r}from"./p-ee37a0b3.js";const a=class{constructor(o){t(this,o),this.itemClicked=i(this,"itemClicked",7)}itemClickedHandler(t){const i=t.el.innerText;this.setActiveOption(i),this.itemClicked.emit({"item-clicked":i})}setActiveOption(t){const i=this.el.parentElement.children;for(let o=0;o<i.length;o++){const e=i[o].shadowRoot.lastChild.childNodes[0];e.classList.contains("li-item--active")&&e.classList.remove("li-item--active"),i[o].innerText===t&&e.classList.add("li-item--active")}}resolveIcon(){return void 0!==this.iconSrc?this.iconSrc:o("step-list-item-assets/dot.svg")}render(){return e(s,{class:"item",style:{width:"100%"}},e("li",{class:{}},e("div",{class:{"li-item":!0}},e("span",{class:"text",onClick:()=>this.itemClickedHandler(this)},e("slot",null)),e("div",{class:"round-tab",onClick:()=>this.itemClickedHandler(this)},e("div",{part:"item-icon"})),e("span",{class:{"horizontal-line":!0}}))))}static get assetsDirs(){return["step-list-item-assets"]}get el(){return r(this)}};a.style=':host{--text-color:var(--black);--font-family:"Source Sans Pro", sans-serif;--font-size:14px;--font-weight:bold;--item-color:var(--lightGray);--line-color:var(--lightGray);--item-active-color:var(--black)}:host .item{width:250px}:host .li-item{position:relative;display:flex;flex-direction:column}:host .li-item--active .round-tab{background-color:var(--item-active-color)}:host .li-item--active .horizontal-line{background-color:var(--item-active-color)}:host .horizontal-line{background-color:var(--line-color);width:100%;height:3px;position:absolute;z-index:1;top:28px}:host .round-tab{width:25px;height:25px;border-radius:50%;background-color:var(--item-color);margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;z-index:2}:host .round-tab:hover{cursor:pointer}:host .text{color:var(--text-color);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:0.38px;text-align:center;margin-left:auto;margin-right:auto}:host .text:hover{cursor:pointer}:host .item-icon{position:absolute;z-index:2}';export{a as ch_step_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as t,g as l}from"./p-
|
|
1
|
+
import{h as e,r as t,g as l}from"./p-ee37a0b3.js";const i=(t,l=!0)=>{if(null==t?void 0:t.length)return l?t.map((e=>r(e))):e("gxg-tree",{slot:"tree"},t.map((e=>r(e))))},r=t=>{var l;const r=t.items?t.items.length:0;return e("gxg-tree-item",{checkbox:t.checkbox,checked:t.checked,description:t.description,disabled:t.disabled,icon:t.icon,indeterminate:t.indeterminate,id:t.id,label:t.label,leaf:!(0!==r&&!t.leaf||t.lazy),numberOfChildren:r,opened:t.opened,selected:t.selected},[t.label,(null===(l=t.items)||void 0===l?void 0:l.length)&&i(t.items,!1)])},o=class{constructor(e){t(this,e),this.buttonTestExportParts=!1,this.showGrid=!1,this.showGridData=!1,this.closeTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!1)},this.openTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!0)},this.toggleTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"])},this.getSelectedItemsHandler=()=>{(async()=>{const e=await this.tree.getSelectedItems();console.log(e)})()},this.getCheckedItemsHandler=()=>{(async()=>{const e=await this.tree.getCheckedItems();console.log(e)})()},this.deleteNodeHandler=()=>{this.treeItemsModel=[]}}toggleIconClickedHandler(e){if(this.lazyLoadTreeItemsCallback&&e.detail.lazy){const t=this.lazyLoadTreeItemsCallback(e.detail.id);setTimeout((()=>{t.then((e=>{this.treeItemsModel=e}))}),1e3)}}render(){return this.buttonTestExportParts?e("gxg-button",{part:"exterior-part"},"Export parts tests"):this.treeItemsModel?[e("gxg-tree",{checkbox:!0,checked:!0},i(this.treeItemsModel)),e("div",{class:"tree-buttons"},e("gxg-button",{type:"outlined",onClick:this.closeTreeNodeHandler},"Close 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.openTreeNodeHandler},"Open 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.toggleTreeNodeHandler},"Toggle 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.getSelectedItemsHandler},"Get Selected Items"),e("gxg-button",{type:"outlined",onClick:this.getCheckedItemsHandler},"Get Checked Items"),e("gxg-button",{type:"outlined",onClick:this.deleteNodeHandler},"Delete Tree"))]:this.showGrid?e("gxg-grid",null,e("ch-grid",{"row-selection-mode":"multiple",part:"ch-grid-pending-for-updates",class:"no-border"},e("ch-grid-columnset",null,e("ch-grid-column",{settingable:!1,sortable:!1,"column-type":"rich","rich-row-selector":!0,"rich-row-selector-mode":"mark"}),e("ch-grid-column",{"column-name":"name","column-name-position":"text",settingable:!1}),e("ch-grid-column",{"column-name":"productos","column-name-position":"text",settingable:!1})),this.showGridData&&[e("ch-grid-row",{rowid:"123"},e("ch-grid-cell",{"cell-type":"rich","row-selector":!0}),e("ch-grid-cell",null,"Nombre"),e("ch-grid-cell",null,"Productos")),e("ch-grid-rowset",null,e("ch-grid-rowset-legend",null,"Identidad"),e("ch-grid-row",null,e("ch-grid-cell",{"cell-type":"rich","row-selector":!0}),e("ch-grid-cell",null,"Nombre"),e("ch-grid-cell",null,"Productos")),e("ch-grid-row",null,e("ch-grid-cell",{"cell-type":"rich","row-selector":!0}),e("ch-grid-cell",null,"English"),e("ch-grid-cell",null,"Products")),e("ch-grid-row",null,e("ch-grid-cell",{"cell-type":"rich","row-selector":!0}),e("ch-grid-cell",null,"Português"),e("ch-grid-cell",null,"Produtos")))])):e("slot",null)}get el(){return l(this)}};o.style=".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";export{o as gxg_test}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as
|
|
1
|
+
import{r as t,h as e}from"./p-ee37a0b3.js";const r=class{constructor(e){t(this,e),this.space="xs"}render(){return e("slot",null)}};r.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host([space=xs]) ::slotted(*){margin-bottom:var(--spacing-lay-xs)}:host([space=s]) ::slotted(*){margin-bottom:var(--spacing-lay-s)}:host([space=m]) ::slotted(*){margin-bottom:var(--spacing-lay-m)}:host([space=l]) ::slotted(*){margin-bottom:var(--spacing-lay-l)}:host([space=xl]) ::slotted(*){margin-bottom:var(--spacing-lay-xl)}:host{display:block}:host([space]) ::slotted(*:last-child){margin-bottom:0 !important}";export{r as gxg_stack}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as n,g as s}from"./p-f9f51980.js";import{K as a}from"./p-05b815a2.js";const o="name",r="dm-item__",d="button-cancel",l="button-confirm",h=t=>`${r}button-action confirm${t}`,c=t=>`${r}button-action cancel${t}`,p=`${r}select-option`,m=class{constructor(n){t(this,n),this.deleteField=e(this,"deleteField",7),this.editField=e(this,"editField",7),this.newEntity=e(this,"newEntity",7),this.firstNewField=e(this,"firstNewField",7),this.firstNewFieldErrors=e(this,"firstNewFieldErrors",7),this.newField=e(this,"newField",7),this.actions=(t,e)=>({add:[{label:t.confirm,class:l,part:h(e),event:this.confirmAction("new")},{label:t.cancel,class:d,part:c(e),event:this.toggleShowNewField}],delete:[{label:t.confirm,class:void 0,part:`${r}button-delete-action confirm${e}`,event:this.emitDelete},{label:t.cancel,class:void 0,part:`${r}button-delete-action cancel${e}`,event:this.toggleMode("delete")}],edit:[{label:t.confirm,class:l,part:h(e),event:this.confirmAction("edit")},{label:t.cancel,class:d,part:c(e),event:this.toggleMode("edit")}],normal:[{label:t.edit,class:"button-primary button-edit",part:`${r}button-primary edit${e}`,event:this.toggleMode("edit")},{label:t.delete,class:"button-primary button-delete",part:`${r}button-primary delete${e}`,event:this.toggleMode("delete")}]}),this.lastEditInfo={name:"",type:"ATT"},this.focusInputInNextRender=!1,this.expanded=!1,this.errorType="None",this.waitingMode="none",this.actionsVisible=!0,this.dataType="",this.disabled=!1,this.entityNameToATTs={},this.fieldNames=[],this.level=1,this.maxAtts=3,this.mode="normal",this.name="",this.showNewFieldBtn=!0,this.type="LEVEL",this.makeAttsPrettier=(t,e)=>t.length<=e?"("+t.join(", ")+")":`(${t.slice(0,e).join(", ")} (+${t.length-e}))`,this.emitDelete=t=>{if(0!==this.level&&1===this.fieldNames.length)return this.el.parentElement.parentElement.delete(t),void(this.mode="normal");t.stopPropagation(),this.waitingMode="deleting",this.deleteField.emit()},this.toggleMode=t=>e=>{e.stopPropagation(),this.mode="normal"===this.mode?t:"normal",this.focusInputInNextRender="edit"===t},this.toggleShowNewField=t=>{t.stopPropagation(),this.errorType="None";const e=!this.showNewFieldBtn;this.showNewFieldBtn=e,this.focusInputInNextRender=!e,e||0!==this.level||this.el.firstElementChild.firstElementChild.clearInput()},this.getGxEditInputValue=t=>t.shadowRoot.firstElementChild.value,this.handleKeyDown=t=>e=>{e.code===a.ENTER&&(e.preventDefault(),this.confirmAction(t)(e))},this.checkChildErrors=(t,e)=>{this.el.firstElementChild.firstElementChild.checkErrors(t,e)},this.validateErrorsWhenAddingEntity=(t,e="unknown",i)=>{0===this.level&&"new"===t&&"unknown"===e?this.checkChildErrors(e,i):this.actionsVisible||"unknown"!==e||this.firstNewFieldErrors.emit()},this.confirmAction=(t,e="unknown",i=null)=>n=>{n.stopPropagation();const s=this.getGxEditInputValue(this.inputName).trim();return this.errorType="None",""===s?(this.errorType="Empty",void this.validateErrorsWhenAddingEntity(t,e,n)):this.name!==s&&this.fieldNames.includes(s)?(this.errorType="AlreadyDefined",this.errorName=s,void this.validateErrorsWhenAddingEntity(t,e,n)):"new"===t?(this.lastEditInfo={name:s,type:0===this.level?"ATT":this.inputType.value},void(0===this.level?"unknown"===e?this.checkChildErrors(e,n):"no"===e&&(this.waitingMode="adding",this.expanded=!0,this.newEntity.emit({name:s,level:[i]}),this.toggleShowNewField(n),this.el.firstElementChild.firstElementChild.setAddingMode()):this.actionsVisible?(this.waitingMode="adding",this.newField.emit(this.lastEditInfo),this.toggleShowNewField(n)):this.firstNewField.emit(this.lastEditInfo))):((this.name!==s||0!==this.level&&this.type!==this.inputType.value)&&(this.waitingMode="editing",this.lastEditInfo={name:s,type:0===this.level?"ATT":this.inputType.value},this.editField.emit(this.lastEditInfo)),void this.toggleMode("edit")(n))},this.loading=()=>i("svg",{class:"waiting-mode__loading",height:"28",viewBox:"6 6 12 12"},i("circle",{cx:"12",cy:"12",r:"4","stroke-width":"1.125"})),this.errorText=t=>i("p",{class:"error-text",part:`${r}error-text`},"Empty"===this.errorType?t.Empty:[0===this.level?t.AlreadyDefinedEntity1:t.AlreadyDefined1,i("span",{part:`${r}error-text-name`},this.errorName),t.AlreadyDefined2]),this.readonlyContent=(t,e,n)=>[i("h1",{id:o,class:{name:!0,"name-entity":"ENTITY"===n},part:`${r}name`},e),0!==this.level&&"ATT"!==n&&i("span",{class:"type",part:"LEVEL"===n?`${r}collection`:`${r}entity`},"LEVEL"===n?t.collection:this.makeAttsPrettier(this.entityNameToATTs[this.dataType]||[],this.maxAtts))],this.editableContent=(t,e,n,s)=>[i("gx-edit",{class:"field-name",part:`${r}input${s}${n}`,disabled:this.disabled,type:"text",value:this.name,ref:t=>this.inputName=t,onKeydown:this.handleKeyDown(t)}),0!==this.level&&i("div",{class:"select-wrapper"},i("select",{class:"select",part:`${r}input${n} select`,disabled:this.disabled,ref:t=>this.inputType=t},i("option",{part:p,value:"ATT",selected:"ATT"===this.type},e.ATT),i("option",{part:p,value:"ENTITY",selected:"ENTITY"===this.type},e.ENTITY),i("option",{part:p,value:"LEVEL",selected:"LEVEL"===this.type},e.LEVEL))),"None"!==this.errorType&&this.errorText(this.errorTexts)],this.newFieldMode=(t,e,n,s)=>this.showNewFieldBtn?i("button",{class:"button-new-entity",part:`${r}button-new-entity${n}`,disabled:this.disabled,type:"button",onClick:this.toggleShowNewField},0===this.level?t.addNewEntity:t.addNewField):i("div",{slot:0===this.level?"header":void 0,class:{[`add-new-field--level-${this.level}`]:!0,"add-new-field--no-actions":!this.actionsVisible},part:`${r}header-content`,tabindex:0!==this.level&&this.actionsVisible?"0":void 0},2===this.level&&i("div",{"aria-hidden":"true",class:"sub-field",part:`${r}sub-field`}),i("h1",{class:"name",part:`${r}name`},0===this.level?t.newEntity:t.newField),this.editableContent("new",t,n,e),0===this.level&&i("slot",null),this.actionsVisible&&[i("button",{"aria-label":s[0].label,class:s[0].class,part:s[0].part,disabled:this.disabled,type:"button",onClick:s[0].event}),i("button",{"aria-label":s[1].label,class:s[1].class,part:s[1].part,disabled:this.disabled,type:"button",onClick:s[1].event})]),this.normalMode=(t,e,n,s,a,o)=>[i("div",{slot:0===this.level?"header":void 0,class:{header:!0,"edit-mode":"edit"===this.mode},part:`${r}header-content`,tabindex:0!==this.level?"0":void 0},2===this.level&&i("div",{"aria-hidden":"true",class:"sub-field",part:`${r}sub-field`}),"edit"===this.mode?this.editableContent("edit",t,n,e):this.readonlyContent(t,o?this.lastEditInfo.name:this.name,o?this.lastEditInfo.type:this.type),this.actionsVisible&&i("div",{class:{"delete-mode":"delete"===this.mode,optimization:"delete"!==this.mode,"waiting-mode":"none"!==this.waitingMode},part:`${r}delete-mode${s}`},"none"===this.waitingMode?["delete"===this.mode&&t.deleteMode,i("button",{"aria-label":a[0].label,class:a[0].class,part:a[0].part,disabled:this.disabled,type:"button",onClick:a[0].event}),i("button",{"aria-label":a[1].label,class:a[1].class,part:a[1].part,disabled:this.disabled,type:"button",onClick:a[1].event})]:[t[this.waitingMode],this.loading()])),"LEVEL"===this.type&&(0===this.level?i("div",{slot:"content",part:`${r}content`},i("slot",null)):i("slot",null))]}handleExpandedChange(t){t.stopPropagation()}handleFirstNewField(t){0===this.level&&this.confirmAction("new","no",t.detail)(t)}handleFirstNewFieldErrors(t){this.confirmAction("new","yes")(t)}async setAddingMode(){this.clearInput(),this.waitingMode="adding"}async clearInput(){this.inputName&&(this.inputName.shadowRoot.firstElementChild.value=""),this.errorType="None"}async checkErrors(t,e){this.confirmAction("new",t)(e)}async delete(t){this.emitDelete(t)}async hideWaitingMode(){"add"===this.mode&&0===this.level?this.el.firstElementChild.firstElementChild.hideWaitingMode():"add"!==this.mode&&(this.mode="normal"),this.waitingMode="none"}componentDidUpdate(){this.focusInputInNextRender&&this.inputName&&(this.focusInputInNextRender=!1,requestAnimationFrame((()=>{this.inputName.click()})))}render(){const t=this.disabled?" disabled":"",e="none"===this.waitingMode?"":` ${r}waiting-mode`,s="None"!==this.errorType?" error":"",a=this.captions,d=this.actions(a,t)[this.mode],l="editing"===this.waitingMode||"adding"===this.waitingMode;return i(n,{role:"listitem","aria-labelledby":o,class:{"gx-disabled":this.disabled}},"add"===this.mode&&"adding"!==this.waitingMode?this.newFieldMode(a,s,t,d):0===this.level?i("ch-accordion",{class:"accordion",part:`${r}accordion`,accessibleName:this.name,expanded:this.expanded,exportparts:`accordion__chevron:${r}chevron,accordion__expandable:${r}expandable,accordion__header:${r}header`},this.normalMode(a,s,t,e,d,l)):this.normalMode(a,s,t,e,d,l))}get el(){return s(this)}};m.style=':where(button){all:unset;display:inline-flex;cursor:pointer}*,::before,::after{box-sizing:border-box}.error-text,.name{color:inherit;font:inherit;margin:0;padding:0;outline:0}gx-edit:is(.gx-edit--auto-fill,.gx-edit--auto-fill:focus-within,.gx-edit--auto-fill:hover){background-color:var(--gx-edit-auto-fill-background-color)}:host{display:grid;--chevron-color:#ccc}:host(:hover) .button-primary,:host(:focus-within) .button-primary{display:grid}:host(:hover) .button-primary::before,:host(:focus-within) .button-primary::before{content:""}:host(.gx-disabled){pointer-events:none}.add-new-field--level-0{display:grid;grid-template:"name . . ." min-content "field-name type confirm cancel" 1fr "error-text . confirm cancel" min-content "sub-item sub-item confirm cancel" min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-0 ::slotted(ch-next-data-modeling){grid-area:sub-item}.add-new-field--level-1{display:grid;grid-template:"name . . ." min-content "field-name type confirm cancel" 1fr "error-text . . ." min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-2{display:grid;grid-template:"sub-field name . . ." min-content ". field-name type confirm cancel" 1fr ". error-text . . ." min-content/min-content 1fr min-content 56px 32px;row-gap:4px}.add-new-field--no-actions{grid-template:"sub-field name ." min-content ". field-name type" 1fr ". error-text ." min-content/min-content 1fr min-content}.accordion:hover .edit-button,.accordion:hover .delete-button,.accordion:focus-within .edit-button,.accordion:focus-within .delete-button{display:grid}.sub-field{grid-area:sub-field}.field-name{grid-area:field-name;margin-inline-end:8px}.button-confirm{grid-area:confirm;margin-inline:16px 8px}.button-cancel{grid-area:cancel}.error-text{grid-area:error-text;display:flex;white-space:break-spaces}.header{display:grid;grid-template:"sub-field name type edit delete" 1fr/min-content max-content 1fr min-content max-content;align-items:center;width:100%;margin-inline-end:12px}.accordion::part(accordion__header){column-gap:24px}.edit-mode{grid-template:"sub-field field-name type confirm cancel" min-content "sub-field error-text error-text confirm cancel" min-content/min-content 1fr min-content 56px 32px}.name{grid-area:name}.name-entity{text-decoration:underline}.type{grid-area:type}.select-wrapper{--chevron:url(\'data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path d="M1.41 0L6 4.59L10.59 0L12 1.42L6 7.42L0 1.42L1.41 0Z"/></svg>\');grid-area:type;position:relative}.select-wrapper::after{content:"";display:flex;position:absolute;inset-inline-end:0;inset-block-start:calc(50% - 3.75px);width:12px;height:7.5px;margin-inline:8px 16px;-webkit-mask:var(--chevron) no-repeat;background-color:var(--chevron-color);pointer-events:none}.select{display:flex;height:100%;appearance:none;background-color:unset;cursor:pointer;outline:unset;transition-property:background-color, border-color, color;transition-duration:250ms}.button-new-entity{align-items:center;transition:color 250ms}.optimization{display:contents}.button-primary{display:none;align-self:center;height:20px;padding:2px}.button-primary::before{display:flex}.button-edit{grid-area:edit;width:21px}.button-edit::before{-webkit-mask:var(--edit-icon) no-repeat}.button-delete{grid-area:delete;width:18px;margin-inline-start:12px}.button-delete::before{-webkit-mask:var(--delete-icon) no-repeat}.delete-mode,.waiting-mode{grid-area:delete;display:grid;grid-template-columns:1fr 24px 24px;align-items:center;column-gap:8px;cursor:auto;animation:fade-in 250ms ease-in-out}.waiting-mode{grid-template-columns:24px 1fr}.waiting-mode__loading{order:-1;width:100%;fill:none;animation:rotate 1.5s linear 0.125s infinite}circle{stroke:currentColor;stroke-dasharray:1, 200;stroke-linecap:round;animation:indeterminate-loading 1.25s ease-in-out 0.125s infinite}@keyframes fade-in{0%{opacity:0}}@keyframes rotate{100%{transform:rotate(1turn)}}@keyframes indeterminate-loading{50%,60%{stroke-dasharray:20, 200;stroke-dashoffset:-8px}100%{stroke-dashoffset:-24px}}';export{m as ch_next_data_modeling_item}
|
|
1
|
+
import{r as t,c as e,h as i,H as n,g as s}from"./p-ee37a0b3.js";import{K as a}from"./p-05b815a2.js";const o="name",r="dm-item__",d="button-cancel",l="button-confirm",h=t=>`${r}button-action confirm${t}`,c=t=>`${r}button-action cancel${t}`,p=`${r}select-option`,m=class{constructor(n){t(this,n),this.deleteField=e(this,"deleteField",7),this.editField=e(this,"editField",7),this.newEntity=e(this,"newEntity",7),this.firstNewField=e(this,"firstNewField",7),this.firstNewFieldErrors=e(this,"firstNewFieldErrors",7),this.newField=e(this,"newField",7),this.actions=(t,e)=>({add:[{label:t.confirm,class:l,part:h(e),event:this.confirmAction("new")},{label:t.cancel,class:d,part:c(e),event:this.toggleShowNewField}],delete:[{label:t.confirm,class:void 0,part:`${r}button-delete-action confirm${e}`,event:this.emitDelete},{label:t.cancel,class:void 0,part:`${r}button-delete-action cancel${e}`,event:this.toggleMode("delete")}],edit:[{label:t.confirm,class:l,part:h(e),event:this.confirmAction("edit")},{label:t.cancel,class:d,part:c(e),event:this.toggleMode("edit")}],normal:[{label:t.edit,class:"button-primary button-edit",part:`${r}button-primary edit${e}`,event:this.toggleMode("edit")},{label:t.delete,class:"button-primary button-delete",part:`${r}button-primary delete${e}`,event:this.toggleMode("delete")}]}),this.lastEditInfo={name:"",type:"ATT"},this.focusInputInNextRender=!1,this.expanded=!1,this.errorType="None",this.waitingMode="none",this.actionsVisible=!0,this.dataType="",this.disabled=!1,this.entityNameToATTs={},this.fieldNames=[],this.level=1,this.maxAtts=3,this.mode="normal",this.name="",this.showNewFieldBtn=!0,this.type="LEVEL",this.makeAttsPrettier=(t,e)=>t.length<=e?"("+t.join(", ")+")":`(${t.slice(0,e).join(", ")} (+${t.length-e}))`,this.emitDelete=t=>{if(0!==this.level&&1===this.fieldNames.length)return this.el.parentElement.parentElement.delete(t),void(this.mode="normal");t.stopPropagation(),this.waitingMode="deleting",this.deleteField.emit()},this.toggleMode=t=>e=>{e.stopPropagation(),this.mode="normal"===this.mode?t:"normal",this.focusInputInNextRender="edit"===t},this.toggleShowNewField=t=>{t.stopPropagation(),this.errorType="None";const e=!this.showNewFieldBtn;this.showNewFieldBtn=e,this.focusInputInNextRender=!e,e||0!==this.level||this.el.firstElementChild.firstElementChild.clearInput()},this.getGxEditInputValue=t=>t.shadowRoot.firstElementChild.value,this.handleKeyDown=t=>e=>{e.code===a.ENTER&&(e.preventDefault(),this.confirmAction(t)(e))},this.checkChildErrors=(t,e)=>{this.el.firstElementChild.firstElementChild.checkErrors(t,e)},this.validateErrorsWhenAddingEntity=(t,e="unknown",i)=>{0===this.level&&"new"===t&&"unknown"===e?this.checkChildErrors(e,i):this.actionsVisible||"unknown"!==e||this.firstNewFieldErrors.emit()},this.confirmAction=(t,e="unknown",i=null)=>n=>{n.stopPropagation();const s=this.getGxEditInputValue(this.inputName).trim();return this.errorType="None",""===s?(this.errorType="Empty",void this.validateErrorsWhenAddingEntity(t,e,n)):this.name!==s&&this.fieldNames.includes(s)?(this.errorType="AlreadyDefined",this.errorName=s,void this.validateErrorsWhenAddingEntity(t,e,n)):"new"===t?(this.lastEditInfo={name:s,type:0===this.level?"ATT":this.inputType.value},void(0===this.level?"unknown"===e?this.checkChildErrors(e,n):"no"===e&&(this.waitingMode="adding",this.expanded=!0,this.newEntity.emit({name:s,level:[i]}),this.toggleShowNewField(n),this.el.firstElementChild.firstElementChild.setAddingMode()):this.actionsVisible?(this.waitingMode="adding",this.newField.emit(this.lastEditInfo),this.toggleShowNewField(n)):this.firstNewField.emit(this.lastEditInfo))):((this.name!==s||0!==this.level&&this.type!==this.inputType.value)&&(this.waitingMode="editing",this.lastEditInfo={name:s,type:0===this.level?"ATT":this.inputType.value},this.editField.emit(this.lastEditInfo)),void this.toggleMode("edit")(n))},this.loading=()=>i("svg",{class:"waiting-mode__loading",height:"28",viewBox:"6 6 12 12"},i("circle",{cx:"12",cy:"12",r:"4","stroke-width":"1.125"})),this.errorText=t=>i("p",{class:"error-text",part:`${r}error-text`},"Empty"===this.errorType?t.Empty:[0===this.level?t.AlreadyDefinedEntity1:t.AlreadyDefined1,i("span",{part:`${r}error-text-name`},this.errorName),t.AlreadyDefined2]),this.readonlyContent=(t,e,n)=>[i("h1",{id:o,class:{name:!0,"name-entity":"ENTITY"===n},part:`${r}name`},e),0!==this.level&&"ATT"!==n&&i("span",{class:"type",part:"LEVEL"===n?`${r}collection`:`${r}entity`},"LEVEL"===n?t.collection:this.makeAttsPrettier(this.entityNameToATTs[this.dataType]||[],this.maxAtts))],this.editableContent=(t,e,n,s)=>[i("gx-edit",{class:"field-name",part:`${r}input${s}${n}`,disabled:this.disabled,type:"text",value:this.name,ref:t=>this.inputName=t,onKeydown:this.handleKeyDown(t)}),0!==this.level&&i("div",{class:"select-wrapper"},i("select",{class:"select",part:`${r}input${n} select`,disabled:this.disabled,ref:t=>this.inputType=t},i("option",{part:p,value:"ATT",selected:"ATT"===this.type},e.ATT),i("option",{part:p,value:"ENTITY",selected:"ENTITY"===this.type},e.ENTITY),i("option",{part:p,value:"LEVEL",selected:"LEVEL"===this.type},e.LEVEL))),"None"!==this.errorType&&this.errorText(this.errorTexts)],this.newFieldMode=(t,e,n,s)=>this.showNewFieldBtn?i("button",{class:"button-new-entity",part:`${r}button-new-entity${n}`,disabled:this.disabled,type:"button",onClick:this.toggleShowNewField},0===this.level?t.addNewEntity:t.addNewField):i("div",{slot:0===this.level?"header":void 0,class:{[`add-new-field--level-${this.level}`]:!0,"add-new-field--no-actions":!this.actionsVisible},part:`${r}header-content`,tabindex:0!==this.level&&this.actionsVisible?"0":void 0},2===this.level&&i("div",{"aria-hidden":"true",class:"sub-field",part:`${r}sub-field`}),i("h1",{class:"name",part:`${r}name`},0===this.level?t.newEntity:t.newField),this.editableContent("new",t,n,e),0===this.level&&i("slot",null),this.actionsVisible&&[i("button",{"aria-label":s[0].label,class:s[0].class,part:s[0].part,disabled:this.disabled,type:"button",onClick:s[0].event}),i("button",{"aria-label":s[1].label,class:s[1].class,part:s[1].part,disabled:this.disabled,type:"button",onClick:s[1].event})]),this.normalMode=(t,e,n,s,a,o)=>[i("div",{slot:0===this.level?"header":void 0,class:{header:!0,"edit-mode":"edit"===this.mode},part:`${r}header-content`,tabindex:0!==this.level?"0":void 0},2===this.level&&i("div",{"aria-hidden":"true",class:"sub-field",part:`${r}sub-field`}),"edit"===this.mode?this.editableContent("edit",t,n,e):this.readonlyContent(t,o?this.lastEditInfo.name:this.name,o?this.lastEditInfo.type:this.type),this.actionsVisible&&i("div",{class:{"delete-mode":"delete"===this.mode,optimization:"delete"!==this.mode,"waiting-mode":"none"!==this.waitingMode},part:`${r}delete-mode${s}`},"none"===this.waitingMode?["delete"===this.mode&&t.deleteMode,i("button",{"aria-label":a[0].label,class:a[0].class,part:a[0].part,disabled:this.disabled,type:"button",onClick:a[0].event}),i("button",{"aria-label":a[1].label,class:a[1].class,part:a[1].part,disabled:this.disabled,type:"button",onClick:a[1].event})]:[t[this.waitingMode],this.loading()])),"LEVEL"===this.type&&(0===this.level?i("div",{slot:"content",part:`${r}content`},i("slot",null)):i("slot",null))]}handleExpandedChange(t){t.stopPropagation()}handleFirstNewField(t){0===this.level&&this.confirmAction("new","no",t.detail)(t)}handleFirstNewFieldErrors(t){this.confirmAction("new","yes")(t)}async setAddingMode(){this.clearInput(),this.waitingMode="adding"}async clearInput(){this.inputName&&(this.inputName.shadowRoot.firstElementChild.value=""),this.errorType="None"}async checkErrors(t,e){this.confirmAction("new",t)(e)}async delete(t){this.emitDelete(t)}async hideWaitingMode(){"add"===this.mode&&0===this.level?this.el.firstElementChild.firstElementChild.hideWaitingMode():"add"!==this.mode&&(this.mode="normal"),this.waitingMode="none"}componentDidUpdate(){this.focusInputInNextRender&&this.inputName&&(this.focusInputInNextRender=!1,requestAnimationFrame((()=>{this.inputName.click()})))}render(){const t=this.disabled?" disabled":"",e="none"===this.waitingMode?"":` ${r}waiting-mode`,s="None"!==this.errorType?" error":"",a=this.captions,d=this.actions(a,t)[this.mode],l="editing"===this.waitingMode||"adding"===this.waitingMode;return i(n,{role:"listitem","aria-labelledby":o,class:{"gx-disabled":this.disabled}},"add"===this.mode&&"adding"!==this.waitingMode?this.newFieldMode(a,s,t,d):0===this.level?i("ch-accordion",{class:"accordion",part:`${r}accordion`,accessibleName:this.name,expanded:this.expanded,exportparts:`accordion__chevron:${r}chevron,accordion__expandable:${r}expandable,accordion__header:${r}header`},this.normalMode(a,s,t,e,d,l)):this.normalMode(a,s,t,e,d,l))}get el(){return s(this)}};m.style=':where(button){all:unset;display:inline-flex;cursor:pointer}*,::before,::after{box-sizing:border-box}.error-text,.name{color:inherit;font:inherit;margin:0;padding:0;outline:0}gx-edit:is(.gx-edit--auto-fill,.gx-edit--auto-fill:focus-within,.gx-edit--auto-fill:hover){background-color:var(--gx-edit-auto-fill-background-color)}:host{display:grid;--chevron-color:#ccc}:host(:hover) .button-primary,:host(:focus-within) .button-primary{display:grid}:host(:hover) .button-primary::before,:host(:focus-within) .button-primary::before{content:""}:host(.gx-disabled){pointer-events:none}.add-new-field--level-0{display:grid;grid-template:"name . . ." min-content "field-name type confirm cancel" 1fr "error-text . confirm cancel" min-content "sub-item sub-item confirm cancel" min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-0 ::slotted(ch-next-data-modeling){grid-area:sub-item}.add-new-field--level-1{display:grid;grid-template:"name . . ." min-content "field-name type confirm cancel" 1fr "error-text . . ." min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-2{display:grid;grid-template:"sub-field name . . ." min-content ". field-name type confirm cancel" 1fr ". error-text . . ." min-content/min-content 1fr min-content 56px 32px;row-gap:4px}.add-new-field--no-actions{grid-template:"sub-field name ." min-content ". field-name type" 1fr ". error-text ." min-content/min-content 1fr min-content}.accordion:hover .edit-button,.accordion:hover .delete-button,.accordion:focus-within .edit-button,.accordion:focus-within .delete-button{display:grid}.sub-field{grid-area:sub-field}.field-name{grid-area:field-name;margin-inline-end:8px}.button-confirm{grid-area:confirm;margin-inline:16px 8px}.button-cancel{grid-area:cancel}.error-text{grid-area:error-text;display:flex;white-space:break-spaces}.header{display:grid;grid-template:"sub-field name type edit delete" 1fr/min-content max-content 1fr min-content max-content;align-items:center;width:100%;margin-inline-end:12px}.accordion::part(accordion__header){column-gap:24px}.edit-mode{grid-template:"sub-field field-name type confirm cancel" min-content "sub-field error-text error-text confirm cancel" min-content/min-content 1fr min-content 56px 32px}.name{grid-area:name}.name-entity{text-decoration:underline}.type{grid-area:type}.select-wrapper{--chevron:url(\'data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path d="M1.41 0L6 4.59L10.59 0L12 1.42L6 7.42L0 1.42L1.41 0Z"/></svg>\');grid-area:type;position:relative}.select-wrapper::after{content:"";display:flex;position:absolute;inset-inline-end:0;inset-block-start:calc(50% - 3.75px);width:12px;height:7.5px;margin-inline:8px 16px;-webkit-mask:var(--chevron) no-repeat;background-color:var(--chevron-color);pointer-events:none}.select{display:flex;height:100%;appearance:none;background-color:unset;cursor:pointer;outline:unset;transition-property:background-color, border-color, color;transition-duration:250ms}.button-new-entity{align-items:center;transition:color 250ms}.optimization{display:contents}.button-primary{display:none;align-self:center;height:20px;padding:2px}.button-primary::before{display:flex}.button-edit{grid-area:edit;width:21px}.button-edit::before{-webkit-mask:var(--edit-icon) no-repeat}.button-delete{grid-area:delete;width:18px;margin-inline-start:12px}.button-delete::before{-webkit-mask:var(--delete-icon) no-repeat}.delete-mode,.waiting-mode{grid-area:delete;display:grid;grid-template-columns:1fr 24px 24px;align-items:center;column-gap:8px;cursor:auto;animation:fade-in 250ms ease-in-out}.waiting-mode{grid-template-columns:24px 1fr}.waiting-mode__loading{order:-1;width:100%;fill:none;animation:rotate 1.5s linear 0.125s infinite}circle{stroke:currentColor;stroke-dasharray:1, 200;stroke-linecap:round;animation:indeterminate-loading 1.25s ease-in-out 0.125s infinite}@keyframes fade-in{0%{opacity:0}}@keyframes rotate{100%{transform:rotate(1turn)}}@keyframes indeterminate-loading{50%,60%{stroke-dasharray:20, 200;stroke-dashoffset:-8px}100%{stroke-dashoffset:-24px}}';export{m as ch_next_data_modeling_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as r}from"./p-f9f51980.js";const e=class{constructor(o){t(this,o),this.position="bottom",this.rtl=!1}componentDidLoad(){const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}render(){return o(r,{class:{rtl:this.rtl}},o("div",{class:{toolbar:!0,"toolbar--start":"start"===this.position,"toolbar--top":"top"===this.position,"toolbar--bottom":"bottom"===this.position}},o("div",{class:"left-container"},o("gxg-icon",{slot:"icon",type:"navigation/drag",color:"negative",size:"regular"}),o("div",{class:"left-container__title"},o("strong",null,this.toolbarTitle,":")),o("div",{class:"left-container__subtitle"},this.subtitle)),o("div",{class:"right-container"},o("slot",null))))}};e.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 .toolbar{display:inline-flex;background-color:var(--color-primary-enabled);color:var(--color-on-primary);justify-content:space-between;font-family:var(--font-family-primary);font-size:var(--font-size-md);height:var(--spacing-comp-l);position:relative}:host .toolbar:before{content:"";width:0px;height:0px;border-left:0px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--color-primary-enabled);position:absolute}:host .toolbar--start:before{left:0;transform:rotate(0deg) translateX(-100%) scaleX(-1)}:host .toolbar--top:before{top:0;transform:rotate(180deg) translateY(100%) scaleX(-1)}:host .toolbar--bottom:before{bottom:0;transform:translateY(100%)}:host .left-container{display:flex;align-items:center;margin-inline-end:60px}:host .left-container__subtitle{padding-inline-start:5px}:host .right-container{display:flex}:host(.rtl) .toolbar--start:before{right:0;top:0;transform:rotate(0deg) translateX(100%)}:host(.rtl) .toolbar--top:before{transform:rotate(180deg) translateY(100%)}:host(.rtl) .toolbar--bottom:before{bottom:0;transform:translateY(100%) scaleX(-1)}';export{e as gxg_toolbar}
|
|
1
|
+
import{r as t,h as o,H as r}from"./p-ee37a0b3.js";const e=class{constructor(o){t(this,o),this.position="bottom",this.rtl=!1}componentDidLoad(){const t=document.getElementsByTagName("html")[0].getAttribute("dir"),o=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==o||(this.rtl=!0)}render(){return o(r,{class:{rtl:this.rtl}},o("div",{class:{toolbar:!0,"toolbar--start":"start"===this.position,"toolbar--top":"top"===this.position,"toolbar--bottom":"bottom"===this.position}},o("div",{class:"left-container"},o("gxg-icon",{slot:"icon",type:"navigation/drag",color:"negative",size:"regular"}),o("div",{class:"left-container__title"},o("strong",null,this.toolbarTitle,":")),o("div",{class:"left-container__subtitle"},this.subtitle)),o("div",{class:"right-container"},o("slot",null))))}};e.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 .toolbar{display:inline-flex;background-color:var(--color-primary-enabled);color:var(--color-on-primary);justify-content:space-between;font-family:var(--font-family-primary);font-size:var(--font-size-md);height:var(--spacing-comp-l);position:relative}:host .toolbar:before{content:"";width:0px;height:0px;border-left:0px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--color-primary-enabled);position:absolute}:host .toolbar--start:before{left:0;transform:rotate(0deg) translateX(-100%) scaleX(-1)}:host .toolbar--top:before{top:0;transform:rotate(180deg) translateY(100%) scaleX(-1)}:host .toolbar--bottom:before{bottom:0;transform:translateY(100%)}:host .left-container{display:flex;align-items:center;margin-inline-end:60px}:host .left-container__subtitle{padding-inline-start:5px}:host .right-container{display:flex}:host(.rtl) .toolbar--start:before{right:0;top:0;transform:rotate(0deg) translateX(100%)}:host(.rtl) .toolbar--top:before{transform:rotate(180deg) translateY(100%)}:host(.rtl) .toolbar--bottom:before{bottom:0;transform:translateY(100%) scaleX(-1)}';export{e as gxg_toolbar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as o,g as s}from"./p-f9f51980.js";import{C as n}from"./p-c39737e2.js";class r{constructor(t){this.key=t.key,this.value=t.value}}class l{constructor(){this.sessionStorageSupported=void 0!==window.sessionStorage&&null!=window.sessionStorage}add(t,i){this.sessionStorageSupported&&sessionStorage.setItem(t,i)}getAllItems(){const t=new Array;for(let i=0;i<sessionStorage.length;i++){const e=sessionStorage.key(i),o=sessionStorage.getItem(e);t.push(new r({key:e,value:o}))}return t}getAllValues(){const t=new Array;for(let i=0;i<sessionStorage.length;i++){const e=sessionStorage.key(i),o=sessionStorage.getItem(e);t.push(o)}return t}get(t){return this.sessionStorageSupported?sessionStorage.getItem(t):null}remove(t){this.sessionStorageSupported&&sessionStorage.removeItem(t)}clear(){this.sessionStorageSupported&&sessionStorage.clear()}}const a=class{constructor(e){t(this,e),this.itemClicked=i(this,"itemClicked",7),this.collapseBtnClicked=i(this,"collapseBtnClicked",7),this.topHeightSpeed=300,this.speedDivisionValue=400,this.singleListOpen=!1,this.distanceToTop=0,this.collapsible=!0,this.activeItemId="",this.activeItem=""}componentDidLoad(){window.matchMedia("(max-width: 767px)").matches&&this.menu.classList.add("hidden-xs"),window.matchMedia("(max-width: 767px)").addEventListener("change",this.handleMatchMedia.bind(this)),this.getSidebarState();const t=this.title.offsetHeight,i=t+this.footer.offsetHeight+"px",e=this.el.querySelectorAll(".collapsable"),o=this.distanceToTop.toString()+"px";this.menu.style.top=o,this.main.style.height=`calc(100vh - ${i} - ${o})`;const s=this.el.querySelectorAll(".item");Array.from(s).forEach((function(t){const i=t.shadowRoot.querySelector(".main-container");t.style.maxHeight=i.offsetHeight+"px"}));const n=this.el.querySelectorAll(".item.uncollapsed");if(Array.prototype.slice.call(n).reverse().forEach((function(t){const i=t.shadowRoot.querySelector(".main-container").offsetHeight,e=t.querySelector(":scope > ch-sidebar-menu-list");e&&(t.style.maxHeight=i+e.offsetHeight+"px")})),this.indicator=document.createElement("DIV"),this.indicator.setAttribute("id","indicator"),this.main.appendChild(this.indicator),this.repositionIndicatorAfterMenuUncollapse(),Array.from(s).forEach(function(i){i.addEventListener("click",function(e){if(e.stopPropagation(),!this.menu.classList.contains("collapsed")){const e=i.getBoundingClientRect().y,o=i.shadowRoot.querySelector(".main-container").offsetHeight;if(this.singleListOpen&&i.classList.contains("list-one__item")){let e=i,s=t;for(;null!=(e=e.previousElementSibling);)s+=e.shadowRoot.querySelector(".main-container").offsetHeight;this.indicator.style.top=s+"px",this.indicator.style.height=o+"px"}else this.indicator.style.top=e+"px",this.indicator.style.height=o+"px"}}.bind(this))}.bind(this)),Array.from(s).forEach(function(t){t.addEventListener("click",function(i){i.stopPropagation();const e=document.querySelector(".item--active");null!==e&&e.classList.remove("item--active"),t.classList.add("item--active"),this.GetCurrentItemIndicatorPos(),this.storeSidebarActiveItem(t),this.activeItem=t.id}.bind(this))}.bind(this)),""!==this.activeItemId&&!this.activeItem){const t=this.el.querySelector("#"+this.activeItemId);t.classList.add("item--active");let i=t.parentElement;if(i.hasAttribute("slot")){i=i.parentElement,this.uncollapseList(i),i.classList.add("uncollapsed");let t=i.parentElement;t.hasAttribute("slot")&&(t=t.parentElement,this.uncollapseList(t),t.classList.add("uncollapsed"))}const e=t.getBoundingClientRect().y,o=t.shadowRoot.querySelector(".main-container").offsetHeight;this.indicator.style.top=e+"px",this.indicator.style.height=o+"px"}if(Array.from(e).forEach(function(t){t.shadowRoot.querySelector(".main-container").addEventListener("click",function(){if(t.classList.contains("list-one__item")&&this.menu.classList.contains("collapsed"))this.collapseButton.click();else if(this.toggleIcon(t),this.setTransitionSpeed(t),t.classList.contains("uncollapsed")?this.uncollapseList(t):this.collapseList(t),t.classList.contains("list-two__item")){const i=t.closest(".list-one__item"),e=t.querySelector(".list-three").offsetHeight;this.updateListItem1TransitionSpeed(i,e),this.updateListItem1MaxHeight(i)}}.bind(this))}.bind(this)),this.singleListOpen){const t=document.querySelectorAll(".list-one__item");Array.from(t).forEach(function(t){t.shadowRoot.querySelector(".main-container").addEventListener("click",function(){if(!this.menu.classList.contains("collapsed")){const i=document.querySelector(".lastUl1Opened");null===i||t.classList.contains("lastUl1Opened")||i.shadowRoot.querySelector(".main-container").click(),t.classList.contains("uncollapsed")?t.classList.add("lastUl1Opened"):t.classList.remove("lastUl1Opened")}}.bind(this))}.bind(this))}this.collapsible&&this.collapseButton.addEventListener("click",function(){let t=0;this.menu.classList.contains("collapsed")?(this.menu.classList.add("collapse-faster"),t=300):(this.menu.classList.remove("collapse-faster"),t=600),this.menu.classList.add("collapsing"),this.hideIndicator(),setTimeout(function(){this.menu.classList.contains("collapsed")?(this.uncollapseCollapsedLists(),this.undoSwitchListOneOrder(),this.menu.classList.remove("collapsed"),setTimeout(function(){this.repositionIndicatorAfterMenuUncollapse()}.bind(this),50),this.isCollapsed=!1,this.collapseMenuHandler(),this.storeSidebarState()):(this.collapseUncollapsedLists1(),this.switchListOneOrder(),this.menu.classList.add("collapsed"),setTimeout(function(){this.repositionIndicatorAfterMenuCollapse()}.bind(this),50),this.isCollapsed=!0,this.collapseMenuHandler(),this.storeSidebarState()),this.menu.classList.remove("collapsing"),setTimeout(function(){this.showIndicator()}.bind(this),400)}.bind(this),t)}.bind(this)),this.getSidebarCollapsedState();const r=document.createElement("DIV");let l;r.classList.add("tooltip"),r.style.zIndex="0",this.menu.appendChild(r),Array.from(s).forEach(function(t){const i=t.shadowRoot.querySelector(".main-container");i.addEventListener("mouseenter",function(){if(this.menu.classList.contains("collapsed")){r.classList.add("visible"),r.innerHTML=t.childNodes[0].nodeValue;const i=t.getBoundingClientRect().y;r.style.top=i+"px"}}.bind(this)),i.addEventListener("mouseleave",function(){this.menu.classList.contains("collapsed")&&r.classList.remove("visible")}.bind(this))}.bind(this)),this.main.addEventListener("scroll",function(){this.GetCurrentItemIndicatorPos()}.bind(this)),document.addEventListener("scroll",function(){const t=document.documentElement,e=(window.pageYOffset||t.scrollTop)-(t.clientTop||0);void 0===l&&(l=0);const o=Number(this.menu.style.top.split("px")[0]);o>0?o-(e-l)>0?(this.menu.style.top=o-(e-l)+"px",l=e,this.main.style.height=`calc(100vh - ${i} - ${this.distanceToTop-e+"px"})`,this.GetCurrentItemIndicatorPos()):(this.menu.style.top="0px",this.GetCurrentItemIndicatorPos()):0==o&&e<=this.distanceToTop&&(this.menu.style.top=this.distanceToTop-e+"px",l=e,this.main.style.height=`calc(100vh - ${i} - ${e})`,this.GetCurrentItemIndicatorPos())}.bind(this))}handleMatchMedia(t){t.matches?this.menu.classList.add("hidden-xs"):this.menu.classList.remove("hidden-xs")}closeSidebar(){window.matchMedia("(max-width: 767px)").matches&&(this.menu.className="",this.menu.classList.add("hidden-xs"))}GetCurrentItemIndicatorPos(){let t=null;const i=document.querySelector(".item--active");if(null!==i){const e=i.getBoundingClientRect().y;this.indicator.classList.add("speed-zero"),this.indicator.style.top=e+"px",null!==t&&clearTimeout(t),t=setTimeout(function(){this.indicator.classList.remove("speed-zero")}.bind(this),50)}}repositionIndicatorAfterMenuCollapse(){const t=this.el.querySelector(".item--active");if(null!==t){const i=t.closest(".list-one__item");if(null!==i){const t=i.shadowRoot.querySelector(".main-container"),e=t.getBoundingClientRect().y,o=t.offsetHeight;this.indicator.style.top=e+"px",this.indicator.style.height=o+"px"}else{const i=t.getBoundingClientRect().y,e=t.offsetHeight;this.indicator.style.top=i+"px",this.indicator.style.height=e+"px"}}}repositionIndicatorAfterMenuUncollapse(){const t=this.el.querySelector(".item--active");if(null!==t){const i=t.shadowRoot.querySelector(".main-container"),e=i.getBoundingClientRect().y,o=i.offsetHeight;this.indicator.style.top=e+"px",this.indicator.style.height=o+"px"}}hideIndicator(){this.indicator.classList.add("hide")}showIndicator(){this.indicator.classList.remove("hide")}collapseUncollapsedLists1(){const t=document.querySelectorAll(".list-one__item.uncollapsed");Array.from(t).forEach((function(t){t.classList.add("speed-zero"),t.setAttribute("data-uncollapsed-max-height",t.style.maxHeight),t.style.maxHeight=t.shadowRoot.querySelector(".main-container").offsetHeight+"px"}))}uncollapseCollapsedLists(){const t=document.querySelectorAll(".list-one__item.uncollapsed");Array.from(t).forEach((function(t){t.addEventListener("transitionend",(function i(e){"max-height"===e.propertyName&&(t.classList.remove("speed-zero"),t.removeEventListener("transitionend",i))}));const i=t.getAttribute("data-uncollapsed-max-height");t.style.maxHeight=i,t.removeAttribute("data-uncollapsed-max-height")}))}switchListOneOrder(){const t=document.querySelectorAll(".list-one__item");Array.from(t).forEach((function(t){t.classList.add("switch-order")}))}undoSwitchListOneOrder(){const t=document.querySelectorAll(".list-one__item");Array.from(t).forEach((function(t){t.classList.remove("switch-order")}))}updateListItem1TransitionSpeed(t,i){i>this.topHeightSpeed&&(i=this.topHeightSpeed),t.style.transitionDuration=i/this.speedDivisionValue+"s"}updateListItem1MaxHeight(t){const i=t.shadowRoot.querySelector(".main-container").clientHeight,e=t.querySelectorAll(":scope > ch-sidebar-menu-list > ch-sidebar-menu-list-item");let o=i;Array.from(e).forEach((function(t){o+=parseInt(t.style.maxHeight.slice(0,-2))})),t.style.maxHeight=o+"px"}toggleIcon(t){t.classList.contains("uncollapsed")?t.classList.remove("uncollapsed"):t.classList.add("uncollapsed")}setTransitionSpeed(t){let i=0;const e=t.querySelector("ch-sidebar-menu-list").clientHeight;i=e>this.topHeightSpeed?this.topHeightSpeed:e,t.style.transitionDuration=i/this.speedDivisionValue+"s"}collapseList(t){const i=t.shadowRoot.querySelector(".main-container").offsetHeight;t.style.maxHeight=i+"px",this.storeSidebarCollapsedItem(t)}uncollapseList(t){const i=t.shadowRoot.querySelector(".main-container").clientHeight,e=t.querySelector("ch-sidebar-menu-list").clientHeight;t.style.maxHeight=i+e+"px",this.storeSidebarUncollapsedItem(t)}storeSidebarActiveItem(t){const i=new l,e=i.get("active-item");""!=e&&null!=e&&i.remove("active-item"),i.add("active-item",t.id)}storeSidebarUncollapsedItem(t){const i=new l;t.classList.contains("list-three__item")||i.add(t.id,"uncollapsed")}storeSidebarCollapsedItem(t){(new l).remove(t.id)}storeSidebarState(){const t=new l,i=t.get("isCollapsed");t.add("isCollapsed","false"===i?"true":"false")}getSidebarState(){const t=(new l).getAllItems();for(let i=0;i<t.length;i++){let e;switch(!0){case"active-item"===t[i].key:e=document.getElementById(t[i].value),e&&(e.classList.add("item--active"),this.activeItem=e.id,this.main.scrollTop=100);break;case"uncollapsed"===t[i].value:e=document.getElementById(t[i].key),e&&e.classList.add("uncollapsed")}}}getSidebarCollapsedState(){const t=(new l).getAllItems();for(let i=0;i<t.length;i++)1==("isCollapsed"===t[i].key)&&("true"===t[i].value?(this.collapseUncollapsedLists1(),this.switchListOneOrder(),this.menu.classList.add("collapsed"),setTimeout(function(){this.repositionIndicatorAfterMenuCollapse()}.bind(this),50),this.isCollapsed=!0,this.collapseMenuHandler()):this.isCollapsed=!1)}collapseMenuHandler(){this.collapseBtnClicked.emit({isCollapsed:this.isCollapsed})}render(){return e(o,null,e("nav",{id:"menu",part:"menu",ref:t=>this.menu=t},e("h1",{id:"title",ref:t=>this.title=t},this.menuTitle),e("main",{id:"main",ref:t=>this.main=t},e("slot",null)),e("footer",{id:"footer",ref:t=>this.footer=t},e("div",{id:"custom-content"},e("slot",{name:"footer"})),this.collapsible&&e("div",{id:"collapse-menu",ref:t=>this.collapseButton=t},e("div",{part:"collapse-menu-icon",class:"collapse-icon"})))))}static get assetsDirs(){return["sidebar-menu-assets"]}get el(){return s(this)}};(function(t,i,e,o){var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);n>3&&r&&Object.defineProperty(i,e,r)})([n({exclude:".sidebar__toggle-ico"})],a.prototype,"closeSidebar",null),a.style=':host{--title-font-family:"Source Sans Pro", sans-serif;--title-text-transform:lowercase;--title-font-weight:bold;--first-list-font-size:14px;--second-list-font-size:14px;--third-list-font-size:14px;--first-list-line-height:1.4em;--second-list-line-height:1.4em;--third-list-line-height:1.4em;--first-list-text-transform:capitalize;--second-list-text-transform:lowercase;--third-list-text-transform:capitalize;--first-list-text-vertical-padding:8px;--second-list-text-vertical-padding:6px;--third-list-text-vertical-padding:4px;--menu-background-color:var(--whiteSmoke);--text-color:var(--black);--item-hover-color:var(--lightGray);--item-active-color:var(--silverGray);--first-list-icon-color:var(--black);--first-list-arrow-color:var(--black);--second-list-arrow-color:var(--black);--footer-line-color:var(--black);--footer-font-size:14px;--indicator-color:var(--black);--scrollbar-track:var(--lightGray);--scrollbar-thumb:var(--darkGray);display:block;}:host #menu{background-color:var(--menu-background-color);font-family:var(--title-font-family);width:240px;position:fixed;height:100vh;inset-inline-start:0;top:0;z-index:5}:host #menu #title{text-transform:var(--title-text-transform);font-weight:var(--title-font-weight);color:var(--text-color);font-size:14px;letter-spacing:0.378px;padding:16px;margin:0;position:relative;z-index:20;width:240px;box-sizing:border-box}:host #menu #title:before{content:"";position:absolute;width:2px;height:10px;background-color:var(--menu-background-color);inset-inline-start:0;height:100%;top:0}:host #menu #main{overflow-y:auto;position:fixed;width:240px;z-index:10}:host #menu .text{color:var(--text-color)}:host #menu #footer{position:fixed;bottom:0;inset-inline-start:0;width:240px;box-sizing:border-box;z-index:20;font-size:var(--footer-font-size)}:host #menu #footer #custom-content{padding:32px 16px 8px 16px;position:relative}:host #menu #footer #custom-content:before{content:"";position:absolute;width:2px;height:10px;background-color:var(--menu-background-color);inset-inline-start:0;height:100%;top:0}:host #menu #footer #collapse-menu{cursor:pointer;height:50px;display:flex;align-items:center;padding:0 16px;transition:var(--menu-background-color) 0.25s;border-top:1px solid var(--footer-line-color);transition:background-color 0.25s;position:relative}:host #menu #footer #collapse-menu:hover{background-color:var(--item-hover-color)}:host #menu #footer #collapse-menu:hover:before{background-color:var(--item-hover-color)}:host #menu #footer #collapse-menu:active{background-color:var(--item-active-color)}:host #menu #footer #collapse-menu:active:before{background-color:var(--item-active-color)}:host #menu #footer #collapse-menu:before{content:"";position:absolute;width:2px;height:10px;background-color:var(--menu-background-color);inset-inline-start:0;height:100%;top:0;transition:background-color 0.25s}:host #menu.collapsed #footer #custom-content{display:none}:host #menu.collapsed #footer #collapse-menu{padding:0 10px}:host #menu.collapsed,:host #menu.collapsed #title,:host #menu.collapsed #footer{inset-inline-start:-202px}:host #menu.collapsing,:host #menu.collapsing #title,:host #menu.collapsing #footer{inset-inline-start:-240px !important;transition:left 0.6s;transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}:host #menu.collapse-faster,:host #menu.collapse-faster #title,:host #menu.collapse-faster #footer{transition:left 0.3s;transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}:host #menu.collapsed #collapse-menu{flex-direction:row-reverse}:host #menu.collapsed #collapse-menu ch-icon{transform:rotate(180deg)}:host #menu.collapsed #collapse-menu .collapse-icon{transform:rotate(180deg)}:host #menu,:host #footer{color:var(--text-color)}:host .tooltip{position:fixed;inset-inline-start:50px;opacity:0;transition:opacity 0.25s;background-color:var(--menu-background-color);color:var(--text-color);padding:4px 8px;border-radius:6px;z-index:0}:host .tooltip.visible{opacity:1}:host #indicator{width:2px;background-color:var(--indicator-color);position:fixed;inset-inline-start:0;height:0;transition:top 0.4s, height 0.5s, opacity 0.35s;opacity:1}:host #indicator.speed-zero{transition-duration:0s}:host #indicator.hide{opacity:0}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}:host ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}:host ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb);cursor:pointer}:host .hidden-xs{visibility:hidden}:host .visible-xs{visibility:inherit}';export{a as ch_sidebar_menu}
|
|
1
|
+
import{r as t,c as i,h as e,H as o,g as s}from"./p-ee37a0b3.js";import{C as n}from"./p-44dcdfc1.js";class r{constructor(t){this.key=t.key,this.value=t.value}}class l{constructor(){this.sessionStorageSupported=void 0!==window.sessionStorage&&null!=window.sessionStorage}add(t,i){this.sessionStorageSupported&&sessionStorage.setItem(t,i)}getAllItems(){const t=new Array;for(let i=0;i<sessionStorage.length;i++){const e=sessionStorage.key(i),o=sessionStorage.getItem(e);t.push(new r({key:e,value:o}))}return t}getAllValues(){const t=new Array;for(let i=0;i<sessionStorage.length;i++){const e=sessionStorage.key(i),o=sessionStorage.getItem(e);t.push(o)}return t}get(t){return this.sessionStorageSupported?sessionStorage.getItem(t):null}remove(t){this.sessionStorageSupported&&sessionStorage.removeItem(t)}clear(){this.sessionStorageSupported&&sessionStorage.clear()}}const a=class{constructor(e){t(this,e),this.itemClicked=i(this,"itemClicked",7),this.collapseBtnClicked=i(this,"collapseBtnClicked",7),this.topHeightSpeed=300,this.speedDivisionValue=400,this.singleListOpen=!1,this.distanceToTop=0,this.collapsible=!0,this.activeItemId="",this.activeItem=""}componentDidLoad(){window.matchMedia("(max-width: 767px)").matches&&this.menu.classList.add("hidden-xs"),window.matchMedia("(max-width: 767px)").addEventListener("change",this.handleMatchMedia.bind(this)),this.getSidebarState();const t=this.title.offsetHeight,i=t+this.footer.offsetHeight+"px",e=this.el.querySelectorAll(".collapsable"),o=this.distanceToTop.toString()+"px";this.menu.style.top=o,this.main.style.height=`calc(100vh - ${i} - ${o})`;const s=this.el.querySelectorAll(".item");Array.from(s).forEach((function(t){const i=t.shadowRoot.querySelector(".main-container");t.style.maxHeight=i.offsetHeight+"px"}));const n=this.el.querySelectorAll(".item.uncollapsed");if(Array.prototype.slice.call(n).reverse().forEach((function(t){const i=t.shadowRoot.querySelector(".main-container").offsetHeight,e=t.querySelector(":scope > ch-sidebar-menu-list");e&&(t.style.maxHeight=i+e.offsetHeight+"px")})),this.indicator=document.createElement("DIV"),this.indicator.setAttribute("id","indicator"),this.main.appendChild(this.indicator),this.repositionIndicatorAfterMenuUncollapse(),Array.from(s).forEach(function(i){i.addEventListener("click",function(e){if(e.stopPropagation(),!this.menu.classList.contains("collapsed")){const e=i.getBoundingClientRect().y,o=i.shadowRoot.querySelector(".main-container").offsetHeight;if(this.singleListOpen&&i.classList.contains("list-one__item")){let e=i,s=t;for(;null!=(e=e.previousElementSibling);)s+=e.shadowRoot.querySelector(".main-container").offsetHeight;this.indicator.style.top=s+"px",this.indicator.style.height=o+"px"}else this.indicator.style.top=e+"px",this.indicator.style.height=o+"px"}}.bind(this))}.bind(this)),Array.from(s).forEach(function(t){t.addEventListener("click",function(i){i.stopPropagation();const e=document.querySelector(".item--active");null!==e&&e.classList.remove("item--active"),t.classList.add("item--active"),this.GetCurrentItemIndicatorPos(),this.storeSidebarActiveItem(t),this.activeItem=t.id}.bind(this))}.bind(this)),""!==this.activeItemId&&!this.activeItem){const t=this.el.querySelector("#"+this.activeItemId);t.classList.add("item--active");let i=t.parentElement;if(i.hasAttribute("slot")){i=i.parentElement,this.uncollapseList(i),i.classList.add("uncollapsed");let t=i.parentElement;t.hasAttribute("slot")&&(t=t.parentElement,this.uncollapseList(t),t.classList.add("uncollapsed"))}const e=t.getBoundingClientRect().y,o=t.shadowRoot.querySelector(".main-container").offsetHeight;this.indicator.style.top=e+"px",this.indicator.style.height=o+"px"}if(Array.from(e).forEach(function(t){t.shadowRoot.querySelector(".main-container").addEventListener("click",function(){if(t.classList.contains("list-one__item")&&this.menu.classList.contains("collapsed"))this.collapseButton.click();else if(this.toggleIcon(t),this.setTransitionSpeed(t),t.classList.contains("uncollapsed")?this.uncollapseList(t):this.collapseList(t),t.classList.contains("list-two__item")){const i=t.closest(".list-one__item"),e=t.querySelector(".list-three").offsetHeight;this.updateListItem1TransitionSpeed(i,e),this.updateListItem1MaxHeight(i)}}.bind(this))}.bind(this)),this.singleListOpen){const t=document.querySelectorAll(".list-one__item");Array.from(t).forEach(function(t){t.shadowRoot.querySelector(".main-container").addEventListener("click",function(){if(!this.menu.classList.contains("collapsed")){const i=document.querySelector(".lastUl1Opened");null===i||t.classList.contains("lastUl1Opened")||i.shadowRoot.querySelector(".main-container").click(),t.classList.contains("uncollapsed")?t.classList.add("lastUl1Opened"):t.classList.remove("lastUl1Opened")}}.bind(this))}.bind(this))}this.collapsible&&this.collapseButton.addEventListener("click",function(){let t=0;this.menu.classList.contains("collapsed")?(this.menu.classList.add("collapse-faster"),t=300):(this.menu.classList.remove("collapse-faster"),t=600),this.menu.classList.add("collapsing"),this.hideIndicator(),setTimeout(function(){this.menu.classList.contains("collapsed")?(this.uncollapseCollapsedLists(),this.undoSwitchListOneOrder(),this.menu.classList.remove("collapsed"),setTimeout(function(){this.repositionIndicatorAfterMenuUncollapse()}.bind(this),50),this.isCollapsed=!1,this.collapseMenuHandler(),this.storeSidebarState()):(this.collapseUncollapsedLists1(),this.switchListOneOrder(),this.menu.classList.add("collapsed"),setTimeout(function(){this.repositionIndicatorAfterMenuCollapse()}.bind(this),50),this.isCollapsed=!0,this.collapseMenuHandler(),this.storeSidebarState()),this.menu.classList.remove("collapsing"),setTimeout(function(){this.showIndicator()}.bind(this),400)}.bind(this),t)}.bind(this)),this.getSidebarCollapsedState();const r=document.createElement("DIV");let l;r.classList.add("tooltip"),r.style.zIndex="0",this.menu.appendChild(r),Array.from(s).forEach(function(t){const i=t.shadowRoot.querySelector(".main-container");i.addEventListener("mouseenter",function(){if(this.menu.classList.contains("collapsed")){r.classList.add("visible"),r.innerHTML=t.childNodes[0].nodeValue;const i=t.getBoundingClientRect().y;r.style.top=i+"px"}}.bind(this)),i.addEventListener("mouseleave",function(){this.menu.classList.contains("collapsed")&&r.classList.remove("visible")}.bind(this))}.bind(this)),this.main.addEventListener("scroll",function(){this.GetCurrentItemIndicatorPos()}.bind(this)),document.addEventListener("scroll",function(){const t=document.documentElement,e=(window.pageYOffset||t.scrollTop)-(t.clientTop||0);void 0===l&&(l=0);const o=Number(this.menu.style.top.split("px")[0]);o>0?o-(e-l)>0?(this.menu.style.top=o-(e-l)+"px",l=e,this.main.style.height=`calc(100vh - ${i} - ${this.distanceToTop-e+"px"})`,this.GetCurrentItemIndicatorPos()):(this.menu.style.top="0px",this.GetCurrentItemIndicatorPos()):0==o&&e<=this.distanceToTop&&(this.menu.style.top=this.distanceToTop-e+"px",l=e,this.main.style.height=`calc(100vh - ${i} - ${e})`,this.GetCurrentItemIndicatorPos())}.bind(this))}handleMatchMedia(t){t.matches?this.menu.classList.add("hidden-xs"):this.menu.classList.remove("hidden-xs")}closeSidebar(){window.matchMedia("(max-width: 767px)").matches&&(this.menu.className="",this.menu.classList.add("hidden-xs"))}GetCurrentItemIndicatorPos(){let t=null;const i=document.querySelector(".item--active");if(null!==i){const e=i.getBoundingClientRect().y;this.indicator.classList.add("speed-zero"),this.indicator.style.top=e+"px",null!==t&&clearTimeout(t),t=setTimeout(function(){this.indicator.classList.remove("speed-zero")}.bind(this),50)}}repositionIndicatorAfterMenuCollapse(){const t=this.el.querySelector(".item--active");if(null!==t){const i=t.closest(".list-one__item");if(null!==i){const t=i.shadowRoot.querySelector(".main-container"),e=t.getBoundingClientRect().y,o=t.offsetHeight;this.indicator.style.top=e+"px",this.indicator.style.height=o+"px"}else{const i=t.getBoundingClientRect().y,e=t.offsetHeight;this.indicator.style.top=i+"px",this.indicator.style.height=e+"px"}}}repositionIndicatorAfterMenuUncollapse(){const t=this.el.querySelector(".item--active");if(null!==t){const i=t.shadowRoot.querySelector(".main-container"),e=i.getBoundingClientRect().y,o=i.offsetHeight;this.indicator.style.top=e+"px",this.indicator.style.height=o+"px"}}hideIndicator(){this.indicator.classList.add("hide")}showIndicator(){this.indicator.classList.remove("hide")}collapseUncollapsedLists1(){const t=document.querySelectorAll(".list-one__item.uncollapsed");Array.from(t).forEach((function(t){t.classList.add("speed-zero"),t.setAttribute("data-uncollapsed-max-height",t.style.maxHeight),t.style.maxHeight=t.shadowRoot.querySelector(".main-container").offsetHeight+"px"}))}uncollapseCollapsedLists(){const t=document.querySelectorAll(".list-one__item.uncollapsed");Array.from(t).forEach((function(t){t.addEventListener("transitionend",(function i(e){"max-height"===e.propertyName&&(t.classList.remove("speed-zero"),t.removeEventListener("transitionend",i))}));const i=t.getAttribute("data-uncollapsed-max-height");t.style.maxHeight=i,t.removeAttribute("data-uncollapsed-max-height")}))}switchListOneOrder(){const t=document.querySelectorAll(".list-one__item");Array.from(t).forEach((function(t){t.classList.add("switch-order")}))}undoSwitchListOneOrder(){const t=document.querySelectorAll(".list-one__item");Array.from(t).forEach((function(t){t.classList.remove("switch-order")}))}updateListItem1TransitionSpeed(t,i){i>this.topHeightSpeed&&(i=this.topHeightSpeed),t.style.transitionDuration=i/this.speedDivisionValue+"s"}updateListItem1MaxHeight(t){const i=t.shadowRoot.querySelector(".main-container").clientHeight,e=t.querySelectorAll(":scope > ch-sidebar-menu-list > ch-sidebar-menu-list-item");let o=i;Array.from(e).forEach((function(t){o+=parseInt(t.style.maxHeight.slice(0,-2))})),t.style.maxHeight=o+"px"}toggleIcon(t){t.classList.contains("uncollapsed")?t.classList.remove("uncollapsed"):t.classList.add("uncollapsed")}setTransitionSpeed(t){let i=0;const e=t.querySelector("ch-sidebar-menu-list").clientHeight;i=e>this.topHeightSpeed?this.topHeightSpeed:e,t.style.transitionDuration=i/this.speedDivisionValue+"s"}collapseList(t){const i=t.shadowRoot.querySelector(".main-container").offsetHeight;t.style.maxHeight=i+"px",this.storeSidebarCollapsedItem(t)}uncollapseList(t){const i=t.shadowRoot.querySelector(".main-container").clientHeight,e=t.querySelector("ch-sidebar-menu-list").clientHeight;t.style.maxHeight=i+e+"px",this.storeSidebarUncollapsedItem(t)}storeSidebarActiveItem(t){const i=new l,e=i.get("active-item");""!=e&&null!=e&&i.remove("active-item"),i.add("active-item",t.id)}storeSidebarUncollapsedItem(t){const i=new l;t.classList.contains("list-three__item")||i.add(t.id,"uncollapsed")}storeSidebarCollapsedItem(t){(new l).remove(t.id)}storeSidebarState(){const t=new l,i=t.get("isCollapsed");t.add("isCollapsed","false"===i?"true":"false")}getSidebarState(){const t=(new l).getAllItems();for(let i=0;i<t.length;i++){let e;switch(!0){case"active-item"===t[i].key:e=document.getElementById(t[i].value),e&&(e.classList.add("item--active"),this.activeItem=e.id,this.main.scrollTop=100);break;case"uncollapsed"===t[i].value:e=document.getElementById(t[i].key),e&&e.classList.add("uncollapsed")}}}getSidebarCollapsedState(){const t=(new l).getAllItems();for(let i=0;i<t.length;i++)1==("isCollapsed"===t[i].key)&&("true"===t[i].value?(this.collapseUncollapsedLists1(),this.switchListOneOrder(),this.menu.classList.add("collapsed"),setTimeout(function(){this.repositionIndicatorAfterMenuCollapse()}.bind(this),50),this.isCollapsed=!0,this.collapseMenuHandler()):this.isCollapsed=!1)}collapseMenuHandler(){this.collapseBtnClicked.emit({isCollapsed:this.isCollapsed})}render(){return e(o,null,e("nav",{id:"menu",part:"menu",ref:t=>this.menu=t},e("h1",{id:"title",ref:t=>this.title=t},this.menuTitle),e("main",{id:"main",ref:t=>this.main=t},e("slot",null)),e("footer",{id:"footer",ref:t=>this.footer=t},e("div",{id:"custom-content"},e("slot",{name:"footer"})),this.collapsible&&e("div",{id:"collapse-menu",ref:t=>this.collapseButton=t},e("div",{part:"collapse-menu-icon",class:"collapse-icon"})))))}static get assetsDirs(){return["sidebar-menu-assets"]}get el(){return s(this)}};(function(t,i,e,o){var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);n>3&&r&&Object.defineProperty(i,e,r)})([n({exclude:".sidebar__toggle-ico"})],a.prototype,"closeSidebar",null),a.style=':host{--title-font-family:"Source Sans Pro", sans-serif;--title-text-transform:lowercase;--title-font-weight:bold;--first-list-font-size:14px;--second-list-font-size:14px;--third-list-font-size:14px;--first-list-line-height:1.4em;--second-list-line-height:1.4em;--third-list-line-height:1.4em;--first-list-text-transform:capitalize;--second-list-text-transform:lowercase;--third-list-text-transform:capitalize;--first-list-text-vertical-padding:8px;--second-list-text-vertical-padding:6px;--third-list-text-vertical-padding:4px;--menu-background-color:var(--whiteSmoke);--text-color:var(--black);--item-hover-color:var(--lightGray);--item-active-color:var(--silverGray);--first-list-icon-color:var(--black);--first-list-arrow-color:var(--black);--second-list-arrow-color:var(--black);--footer-line-color:var(--black);--footer-font-size:14px;--indicator-color:var(--black);--scrollbar-track:var(--lightGray);--scrollbar-thumb:var(--darkGray);display:block;}:host #menu{background-color:var(--menu-background-color);font-family:var(--title-font-family);width:240px;position:fixed;height:100vh;inset-inline-start:0;top:0;z-index:5}:host #menu #title{text-transform:var(--title-text-transform);font-weight:var(--title-font-weight);color:var(--text-color);font-size:14px;letter-spacing:0.378px;padding:16px;margin:0;position:relative;z-index:20;width:240px;box-sizing:border-box}:host #menu #title:before{content:"";position:absolute;width:2px;height:10px;background-color:var(--menu-background-color);inset-inline-start:0;height:100%;top:0}:host #menu #main{overflow-y:auto;position:fixed;width:240px;z-index:10}:host #menu .text{color:var(--text-color)}:host #menu #footer{position:fixed;bottom:0;inset-inline-start:0;width:240px;box-sizing:border-box;z-index:20;font-size:var(--footer-font-size)}:host #menu #footer #custom-content{padding:32px 16px 8px 16px;position:relative}:host #menu #footer #custom-content:before{content:"";position:absolute;width:2px;height:10px;background-color:var(--menu-background-color);inset-inline-start:0;height:100%;top:0}:host #menu #footer #collapse-menu{cursor:pointer;height:50px;display:flex;align-items:center;padding:0 16px;transition:var(--menu-background-color) 0.25s;border-top:1px solid var(--footer-line-color);transition:background-color 0.25s;position:relative}:host #menu #footer #collapse-menu:hover{background-color:var(--item-hover-color)}:host #menu #footer #collapse-menu:hover:before{background-color:var(--item-hover-color)}:host #menu #footer #collapse-menu:active{background-color:var(--item-active-color)}:host #menu #footer #collapse-menu:active:before{background-color:var(--item-active-color)}:host #menu #footer #collapse-menu:before{content:"";position:absolute;width:2px;height:10px;background-color:var(--menu-background-color);inset-inline-start:0;height:100%;top:0;transition:background-color 0.25s}:host #menu.collapsed #footer #custom-content{display:none}:host #menu.collapsed #footer #collapse-menu{padding:0 10px}:host #menu.collapsed,:host #menu.collapsed #title,:host #menu.collapsed #footer{inset-inline-start:-202px}:host #menu.collapsing,:host #menu.collapsing #title,:host #menu.collapsing #footer{inset-inline-start:-240px !important;transition:left 0.6s;transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}:host #menu.collapse-faster,:host #menu.collapse-faster #title,:host #menu.collapse-faster #footer{transition:left 0.3s;transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}:host #menu.collapsed #collapse-menu{flex-direction:row-reverse}:host #menu.collapsed #collapse-menu ch-icon{transform:rotate(180deg)}:host #menu.collapsed #collapse-menu .collapse-icon{transform:rotate(180deg)}:host #menu,:host #footer{color:var(--text-color)}:host .tooltip{position:fixed;inset-inline-start:50px;opacity:0;transition:opacity 0.25s;background-color:var(--menu-background-color);color:var(--text-color);padding:4px 8px;border-radius:6px;z-index:0}:host .tooltip.visible{opacity:1}:host #indicator{width:2px;background-color:var(--indicator-color);position:fixed;inset-inline-start:0;height:0;transition:top 0.4s, height 0.5s, opacity 0.35s;opacity:1}:host #indicator.speed-zero{transition-duration:0s}:host #indicator.hide{opacity:0}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}:host ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}:host ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb);cursor:pointer}:host .hidden-xs{visibility:hidden}:host .visible-xs{visibility:inherit}';export{a as ch_sidebar_menu}
|
|
@@ -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-ee37a0b3.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,H as r,g as i}from"./p-f9f51980.js";const a=class{constructor(e){t(this,e),this.clicked=o(this,"clicked",7),this.deleted=o(this,"deleted",7),this.active=!1,this.deletable=!1,this.padding="s",this.disabled=!1}clickedHandler(){this.clicked.emit(this.el.getAttribute("id"))}deleteHandler(t){t.stopPropagation(),this.deleted.emit("box was deleted")}handlerOnKeyDown(t){if(13==t.keyCode)this.active=!0,this.clicked.emit(this.el.getAttribute("id"));else if(9===t.keyCode&&t.shiftKey){const o=this.el.previousElementSibling;t.preventDefault(),o.focus()}else if(9==t.keyCode&&!this.active){const o=this.el.nextElementSibling;t.preventDefault(),o.focus()}}componentDidLoad(){if(void 0!==this.title){const t=this.el.shadowRoot.querySelector(".container-content__title");this.el.prepend(t)}}render(){return e(r,{tabindex:"0",onClick:this.clickedHandler.bind(this),onKeyDown:this.handlerOnKeyDown.bind(this)},this.active?null:e("div",{class:"cover"}),e("span",{class:"border"}),this.disabled?null:e("div",{class:"drag-icon-container"},e("gxg-icon",{size:"regular",type:"navigation/drag"})),e("div",{class:"container-content"},void 0!==this.title?e("span",{class:"container-content__title"},this.title):null,e("slot",null)),e("div",{class:"delete-button-container"},this.deletable?e("gxg-button",{"button-styles-editable":!0,icon:"gemini-tools/delete",onClick:this.deleteHandler.bind(this),type:"secondary-icon-only"}):null))}get el(){return i(this)}};a.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{position:relative;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--gray-03);display:flex;align-items:center;background-color:var(--color-background);margin-bottom:var(--spacing-lay-s);cursor:pointer;opacity:1;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .cover{position:absolute;width:100%;height:100%;left:0;background-color:transparent;z-index:100}:host:before{content:"";display:block;height:4px;width:calc(100% + 2px);background-color:transparent;position:absolute;left:-1px;top:-1px}:host ::slotted(.container-content__title){display:block;font-weight:var(--font-weight-bold)}:host .container-content{width:100%}:host .drag-icon-container{display:flex;align-self:start;padding-top:2px;padding-inline-end:var(--spacing-comp-02)}:host .drag-icon-container gxg-icon{opacity:0}:host .delete-button-container{display:flex;align-self:flex-start;padding-top:2px}:host .delete-button-container gxg-button::part(native-button){opacity:0}:host .delete-button-container gxg-button::part(native-button):focus{opacity:1}:host(:hover):before{background-color:var(--gray-03)}:host(:hover) .drag-icon-container gxg-icon{opacity:1}:host([padding="0"]) .container-content{padding:0}:host([padding="0"]) .delete-button-container{padding-top:0}:host([padding=xs]){padding:var(--spacing-comp-01)}:host([padding=s]){padding:var(--spacing-comp-02)}:host([padding=m]){padding:var(--spacing-comp-03)}:host([padding=l]){padding:var(--spacing-comp-04)}:host([padding=xl]){padding:var(--spacing-comp-05)}:host([padding=xxl]){padding:var(--spacing-comp-06)}:host([padding=xxxl]){padding:var(--spacing-comp-07)}:host([active]):before{background-color:var(--color-primary-active)}:host([active]) .delete-button-container .delete-button-container gxg-button::part(native-button){opacity:1}:host([active]) .delete-button-container gxg-button::part(native-button){opacity:1}:host(not[disabled]:focus){outline:none;box-shadow:inset 0px 0px 0px 1px var(--color-primary-active);border-color:var(--color-primary-active)}';export{a as gxg_drag_box}
|
|
1
|
+
import{r as t,c as o,h as e,H as r,g as i}from"./p-ee37a0b3.js";const a=class{constructor(e){t(this,e),this.clicked=o(this,"clicked",7),this.deleted=o(this,"deleted",7),this.active=!1,this.deletable=!1,this.padding="s",this.disabled=!1}clickedHandler(){this.clicked.emit(this.el.getAttribute("id"))}deleteHandler(t){t.stopPropagation(),this.deleted.emit("box was deleted")}handlerOnKeyDown(t){if(13==t.keyCode)this.active=!0,this.clicked.emit(this.el.getAttribute("id"));else if(9===t.keyCode&&t.shiftKey){const o=this.el.previousElementSibling;t.preventDefault(),o.focus()}else if(9==t.keyCode&&!this.active){const o=this.el.nextElementSibling;t.preventDefault(),o.focus()}}componentDidLoad(){if(void 0!==this.title){const t=this.el.shadowRoot.querySelector(".container-content__title");this.el.prepend(t)}}render(){return e(r,{tabindex:"0",onClick:this.clickedHandler.bind(this),onKeyDown:this.handlerOnKeyDown.bind(this)},this.active?null:e("div",{class:"cover"}),e("span",{class:"border"}),this.disabled?null:e("div",{class:"drag-icon-container"},e("gxg-icon",{size:"regular",type:"navigation/drag"})),e("div",{class:"container-content"},void 0!==this.title?e("span",{class:"container-content__title"},this.title):null,e("slot",null)),e("div",{class:"delete-button-container"},this.deletable?e("gxg-button",{"button-styles-editable":!0,icon:"gemini-tools/delete",onClick:this.deleteHandler.bind(this),type:"secondary-icon-only"}):null))}get el(){return i(this)}};a.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{position:relative;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--gray-03);display:flex;align-items:center;background-color:var(--color-background);margin-bottom:var(--spacing-lay-s);cursor:pointer;opacity:1;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .cover{position:absolute;width:100%;height:100%;left:0;background-color:transparent;z-index:100}:host:before{content:"";display:block;height:4px;width:calc(100% + 2px);background-color:transparent;position:absolute;left:-1px;top:-1px}:host ::slotted(.container-content__title){display:block;font-weight:var(--font-weight-bold)}:host .container-content{width:100%}:host .drag-icon-container{display:flex;align-self:start;padding-top:2px;padding-inline-end:var(--spacing-comp-02)}:host .drag-icon-container gxg-icon{opacity:0}:host .delete-button-container{display:flex;align-self:flex-start;padding-top:2px}:host .delete-button-container gxg-button::part(native-button){opacity:0}:host .delete-button-container gxg-button::part(native-button):focus{opacity:1}:host(:hover):before{background-color:var(--gray-03)}:host(:hover) .drag-icon-container gxg-icon{opacity:1}:host([padding="0"]) .container-content{padding:0}:host([padding="0"]) .delete-button-container{padding-top:0}:host([padding=xs]){padding:var(--spacing-comp-01)}:host([padding=s]){padding:var(--spacing-comp-02)}:host([padding=m]){padding:var(--spacing-comp-03)}:host([padding=l]){padding:var(--spacing-comp-04)}:host([padding=xl]){padding:var(--spacing-comp-05)}:host([padding=xxl]){padding:var(--spacing-comp-06)}:host([padding=xxxl]){padding:var(--spacing-comp-07)}:host([active]):before{background-color:var(--color-primary-active)}:host([active]) .delete-button-container .delete-button-container gxg-button::part(native-button){opacity:1}:host([active]) .delete-button-container gxg-button::part(native-button){opacity:1}:host(not[disabled]:focus){outline:none;box-shadow:inset 0px 0px 0px 1px var(--color-primary-active);border-color:var(--color-primary-active)}';export{a as gxg_drag_box}
|