genesys-spark-components 3.8.4 → 3.8.5
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/CHANGELOG.md +7 -0
- package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-list-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/gux-all-row-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
- package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-content-search.cjs.entry.js +2 -2
- package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-datepicker.cjs.entry.js +2 -2
- package/dist/cjs/gux-disclosure-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +2 -2
- package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-input-checkbox_7.cjs.entry.js +1 -1
- package/dist/cjs/gux-input-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-input-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +2 -2
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-buttons-beta_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-buttons_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +2 -2
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-row-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-toggle.cjs.entry.js +2 -2
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +2 -2
- package/dist/cjs/{index-77b430d5.js → index-0d3a5385.js} +1 -25
- package/dist/cjs/{usage-tracking-bc989061.js → usage-tracking-9e123d81.js} +1 -1
- package/dist/collection/i18n/index.js +1 -1
- package/dist/deploy-info.json +3 -3
- package/dist/esm/gux-accordion-legacy.entry.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button-legacy.entry.js +2 -2
- package/dist/esm/gux-action-button.entry.js +2 -2
- package/dist/esm/gux-action-list-legacy.entry.js +1 -1
- package/dist/esm/gux-action-toast.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown.entry.js +2 -2
- package/dist/esm/gux-all-row-select.entry.js +1 -1
- package/dist/esm/gux-badge-beta.entry.js +2 -2
- package/dist/esm/gux-breadcrumbs.entry.js +2 -2
- package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot-beta.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +2 -2
- package/dist/esm/gux-card-beta.entry.js +1 -1
- package/dist/esm/gux-chart-column-beta.entry.js +1 -1
- package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
- package/dist/esm/gux-chart-line-beta.entry.js +1 -1
- package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
- package/dist/esm/gux-command-palette-legacy.entry.js +2 -2
- package/dist/esm/gux-content-search.entry.js +2 -2
- package/dist/esm/gux-copy-to-clipboard-beta.entry.js +2 -2
- package/dist/esm/gux-datepicker.entry.js +2 -2
- package/dist/esm/gux-disclosure-button.entry.js +2 -2
- package/dist/esm/gux-dismiss-button.entry.js +2 -2
- package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi-beta.entry.js +2 -2
- package/dist/esm/gux-dropdown-multi-tag.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +2 -2
- package/dist/esm/gux-error-message-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
- package/dist/esm/gux-form-field-legacy.entry.js +1 -1
- package/dist/esm/gux-form-field-number.entry.js +2 -2
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-input-checkbox_7.entry.js +1 -1
- package/dist/esm/gux-input-search.entry.js +1 -1
- package/dist/esm/gux-input-text-like.entry.js +1 -1
- package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +2 -2
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-notification-toast.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-beta.entry.js +1 -1
- package/dist/esm/gux-pagination-buttons-beta_3.entry.js +1 -1
- package/dist/esm/gux-pagination-buttons_3.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +2 -2
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-popover.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +2 -2
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-row-select.entry.js +1 -1
- package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
- package/dist/esm/gux-simple-toast.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch.entry.js +1 -1
- package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
- package/dist/esm/gux-tab-advanced.entry.js +1 -1
- package/dist/esm/gux-tab-list.entry.js +1 -1
- package/dist/esm/gux-table-beta.entry.js +2 -2
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs-legacy.entry.js +2 -2
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag-beta.entry.js +2 -2
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-text-label-legacy.entry.js +1 -1
- package/dist/esm/gux-time-picker-beta.entry.js +2 -2
- package/dist/esm/gux-toggle.entry.js +2 -2
- package/dist/esm/gux-tooltip_2.entry.js +1 -1
- package/dist/esm/gux-visualization-beta.entry.js +2 -2
- package/dist/esm/{index-2d9f3350.js → index-b644eb47.js} +1 -25
- package/dist/esm/{usage-tracking-d511b007.js → usage-tracking-e370e277.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-ca1f94c4.entry.js → p-006ecb32.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f256566.js → p-021e35e0.js} +1 -1
- package/dist/genesys-webcomponents/{p-9477e6f2.entry.js → p-02f88e5c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac7b67f0.entry.js → p-030de576.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-126620e4.entry.js → p-03be958b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2ff005bf.entry.js → p-0c182709.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc1f0f90.entry.js → p-1294423a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0be47b6d.entry.js → p-14641b4d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b11f94c.entry.js → p-161dd815.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-46e19ad6.entry.js → p-1886913e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-60359867.entry.js → p-1c21d8cd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-18b32260.entry.js → p-217627af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f2438bf2.entry.js → p-26fd06f6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f5f71d02.entry.js → p-2ad1c8a6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-83f7d714.entry.js → p-2f6e6873.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e974f062.js → p-2fb2e5b0.js} +1 -1
- package/dist/genesys-webcomponents/{p-b5bb34d6.entry.js → p-3245df6d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee935113.entry.js → p-332b356f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4c0c343d.entry.js → p-347d7110.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-35b6c045.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-898968aa.entry.js → p-361aa2c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d4d85f4d.entry.js → p-3868ec8e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8ec4b984.entry.js → p-38ab3dc3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca1fded1.entry.js → p-3d887bd4.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3f3d1d87.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-b249020d.entry.js → p-405d48e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d97d8dff.entry.js → p-4692d349.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-adc4e002.entry.js → p-469bffbf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-509a5c94.entry.js → p-47672c3b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1a011ff5.entry.js → p-477d09dc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8e010864.entry.js → p-4ac13c8f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-033dbd7a.entry.js → p-51c70da6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-044959e8.entry.js → p-536a4370.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-afdcb27f.entry.js → p-586d8819.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c6a59bad.entry.js → p-58e71848.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-90ea1ca7.entry.js → p-5a84ab3b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d6b4e637.entry.js → p-5b6986c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ce173635.entry.js → p-5c2a8035.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1d898c13.entry.js → p-608f2200.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1457e29b.entry.js → p-609a02d3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8b473f75.entry.js → p-66379242.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-29e83ab8.entry.js → p-665ff47a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4471fa3a.entry.js → p-689ee168.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a670003.entry.js → p-6e74bfc0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d8f3e36.entry.js → p-72c06356.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-66315ead.entry.js → p-76c90388.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-33072b72.entry.js → p-78d98b87.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3811d7ae.entry.js → p-7f3ae155.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f0df2fda.entry.js → p-82ac91df.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f38705eb.entry.js → p-8461286b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fabe9d9d.entry.js → p-852a03b5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-062c4888.entry.js → p-85e84aa5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a49769c9.entry.js → p-8795d559.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68a9fbd6.entry.js → p-8f162dc2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fe10fb24.entry.js → p-8fbf00a4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-678e99cb.entry.js → p-9278a75f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d1c8e875.entry.js → p-99293c09.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-001f01a0.entry.js → p-9cf81b2b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a36fa29b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-b8db123e.entry.js → p-a4e3a10c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ce69dcb3.entry.js → p-aa32fccc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aa41383b.entry.js → p-ade68160.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-87c5db37.entry.js → p-b1971242.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4d2eb7d6.entry.js → p-b78e4cb0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2c597db4.entry.js → p-bc0fb1b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6ae4b9f8.entry.js → p-be37f4ca.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-40d91911.entry.js → p-c2f218fe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f5ed9aea.entry.js → p-c35249a8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-27c94477.entry.js → p-c68d6c4d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e2dabb7c.entry.js → p-c8939f26.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1be92033.entry.js → p-c985ffed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-992c205f.entry.js → p-cbb82d63.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5042dde0.entry.js → p-d544a2de.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5672e388.entry.js → p-da1da8ac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a76316c.entry.js → p-e220c05f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4531ef44.entry.js → p-e5911dce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6a390428.entry.js → p-e7a6099f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-43d031b2.entry.js → p-eba2af05.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09592608.entry.js → p-ed856148.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0118a845.entry.js → p-edfb3008.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1ad43a31.entry.js → p-ee2d0ee9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0fffcf2c.entry.js → p-ee97975e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-44e71d48.entry.js → p-f0e98b69.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9bd1f471.entry.js → p-f1922703.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7549514d.entry.js → p-f37933b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92804027.entry.js → p-fabdede7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-19935e89.entry.js → p-fb66861a.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-3bae46d0.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a0c6c9d9.entry.js +0 -1
- package/dist/genesys-webcomponents/p-bdc18339.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,f as e,d as i,a as o,h as a,H as r,g as h}from"./p-e571f861.js";import{b as l}from"./p-e974f062.js";import{w as n}from"./p-76ff3e75.js";import{r as c}from"./p-cbcbd1bb.js";import{t as u}from"./p-9f256566.js";import{t as g}from"./p-451a9239.js";import"./p-8a133b9b.js";const d=class{constructor(i){t(this,i),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=c("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){u(this.root),this.i18n=await l(this.root,g)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSortableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get tableColumnsDataSortable(){return Array.from(this.slottedTable.querySelectorAll("thead th[data-sortable]"))}get sortControlCol(){return Array.from(this.slottedTable.querySelectorAll("thead th gux-sort-control"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,e=s.filter((t=>0==t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),o=Boolean(s.length),a=i.length===e.length,r=0===i.length;t.selected=o&&a,t.setIndeterminate(o&&!a&&!r)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let e=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(e),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),e=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let i=s.left-e.left;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(i),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.tableColumns;s.pop(),s.forEach((t=>{this.columnsWidths[t.dataset.columnName]=`${this.getElementComputedWidth(t)}px`})),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX);this.columnsWidths[this.columnResizeState.resizableColumn.dataset.columnName]=`${s>1?s:1}px`,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,n("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){n("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return parseInt(window.getComputedStyle(t).getPropertyValue("width").split("px")[0],10)}prepareSortableColumns(){let t=[];t=document.querySelector("gux-sort-control")?this.sortControlCol:this.tableColumnsDataSortable,this.tableColumnsDataSortable.forEach((t=>{t.hasAttribute("data-sortable")&&this.prepareSortableColumnsStyles()})),t.forEach((t=>{t.onclick=s=>{if(!this.columnResizeHover){const e=s.target,i=t.hasAttribute("data-sortable")?s.currentTarget:e.parentElement;let o=null;switch(i.getAttribute("aria-sort")||""){case"":case"descending":o="ascending";break;case"ascending":o="descending"}this.guxsortchanged.emit({columnName:i.dataset.columnName,sortDirection:o})}}}))}prepareSortableColumnsStyles(){const t="gux-table-sortable-styles";if(null==document.getElementById(t)){const s=document.createElement("style");s.id=t;const e=o("./icons/arrow-solid-down.svg"),i=o("./icons/arrow-solid-up.svg"),a=this.i18n("sortAsc"),r=this.i18n("sortDesc");s.innerHTML=`\n th[data-sortable]:focus-within:after{content: "${a}";background-image: url("${e}");}\n th[aria-sort="ascending"]:after{background-image:url("${e}")!important;content:"${a}"!important;}\n th[aria-sort="descending"]:after{background-image:url("${i}")!important;content:"${r}"!important;}\n `,document.querySelector("head").appendChild(s)}}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])};\n min-width:${String(this.columnsWidths[t])};\n }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return a(r,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{class:"gux-table"},a("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{name:"data"})),this.isHorizontalScroll&&a("gux-button-slot-beta",{accent:"secondary"},a("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},a("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&a("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},a("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},a("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&a("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return h(this)}};d.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{d as gux_table_beta}
|
|
1
|
+
import{r as t,c as s,f as e,d as i,a as o,h as a,H as r,g as h}from"./p-e571f861.js";import{b as l}from"./p-2fb2e5b0.js";import{w as n}from"./p-76ff3e75.js";import{r as c}from"./p-cbcbd1bb.js";import{t as u}from"./p-021e35e0.js";import{t as g}from"./p-451a9239.js";import"./p-8a133b9b.js";const b=class{constructor(i){t(this,i),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=c("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){u(this.root),this.i18n=await l(this.root,g)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSortableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get tableColumnsDataSortable(){return Array.from(this.slottedTable.querySelectorAll("thead th[data-sortable]"))}get sortControlCol(){return Array.from(this.slottedTable.querySelectorAll("thead th gux-sort-control"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,e=s.filter((t=>0==t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),o=Boolean(s.length),a=i.length===e.length,r=0===i.length;t.selected=o&&a,t.setIndeterminate(o&&!a&&!r)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let e=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(e),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),e=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let i=s.left-e.left;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(i),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.tableColumns;s.pop(),s.forEach((t=>{this.columnsWidths[t.dataset.columnName]=`${this.getElementComputedWidth(t)}px`})),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX);this.columnsWidths[this.columnResizeState.resizableColumn.dataset.columnName]=`${s>1?s:1}px`,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,n("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){n("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return parseInt(window.getComputedStyle(t).getPropertyValue("width").split("px")[0],10)}prepareSortableColumns(){let t=[];t=document.querySelector("gux-sort-control")?this.sortControlCol:this.tableColumnsDataSortable,this.tableColumnsDataSortable.forEach((t=>{t.hasAttribute("data-sortable")&&this.prepareSortableColumnsStyles()})),t.forEach((t=>{t.onclick=s=>{if(!this.columnResizeHover){const e=s.target,i=t.hasAttribute("data-sortable")?s.currentTarget:e.parentElement;let o=null;switch(i.getAttribute("aria-sort")||""){case"":case"descending":o="ascending";break;case"ascending":o="descending"}this.guxsortchanged.emit({columnName:i.dataset.columnName,sortDirection:o})}}}))}prepareSortableColumnsStyles(){const t="gux-table-sortable-styles";if(null==document.getElementById(t)){const s=document.createElement("style");s.id=t;const e=o("./icons/arrow-solid-down.svg"),i=o("./icons/arrow-solid-up.svg"),a=this.i18n("sortAsc"),r=this.i18n("sortDesc");s.innerHTML=`\n th[data-sortable]:focus-within:after{content: "${a}";background-image: url("${e}");}\n th[aria-sort="ascending"]:after{background-image:url("${e}")!important;content:"${a}"!important;}\n th[aria-sort="descending"]:after{background-image:url("${i}")!important;content:"${r}"!important;}\n `,document.querySelector("head").appendChild(s)}}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])};\n min-width:${String(this.columnsWidths[t])};\n }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return a(r,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{class:"gux-table"},a("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{name:"data"})),this.isHorizontalScroll&&a("gux-button-slot-beta",{accent:"secondary"},a("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},a("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&a("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},a("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},a("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&a("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return h(this)}};b.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{b as gux_table_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,d as a,h as n,g as e}from"./p-e571f861.js";import{t as s}from"./p-
|
|
1
|
+
import{r as t,c as i,d as a,h as n,g as e}from"./p-e571f861.js";import{t as s}from"./p-021e35e0.js";const o=class{constructor(a){t(this,a),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.layout="advanced",this.currentPage=1,this.totalItems=0,this.itemsPerPage=25}setPage(t){if(t<0)return void this.setPage(this.totalPages>0?1:0);const i=this.calculateTotalPages(this.totalItems,this.itemsPerPage);t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}calculateTotalPages(t,i){return Math.ceil(t/i)}calculateCurrentPage(t,i){return Math.max(t>0?1:0,Math.min(i,t))}checkPaginationContainerWidthForLayout(){a((()=>{const t=this.root.shadowRoot.querySelector(".gux-pagination-container");this.displayedLayout=t.clientWidth<810?"simple":this.layout}))}componentWillLoad(){s(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(this.totalItems,this.itemsPerPage),this.currentPage=this.calculateCurrentPage(this.totalPages,this.currentPage)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-pagination-container"))}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkPaginationContainerWidthForLayout()))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-pagination-container")),setTimeout((()=>{this.checkPaginationContainerWidthForLayout()}),500)}render(){return n("div",{class:"gux-pagination-container"},n("div",{class:"gux-pagination-info"},n("gux-pagination-item-counts-beta",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage}),"advanced"===this.displayedLayout&&n("gux-pagination-items-per-page-beta",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons-beta",{layout:this.displayedLayout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return e(this)}};o.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:24px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{o as gux_pagination_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as a,g as s}from"./p-e571f861.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,h as i,H as a,g as s}from"./p-e571f861.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-021e35e0.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-021e35e0.js";import{G as l,a as p}from"./p-cdf5cb56.js";import{h as u,G as f,v as x,g as c}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(f,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="color"][slot="input"]'),s(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_color}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-e571f861.js";import{t as o}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,g as e}from"./p-e571f861.js";import{t as o}from"./p-021e35e0.js";import{O as n}from"./p-49b1912a.js";const a=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.moveFocusDelay=100,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"Enter":case"ArrowDown":t.preventDefault(),s.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.listElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const s=t.composedPath();switch(t.key){case" ":t.preventDefault(),s.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.listElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen)}componentWillLoad(){o(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen,disabled:this.disabled},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("span",null,this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("gux-action-list-legacy",{slot:"popup",ref:t=>this.listElement=t},i("slot",null)))}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([n({triggerEvents:"mousedown"})],a.prototype,"onClickOutside",null),a.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button>*{vertical-align:middle}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}";export{a as gux_button_multi_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-e571f861.js";import{t as a}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-e571f861.js";import{t as a}from"./p-021e35e0.js";import{l as s}from"./p-3184268e.js";import{V as r}from"./p-5cacdfc9.js";const n=class{constructor(e){t(this,e),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:"category",type:"nominal",scale:{range:r},legend:null}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:"value",type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right",this.showTooltip=!0}parseData(){this.outerRadius||this.innerRadius||s("gux-chart-donut","[gux-chart-donut] requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition),this.includeLegend?(this.baseChartSpec.encoding.color.legend={},(this.legendX||this.legendY)&&(this.baseChartSpec.config.legend.orient="none",this.legendX&&(this.baseChartSpec.encoding.color.legend.legendX=this.legendX),this.legendY&&(this.baseChartSpec.encoding.color.legend.legendY=this.legendY)),this.legendFontSize&&(this.baseChartSpec.encoding.color.legend.labelFontSize=this.legendFontSize),this.legendSymbolSize&&(this.baseChartSpec.encoding.color.legend.symbolSize=this.legendSymbolSize)):this.baseChartSpec.encoding.color.legend=null;const e=this.colorFieldName||"category";e&&(this.baseChartSpec.encoding.color.field=e);this.baseChartSpec.encoding.color.title=this.legendTitle||"";let i=this.outerRadius,a=this.innerRadius;i||(i=a+32),a||(a=i-32);let r=1;this.gauge?(this.baseChartSpec.layer=[{data:{values:[{progress:"default",value:100}]},mark:{type:"arc",innerRadius:a},encoding:{theta:{field:"value",type:"quantitative"},color:{value:"#E4E9F0"},tooltip:null}},{mark:{type:"arc",outerRadius:i,innerRadius:a,padAngle:.01}},{mark:{type:"arc",innerRadius:a,padAngle:.01}}],r=2):this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:i,innerRadius:a}},{mark:{type:"arc",innerRadius:a,stroke:"#fff"}}];const n=this.centerText;n&&this.baseChartSpec.layer.push({data:{values:[{centerText:n,value:0}]},mark:{align:"center",type:"text",baseline:"middle"},encoding:{color:{value:"#4C5054"},text:{field:"centerText"},size:{value:{expr:"height * 0.09"}},tooltip:null}});const h=this.centerSubText;h&&this.baseChartSpec.layer.push({data:{values:[{centerSubText:h,value:0}]},mark:{align:"center",type:"text",baseline:"middle",y:{expr:"height/2 + 20"}},encoding:{color:{value:"#6A6D70"},text:{field:"centerSubText"},size:{value:{expr:"height * 0.06"}},tooltip:null}});const o=this.labelRadius,l=this.labelField||"value";o&&this.baseChartSpec.layer.push({mark:{type:"text",radius:o},encoding:{text:{field:l,type:"quantitative"}}}),this.showTooltip&&(this.tooltipOptions?(this.baseChartSpec.layer[r].mark.tooltip={content:"data"},this.tooltipSpec={actions:!1,tooltip:this.tooltipOptions}):this.baseChartSpec.encoding.tooltip={field:l,aggregate:"count",type:"quantitative"});const u=Object.assign(this.baseChartSpec,t);this.visualizationSpec=u}componentWillLoad(){a(this.root),this.parseData()}render(){return e("gux-visualization-beta",{visualizationSpec:this.visualizationSpec,embedOptions:this.tooltipSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_donut_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,d as o,w as a,h as s,g as n}from"./p-e571f861.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-35578249.js";import{b as r}from"./p-e974f062.js";import{e as l}from"./p-29e8b184.js";import{t as h}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const b=class{constructor(o){t(this,o),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.moveFocusDelay=100,this.showNewTabButton=!0,this.tabLimit=1/0,this.allowSort=!0,this.focused=0,this.disableAddTabButton=!1,this.hasScrollbar=!1,this.keyboardSort=!1,this.initialSortIndex=0,this.ariaLiveAlert=""}onFocusin(t){this.allowSort&&l(".gux-scrollable-section",t)&&!this.keyboardSort&&(this.ariaLiveAlert="toggleSort")}onFocusout(t){this.root.querySelector(".gux-scrollable-section").contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,i)=>{await t.guxGetActive()?this.focused=i:(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))}))}onMutation(){this.setTabTriggers()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);let a;a=o===i.length-1?i[0]:i[o+2],t.insertBefore(this.sortTarget,a),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);t.insertBefore(this.sortTarget,i[o-1]||null),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.keyboardSort&&this.allowSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled",this.root.querySelector(".gux-scrollable-section").insertBefore(this.sortTarget,this.tabTriggers[this.initialSortIndex]||null)),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.initialSortIndex),setTimeout((()=>{this.focusTab(this.initialSortIndex)}),this.moveFocusDelay);break;case"Enter":this.keyboardSort&&(t.preventDefault(),this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})));break;case"Tab":this.keyboardSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled");break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onKeyup(t){switch(t.key){case" ":l(".gux-tab",t)&&!l(".gux-tab-options-button",t)&&!l("gux-popover-list",t)&&this.allowSort&&(t.preventDefault(),!0===this.keyboardSort?(this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)):(this.keyboardSort=!0,this.sortTarget=t.target.parentNode.parentNode,this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.initialSortIndex=i)})),this.ariaLiveAlert="sortModeOn"))}}async guxSetActive(t){this.tabTriggers.forEach(((i,o)=>{const a=i.tabId===t;i.guxSetActive(a),a&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,i)=>{const o=await t.guxGetActive();this.focused===i||o||(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].querySelector(".gux-tab-options-button")&&this.tabTriggers[this.focused].querySelector(".gux-tab-options-button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}createSortable(){this.sortableInstance=new e(this.root.querySelector(".gux-scrollable-section"),{animation:250,draggable:"gux-tab-advanced",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-advanced")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}checkForScrollbarHideOrShow(){o((()=>{const t=this.root.querySelector(".gux-scrollable-section"),i=t.clientWidth<t.scrollWidth;i!==this.hasScrollbar&&(this.hasScrollbar=i)}))}handleKeyboardScroll(t){const i=this.root.querySelector(".gux-scrollable-section"),o=this.root.querySelectorAll("gux-tab-advanced")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(a((()=>{this.hasScrollbar&&i.scrollBy(o.clientWidth,0)})),this.focusTab(this.focused+1)):(a((()=>{this.hasScrollbar&&i.scrollBy(-i.scrollWidth,0)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(a((()=>{this.hasScrollbar&&i.scrollBy(-o.clientWidth,0)})),this.focusTab(this.focused-1)):(a((()=>{this.hasScrollbar&&i.scrollBy(i.scrollWidth,0)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,h,"gux-tabs-advanced")}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}scrollLeft(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-advanced")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}render(){return[s("span",{class:"gux-sr-only gux-aria-live-region","aria-live":"polite"},this.ariaLiveAlert?this.i18n(this.ariaLiveAlert):""),s("div",{class:"gux-tab-container"},s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollLeft":"scrollUp")),s("div",{role:"tablist",class:"gux-scrollable-section "+(this.keyboardSort?"gux-tab-sorting":""),"aria-owns":this.triggerIds},s("slot",null)),s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollRight":"scrollDown"),this.showNewTabButton?s((t=>s("button",{title:this.disableAddTabButton?this.i18n("disableNewTab"):this.root.querySelector('[slot="add-tab"]')?this.root.querySelector('[slot="add-tab"]').textContent.trim():this.i18n("createNewTab"),class:"add-tab-button",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},s("slot",{name:"add-tab"},s("gux-icon",{"icon-name":"add",decorative:!0})))),{onClick:()=>this.newTab.emit()}):null))]}renderScrollButton(t){return s("div",{class:"gux-scroll-button-container"},this.hasScrollbar?s("button",{tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},s("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-left";case"scrollRight":return"chevron-right";case"scrollUp":return"chevron-up";case"scrollDown":return"chevron-down"}}get root(){return n(this)}};(function(t,i,o,a){var s,n=arguments.length,e=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,o,a);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(e=(n<3?s(e):n>3?s(i,o,e):s(i,o))||e);n>3&&e&&Object.defineProperty(i,o,e)})([c({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style="gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button{min-width:35px;height:50px;padding:0;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab']{display:inline-flex;align-items:center;padding:0 12px;white-space:nowrap;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab'] gux-icon{padding-right:8px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus{outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus-visible{border-radius:5px;outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{b as gux_tab_advanced_list}
|
|
1
|
+
import{r as t,c as i,d as o,w as a,h as s,g as n}from"./p-e571f861.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-35578249.js";import{b as r}from"./p-2fb2e5b0.js";import{e as l}from"./p-29e8b184.js";import{t as h}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const b=class{constructor(o){t(this,o),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.moveFocusDelay=100,this.showNewTabButton=!0,this.tabLimit=1/0,this.allowSort=!0,this.focused=0,this.disableAddTabButton=!1,this.hasScrollbar=!1,this.keyboardSort=!1,this.initialSortIndex=0,this.ariaLiveAlert=""}onFocusin(t){this.allowSort&&l(".gux-scrollable-section",t)&&!this.keyboardSort&&(this.ariaLiveAlert="toggleSort")}onFocusout(t){this.root.querySelector(".gux-scrollable-section").contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,i)=>{await t.guxGetActive()?this.focused=i:(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))}))}onMutation(){this.setTabTriggers()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);let a;a=o===i.length-1?i[0]:i[o+2],t.insertBefore(this.sortTarget,a),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);t.insertBefore(this.sortTarget,i[o-1]||null),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.keyboardSort&&this.allowSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled",this.root.querySelector(".gux-scrollable-section").insertBefore(this.sortTarget,this.tabTriggers[this.initialSortIndex]||null)),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.initialSortIndex),setTimeout((()=>{this.focusTab(this.initialSortIndex)}),this.moveFocusDelay);break;case"Enter":this.keyboardSort&&(t.preventDefault(),this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})));break;case"Tab":this.keyboardSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled");break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onKeyup(t){switch(t.key){case" ":l(".gux-tab",t)&&!l(".gux-tab-options-button",t)&&!l("gux-popover-list",t)&&this.allowSort&&(t.preventDefault(),!0===this.keyboardSort?(this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)):(this.keyboardSort=!0,this.sortTarget=t.target.parentNode.parentNode,this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.initialSortIndex=i)})),this.ariaLiveAlert="sortModeOn"))}}async guxSetActive(t){this.tabTriggers.forEach(((i,o)=>{const a=i.tabId===t;i.guxSetActive(a),a&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,i)=>{const o=await t.guxGetActive();this.focused===i||o||(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].querySelector(".gux-tab-options-button")&&this.tabTriggers[this.focused].querySelector(".gux-tab-options-button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}createSortable(){this.sortableInstance=new e(this.root.querySelector(".gux-scrollable-section"),{animation:250,draggable:"gux-tab-advanced",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-advanced")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}checkForScrollbarHideOrShow(){o((()=>{const t=this.root.querySelector(".gux-scrollable-section"),i=t.clientWidth<t.scrollWidth;i!==this.hasScrollbar&&(this.hasScrollbar=i)}))}handleKeyboardScroll(t){const i=this.root.querySelector(".gux-scrollable-section"),o=this.root.querySelectorAll("gux-tab-advanced")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(a((()=>{this.hasScrollbar&&i.scrollBy(o.clientWidth,0)})),this.focusTab(this.focused+1)):(a((()=>{this.hasScrollbar&&i.scrollBy(-i.scrollWidth,0)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(a((()=>{this.hasScrollbar&&i.scrollBy(-o.clientWidth,0)})),this.focusTab(this.focused-1)):(a((()=>{this.hasScrollbar&&i.scrollBy(i.scrollWidth,0)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,h,"gux-tabs-advanced")}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}scrollLeft(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-advanced")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}render(){return[s("span",{class:"gux-sr-only gux-aria-live-region","aria-live":"polite"},this.ariaLiveAlert?this.i18n(this.ariaLiveAlert):""),s("div",{class:"gux-tab-container"},s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollLeft":"scrollUp")),s("div",{role:"tablist",class:"gux-scrollable-section "+(this.keyboardSort?"gux-tab-sorting":""),"aria-owns":this.triggerIds},s("slot",null)),s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollRight":"scrollDown"),this.showNewTabButton?s((t=>s("button",{title:this.disableAddTabButton?this.i18n("disableNewTab"):this.root.querySelector('[slot="add-tab"]')?this.root.querySelector('[slot="add-tab"]').textContent.trim():this.i18n("createNewTab"),class:"add-tab-button",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},s("slot",{name:"add-tab"},s("gux-icon",{"icon-name":"add",decorative:!0})))),{onClick:()=>this.newTab.emit()}):null))]}renderScrollButton(t){return s("div",{class:"gux-scroll-button-container"},this.hasScrollbar?s("button",{tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},s("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-left";case"scrollRight":return"chevron-right";case"scrollUp":return"chevron-up";case"scrollDown":return"chevron-down"}}get root(){return n(this)}};(function(t,i,o,a){var s,n=arguments.length,e=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,o,a);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(e=(n<3?s(e):n>3?s(i,o,e):s(i,o))||e);n>3&&e&&Object.defineProperty(i,o,e)})([c({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style="gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button{min-width:35px;height:50px;padding:0;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab']{display:inline-flex;align-items:center;padding:0 12px;white-space:nowrap;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab'] gux-icon{padding-right:8px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus{outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus-visible{border-radius:5px;outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{b as gux_tab_advanced_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as e,g as s}from"./p-e571f861.js";import{t}from"./p-021e35e0.js";const n=class{constructor(e){r(this,e)}componentWillLoad(){t(this.root)}render(){return e("gux-radial-loading",{class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return s(this)}};n.style=":host{display:flex}.gux-spinner{margin:auto}";export{n as gux_page_loading_spinner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,g as l}from"./p-e571f861.js";import{b as o}from"./p-
|
|
1
|
+
import{r as t,c as s,h as e,g as l}from"./p-e571f861.js";import{b as o}from"./p-2fb2e5b0.js";import{r as i}from"./p-cbcbd1bb.js";import{t as a}from"./p-451a9239.js";import"./p-8a133b9b.js";const r=class{constructor(e){t(this,e),this.internalallrowselectchange=s(this,"internalallrowselectchange",7),this.id=i("gux-all-row-select"),this.selected=!1}onCheck(t){t.stopPropagation(),this.selected=t.target.checked,this.internalallrowselectchange.emit()}async setIndeterminate(t=!0){this.inputElement.indeterminate=t}async componentWillLoad(){this.i18n=await o(this.root,a,"gux-table")}render(){return e("gux-form-field-checkbox",null,e("input",{ref:t=>this.inputElement=t,slot:"input",id:this.id,type:"checkbox",checked:this.selected}),e("label",{slot:"label",htmlFor:this.id},"",e("span",{class:"gux-label-text"},this.i18n("selectAllTableRows"))))}get root(){return l(this)}};r.style="gux-all-row-select .gux-label-text{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{r as gux_all_row_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,g as e}from"./p-e571f861.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,h as o,g as e}from"./p-e571f861.js";import{t as r}from"./p-021e35e0.js";import{b as n}from"./p-2fb2e5b0.js";import"./p-8a133b9b.js";const a={clear:"Clear"},s=class{constructor(o){t(this,o)}async componentWillLoad(){r(this.root),this.i18n=await n(this.root,a)}render(){return o("button",{tabIndex:-1,type:"button",title:this.i18n("clear")},o("gux-icon",{"icon-name":"close",decorative:!0}))}static get delegatesFocus(){return!0}get root(){return e(this)}};s.style="button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:12px;height:12px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{s as gux_form_field_input_clear_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-021e35e0.js";import{G as l,a as u}from"./p-cdf5cb56.js";import{h as p,c,G as x,a as f,v as h,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.clearable=!0,this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=p(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(u,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("gux-icon",{"icon-name":"search",decorative:!0}),i("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>c(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${t}`}setInput(){this.input=this.root.querySelector('input[type="search"][slot="input"]'),this.hasContent=f(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 8px;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container gux-icon[icon-name='search']{flex:0 0 auto;align-self:auto;order:0;width:20px;height:20px;margin-right:4px;color:#596373}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_search}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,g as o}from"./p-e571f861.js";import{t as r}from"./p-
|
|
1
|
+
import{r as e,h as t,g as o}from"./p-e571f861.js";import{t as r}from"./p-021e35e0.js";const a=class{constructor(t){e(this,t)}componentWillLoad(){r(this.root)}render(){return t("div",{class:"gux-container"},t("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),t("div",{class:"gux-message"},t("slot",null),t("slot",{name:"error"})))}get root(){return o(this)}};a.style=".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";export{a as gux_error_message_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,g as
|
|
1
|
+
import{r as o,h as t,g as e}from"./p-e571f861.js";import{t as r}from"./p-021e35e0.js";const n=class{constructor(t){o(this,t),this.type="button",this.disabled=!1,this.accent="secondary"}componentWillLoad(){r(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return t("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},t("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return e(this)}};n.style=":host{display:inline-block;min-width:32px;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-ghost:active:enabled{color:#2754ac;background-color:#deeaff}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}";export{n as gux_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as o,g as i}from"./p-e571f861.js";import{O as s}from"./p-35578249.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-
|
|
1
|
+
import{r as e,h as t,H as o,g as i}from"./p-e571f861.js";import{O as s}from"./p-35578249.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-021e35e0.js";import{h as n,G as d,v as p}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(d,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="radio"][slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var s,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(a=(r<3?s(a):r>3?s(t,o,a):s(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([s({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='radio']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='radio'])::before{grid-area:1;content:'';border-radius:50%}::slotted(input[type='radio']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff;margin:-1px;box-shadow:0 0 0 1px #fdfdfd inset, 0 0 0 4px #aac9ff inset}::slotted(input[type='radio']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:not(:checked):not(:disabled):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{c as gux_form_field_radio}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,d as s,w as o,h as i,g as e}from"./p-e571f861.js";import{b as l}from"./p-
|
|
1
|
+
import{r as t,d as s,w as o,h as i,g as e}from"./p-e571f861.js";import{b as l}from"./p-2fb2e5b0.js";import{O as r}from"./p-35578249.js";import"./p-8a133b9b.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const a=class{constructor(s){t(this,s),this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,s)=>{await t.guxGetActive()?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,o)=>{const i=s.tabId===t;s.guxSetActive(i),i&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,s)=>{const o=await t.guxGetActive();this.focused===s||o||t.querySelector("button").setAttribute("tabindex","-1")})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,o=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),o!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=o),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section"),i=this.root.querySelectorAll("gux-tab")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(i.clientWidth,0):s.scrollBy(0,i.clientHeight)})),this.focusTab(this.focused+1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-i.clientWidth,0):s.scrollBy(0,-i.clientHeight)})),this.focusTab(this.focused-1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,o=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}else{const s=t.scrollTop,o=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}render(){return i("div",{class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),i("div",{role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},i("slot",null)),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return i("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?i("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},i("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-small-left";case"scrollRight":return"chevron-small-right";case"scrollUp":return"chevron-small-up";case"scrollDown":return"chevron-small-down"}}get root(){return e(this)}};(function(t,s,o,i){var e,l=arguments.length,r=l<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,o,i);else for(var c=t.length-1;c>=0;c--)(e=t[c])&&(r=(l<3?e(r):l>3?e(s,o,r):e(s,o))||r);l>3&&r&&Object.defineProperty(s,o,r)})([r({childList:!0,subtree:!0})],a.prototype,"onMutation",null),a.style="gux-tabs[orientation='vertical']{height:100%}gux-tabs[orientation='vertical'] .gux-tab-container{display:flex;flex-direction:column;width:160px;max-width:160px;height:100%;margin-right:16px;border-right:1px solid #d7dce5}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation='vertical']) .gux-tab-container{height:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}gux-tabs:not([orientation='vertical']) .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow-x:hidden;overflow-y:hidden;background-color:#fff}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#c8cfda;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{a as gux_tab_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,c as i,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-021e35e0.js";import{O as e}from"./p-49b1912a.js";import{b as a}from"./p-2fb2e5b0.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();switch(t.key){case" ":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}
|