genesys-spark-components 3.26.1 → 3.26.2
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 +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- 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 +2 -2
- package/dist/cjs/gux-form-field-color.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- 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 +2 -2
- package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-search.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-select.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +2 -2
- package/dist/cjs/gux-icon.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 +1 -1
- package/dist/cjs/gux-loading-message-beta.cjs.entry.js +1 -1
- 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-cursor.cjs.entry.js +1 -1
- 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 +1 -1
- 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-side-panel-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list-beta.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-table-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
- 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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
- package/dist/cjs/{usage-tracking-202d8fb5.js → usage-tracking-f0b6dc31.js} +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.css +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.css +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.css +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css +2 -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 +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/gux-badge-beta.entry.js +1 -1
- package/dist/esm/gux-blank-state-beta.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard-beta.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- 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 +2 -2
- package/dist/esm/gux-form-field-color.entry.js +2 -2
- package/dist/esm/gux-form-field-dropdown.entry.js +2 -2
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- 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 +2 -2
- package/dist/esm/gux-form-field-range.entry.js +2 -2
- package/dist/esm/gux-form-field-search.entry.js +2 -2
- package/dist/esm/gux-form-field-select.entry.js +2 -2
- package/dist/esm/gux-form-field-text-like.entry.js +2 -2
- package/dist/esm/gux-form-field-textarea.entry.js +2 -2
- package/dist/esm/gux-icon.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 +1 -1
- package/dist/esm/gux-loading-message-beta.entry.js +1 -1
- 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-cursor.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.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-skip-navigation-list-beta.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-table-beta.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs-legacy.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag-beta.entry.js +1 -1
- 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-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/gux-visualization-beta.entry.js +1 -1
- package/dist/esm/{usage-tracking-3b64ff0c.js → usage-tracking-ba83ba12.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-e78f677a.entry.js → p-009674c1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd65dcdb.entry.js → p-031ff4fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9351936.entry.js → p-087ad1e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-64bcced1.entry.js → p-0a4d2a90.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d50ae124.js → p-0ccd72f8.js} +1 -1
- package/dist/genesys-webcomponents/{p-d3f9f06d.entry.js → p-16bcb180.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8cd3679a.entry.js → p-16e1fcc5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cb11ac05.entry.js → p-17844d9c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1247917a.entry.js → p-1b1bc201.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-51cc05b1.entry.js → p-1df0eca4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-85af6e14.entry.js → p-2396428a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d8543c89.entry.js → p-2c0f1b3c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-66f0b378.entry.js → p-2f01da61.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea133c14.entry.js → p-2f4fe666.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0630a8e8.entry.js → p-33e474c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-25413669.entry.js → p-354fb401.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a36a1e38.entry.js → p-3560deff.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-387b143d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-f6697834.entry.js → p-3a34d4f6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6e7601a8.entry.js → p-3ab580a0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-81a53431.entry.js → p-3ad5b8c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-457415e4.entry.js → p-3db40005.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff190723.entry.js → p-41978415.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42fafd47.entry.js → p-41f3ab4e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8ed074d6.entry.js → p-445ce30f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8f20c985.entry.js → p-47696243.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-20f3434f.entry.js → p-4d9fa723.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b1dddf1b.entry.js → p-4f329021.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4c12e0dc.entry.js → p-518c0709.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f7d519a.entry.js → p-545c19dd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d33fe931.entry.js → p-56c9d016.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5b4da573.entry.js → p-57631bcc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8bd6fccf.entry.js → p-58896b4f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42b40cbd.entry.js → p-5a8777ae.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dcdd0e57.entry.js → p-5c82c608.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-5d83ec1d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-1c863008.entry.js → p-6e8f6710.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ba5f6df2.entry.js → p-72d7cddb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aa79ef58.entry.js → p-7508a732.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1184134c.entry.js → p-79b105b2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7eceff43.entry.js → p-79cb56ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a01e4b3.entry.js → p-7e0ccb63.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-8079ba88.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-5a34607c.entry.js → p-82e8890f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c8ff359.entry.js → p-86b0b608.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-88d9968d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-2dccfbdb.entry.js → p-8a03c95d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cd186346.entry.js → p-9ac0744b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6e2f4f6f.entry.js → p-9d734c60.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a26ba0ab.entry.js +1 -0
- package/dist/genesys-webcomponents/p-a7c77598.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-31bbb874.entry.js → p-a7f47f31.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a9ffd903.entry.js +1 -0
- package/dist/genesys-webcomponents/p-b45c0107.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-724a7352.entry.js → p-b6d1a350.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d0748cbc.entry.js → p-bbca2f03.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92d47080.entry.js → p-bbd3e67b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6d459714.entry.js → p-bc59988f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c11a189d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-eb564fb7.entry.js → p-c3dd1666.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6cbda989.entry.js → p-c45ec0e0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b676df58.entry.js → p-c8be3176.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-924e37d2.entry.js → p-ccd496e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b19b1da1.entry.js → p-cec3ab80.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2af860f9.entry.js → p-d23f70be.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-21f44983.entry.js → p-d86ba359.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5fb1e5be.entry.js → p-d89b3f4f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c0d1573.entry.js → p-d8cbea40.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-dbd1e2ed.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-418aeec4.entry.js → p-dcccccbd.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-dfb4d5b2.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-a8f710af.entry.js → p-dfb54313.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-24dd70c5.entry.js → p-e63dcb28.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9270cb95.entry.js → p-e69e46fc.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f16b2bed.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3f3e1686.entry.js → p-f49d3953.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e04ae658.entry.js → p-f5cca4e8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6a332620.entry.js → p-f6fe7281.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92e982ea.entry.js → p-f82fab0c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd074c6b.entry.js → p-f95967c3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a54e33c9.entry.js → p-fe998a5f.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-469b6eed.entry.js +0 -1
- package/dist/genesys-webcomponents/p-49fd05fc.entry.js +0 -1
- package/dist/genesys-webcomponents/p-6077310e.entry.js +0 -1
- package/dist/genesys-webcomponents/p-8a4c691e.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a3125821.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a6fe22ab.entry.js +0 -1
- package/dist/genesys-webcomponents/p-b78778c8.entry.js +0 -1
- package/dist/genesys-webcomponents/p-be601c92.entry.js +0 -1
- package/dist/genesys-webcomponents/p-c36b11c2.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d4b75cab.entry.js +0 -1
- package/dist/genesys-webcomponents/p-ed17e823.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f8499290.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as e,h as i,g as s,c as o,H as n}from"./p-74b510cb.js";import{O as r}from"./p-acd2fa20.js";import{b as a}from"./p-1c9dfc78.js";import{s as d}from"./p-d176c2ae.js";import{o as l,c as u}from"./p-3f5341ea.js";import{t as h}from"./p-d50ae124.js";import{g as c,s as x,c as g,a as p,b as f,h as b,d as m,e as w,f as v,i as y,j as F,o as j}from"./p-3770c1e9.js";import{w as k}from"./p-76ff3e75.js";import{r as A}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const C={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};const E=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.hasError=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement&&(this.listboxElement.value=t)}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,C),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value),l(this.root,(()=>{e(this.root)}))}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,d(this.root,"input"),d(this.root,"change")),this.collapseListbox("focusFieldButton")}getSuggestionText(t){const e=t.length;if(e>0){const i=c(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:u(this.root),onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return s(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],E.prototype,"onClickOutside",null),E.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const L={noMatches:"No matches"},O=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=o(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){x(this.root)}onBlur(){g(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void y(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),v(this.root)):f(this.root));case"ArrowUp":return t.preventDefault(),void(b(this.root)?(t.stopPropagation(),m(this.root)):p(this.root));case"Home":return t.preventDefault(),void f(this.root);case"End":return t.preventDefault(),void p(this.root);case" ":return void t.preventDefault()}1!==t.key.length||F(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void y(this.root,(t=>this.updateValue(t)))}}onMousemove(){g(this.root)}onClick(t){k("gux-option",t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){y(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),d(this.root,"input"),d(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,L),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&f(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(n,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return s(this)}};O.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const R=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||A("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return s(this)}};R.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not(:disabled){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{E as gux_dropdown,O as gux_listbox,R as gux_option}
|
|
1
|
+
import{r as t,f as e,h as i,g as s,c as o,H as n}from"./p-74b510cb.js";import{O as r}from"./p-acd2fa20.js";import{b as a}from"./p-1c9dfc78.js";import{s as d}from"./p-d176c2ae.js";import{o as l,c as u}from"./p-3f5341ea.js";import{t as h}from"./p-0ccd72f8.js";import{g as c,s as x,c as g,a as p,b as f,h as b,d as m,e as w,f as v,i as y,j as F,o as j}from"./p-3770c1e9.js";import{w as k}from"./p-76ff3e75.js";import{r as A}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const C={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};const E=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.hasError=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement&&(this.listboxElement.value=t)}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,C),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value),l(this.root,(()=>{e(this.root)}))}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,d(this.root,"input"),d(this.root,"change")),this.collapseListbox("focusFieldButton")}getSuggestionText(t){const e=t.length;if(e>0){const i=c(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:u(this.root),onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return s(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],E.prototype,"onClickOutside",null),E.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const L={noMatches:"No matches"},O=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=o(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){x(this.root)}onBlur(){g(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void y(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),v(this.root)):f(this.root));case"ArrowUp":return t.preventDefault(),void(b(this.root)?(t.stopPropagation(),m(this.root)):p(this.root));case"Home":return t.preventDefault(),void f(this.root);case"End":return t.preventDefault(),void p(this.root);case" ":return void t.preventDefault()}1!==t.key.length||F(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void y(this.root,(t=>this.updateValue(t)))}}onMousemove(){g(this.root)}onClick(t){k("gux-option",t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){y(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),d(this.root,"input"),d(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,L),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&f(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(n,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return s(this)}};O.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const R=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||A("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return s(this)}};R.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not(:disabled){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{E as gux_dropdown,O as gux_listbox,R as gux_option}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r,g as s}from"./p-74b510cb.js";import{t}from"./p-
|
|
1
|
+
import{h as e,r,g as s}from"./p-74b510cb.js";import{t}from"./p-0ccd72f8.js";import{l as a}from"./p-3184268e.js";import{r as o}from"./p-cbcbd1bb.js";import{c as i}from"./p-9dd4b14a.js";const n=2*Math.PI*23.5;function c(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const l=({value:r,max:s,scale:t,dropshadowId:a,screenreaderText:o})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":o},e("svg",{class:"gux-svg-container",width:"60px",height:"60px",viewBox:"0 0 60 60",role:"presentation"},e("filter",{id:a},e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"1.4"}),e("feOffset",{dx:"0",dy:"0",result:"offsetblur"}),e("feMerge",null,e("feMergeNode",null),e("feMergeNode",{in:"SourceGraphic"}))),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle-shadow","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round",filter:"url(#"+a+")"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:{"gux-percentage":!0,"gux-small":![0,1].includes(t)}},function(e,r,s){const t=Math.pow(10,i(s,0,2));return Math.round((e+Number.EPSILON)/r*100*t)/t+"%"}(r,s,t)))),d=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),g=class{constructor(e){r(this,e),this.dropshadowId=o("gux-dropshadow"),this.max=100,this.scale=0,this.screenreaderText=""}componentWillLoad(){t(this.root)}componentDidLoad(){!this.screenreaderText&&c(this.value,this.max)&&a("gux-radial-progress","No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return c(this.value,this.max)?e(l,{value:this.value,max:this.max,scale:this.scale,dropshadowId:this.dropshadowId,screenreaderText:this.screenreaderText}):e(d,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};g.style=":host{display:inline-block}div[role='progressbar'] .gux-svg-container{display:block}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:#2a60c8;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle-shadow{fill:none;stroke:#75a8ff;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-static-circle{fill:none;stroke:#deeaff;stroke-width:4}div[role='progressbar'] .gux-svg-container .gux-percentage{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;text-anchor:middle;fill:#2e394c}div[role='progressbar'] .gux-svg-container .gux-percentage.gux-small{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}";export{g as gux_radial_progress}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as s}from"./p-74b510cb.js";import{t as a}from"./p-d50ae124.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-1c9dfc78.js";import{f as c,a as d,b as h,c as u}from"./p-4f26144b.js";import{O as o}from"./p-acd2fa20.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function x(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange()}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===f(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=k(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),c=new Date(a,n,r);return"yy"===this.yearFormat&&c.getFullYear()<1970&&this.lastYear>1970&&c.setFullYear(c.getFullYear()+100),c}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=d(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(f(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=k(e);return e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?d(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,value:this.toFormatedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{z-index:var(--gux-zindex-popup, 1);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{y as gux_datepicker}
|
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-74b510cb.js";import{t as a}from"./p-0ccd72f8.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-1c9dfc78.js";import{f as c,a as d,b as h,c as u}from"./p-4f26144b.js";import{O as o}from"./p-acd2fa20.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function x(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange()}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===f(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=k(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),c=new Date(a,n,r);return"yy"===this.yearFormat&&c.getFullYear()<1970&&this.lastYear>1970&&c.setFullYear(c.getFullYear()+100),c}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=d(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(f(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=k(e);return e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?d(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,value:this.toFormatedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{z-index:var(--gux-zindex-popup, 1);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{y as gux_datepicker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as n,g as a}from"./p-74b510cb.js";import{t as e}from"./p-
|
|
1
|
+
import{r as t,c as i,h as n,g as a}from"./p-74b510cb.js";import{t as e}from"./p-0ccd72f8.js";const s=class{constructor(n){t(this,n),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.layout="full"}setPage(t){if(t<0)return void this.setPage(this.totalPages>0?1:0);const i=this.calculatTotalPages();t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}calculatTotalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}calculateCurrentPage(){return Math.max(this.totalPages>0?1:0,Math.min(this.currentPage,this.totalPages))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}getPaginationInfoElement(t){if("expanded"===t)return null;const i=[n("gux-pagination-item-counts",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage})];return"full"===t&&i.push(n("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-info"},i)}componentWillLoad(){e(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculatTotalPages(),this.currentPage=this.calculateCurrentPage()}render(){return n("div",{class:"gux-pagination-container"},this.getPaginationInfoElement(this.layout),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons",{layout:this.layout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return a(this)}};s.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:32px;margin-top: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:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{s as gux_pagination}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,g as o}from"./p-74b510cb.js";import{c as i,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as p}from"./p-0ccd72f8.js";import{G as l,a as u}from"./p-625f19b6.js";import{h as c,G as x,v as f,g}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(t){e(this,t),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=c(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=c(this.root),p(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return t(u,{labelPosition:this.computedLabelPosition},t(l,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"ic-dropdown-arrow",decorative:!0}))),t(x,{hasError:this.hasError},t("slot",{name:"error"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),s(this.input),this.disabled=i(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),f(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var r,n=arguments.length,a=n<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 s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([n({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 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;line-height:16px;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-right: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(select){flex:1 1 auto;align-self:auto;order:0;height:30px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;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}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.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{d as gux_form_field_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,g as r}from"./p-74b510cb.js";import{t as e}from"./p-
|
|
1
|
+
import{r as o,h as t,g as r}from"./p-74b510cb.js";import{t as e}from"./p-0ccd72f8.js";const s=class{constructor(t){o(this,t),this.accent="outline"}componentWillLoad(){e(this.root)}render(){return t("slot",null)}get root(){return r(this)}};s.style=":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}:host([accent='outline']){background-color:#fdfdfd}:host([accent='filled']){background-color:#f6f7f9}:host([accent='raised']){box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";export{s as gux_card_beta}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-74b510cb.js";import{c as r,o}from"./p-3f5341ea.js";import{O as n}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as l}from"./p-0ccd72f8.js";import{G as d,a as p}from"./p-625f19b6.js";import{h as u,G as h,v as x,g as f}from"./p-8caf2514.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.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),l(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(d,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},i("slot",{name:"input"})),i(h,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),s(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=o(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}updateHeight(t,i,e){"auto"===e&&t&&(t.dataset.replicatedValue=i.value,t.style.maxHeight=i.style.maxHeight)}get root(){return e(this)}};(function(t,i,e,r){var o,n=arguments.length,a=n<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(i,e,a):o(i,e))||a);n>3&&a&&Object.defineProperty(i,e,a)})([n({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 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;line-height:16px;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-right: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(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input: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{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{g as gux_form_field_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,g as
|
|
1
|
+
import{r as t,c as i,h as s,g as o}from"./p-74b510cb.js";import{t as e}from"./p-0ccd72f8.js";import{b as n}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const r={previous:"Previous",next:"Next"},a=class{constructor(s){t(this,s),this.guxPaginationCursorchange=i(this,"guxPaginationCursorchange",7),this.hasPrevious=!1,this.hasNext=!1}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){e(this.root),this.i18n=await n(this.root,r)}render(){return[s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("previous"),disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-left"}))),s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("next"),disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-right"})))]}get root(){return o(this)}};a.style=":host{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between}";export{a as gux_pagination_cursor}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-74b510cb.js";import{t as a}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-74b510cb.js";import{t as a}from"./p-0ccd72f8.js";import{l as s}from"./p-3184268e.js";import{V as r}from"./p-5cacdfc9.js";const o=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},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:"value",type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right"}parseData(){this.outerRadius||s("gux-chart-pie","[gux-chart-pie] requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const e=this.colorFieldName||"category";e&&(this.baseChartSpec.encoding.color.field=e);const i=this.legendTitle;i&&(this.baseChartSpec.encoding.color.title=i),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const a=this.labelRadius;a&&this.baseChartSpec.layer.push({mark:{type:"text",radius:a},encoding:{text:{field:this.labelField||"value",type:"quantitative"}}});const r=Object.assign(this.baseChartSpec,t);this.visualizationSpec=r}componentWillLoad(){a(this.root),this.parseData()}render(){return e("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{o as gux_chart_pie_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-74b510cb.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-d50ae124.js";import{b as l}from"./p-1c9dfc78.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
|
|
1
|
+
import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-74b510cb.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-0ccd72f8.js";import{b as l}from"./p-1c9dfc78.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as o,g as i}from"./p-74b510cb.js";import{c as l,o as r}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{p as a}from"./p-c10e41a9.js";import{t as n}from"./p-0ccd72f8.js";import{h as d,G as c,v as p}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const u=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=d(this.root)}componentWillLoad(){this.setInput(),this.hasError=d(this.root),n(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-label"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()})),t("div",{class:"gux-label"},t("slot",{name:"label"}),t(c,{hasError:this.hasError},t("slot",{name:"error"}))))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),a(this.input),this.disabled=l(this.input),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 l,r=arguments.length,s=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(s=(r<3?l(s):r>3?l(t,o,s):l(t,o))||s);r>3&&s&&Object.defineProperty(t,o,s)})([s({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.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;line-height:16px;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-right: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-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%23ea0b0b'/%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input-label{display:flex;flex-direction:row}.gux-input-label .gux-input{position:relative;height:24px;line-height:24px}.gux-input-label .gux-label{display:flex;flex-direction:column}::slotted(input[type='checkbox']){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='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 0H12.3077C13.287 0 14.2261 0.38901 14.9185 1.08145C15.611 1.77389 16 2.71305 16 3.69231V12.3077C16 13.287 15.611 14.2261 14.9185 14.9185C14.2261 15.611 13.287 16 12.3077 16H3.69231C2.71305 16 1.77389 15.611 1.08145 14.9185C0.38901 14.2261 0 13.287 0 12.3077V3.69231C0 2.71305 0.38901 1.77389 1.08145 1.08145C1.77389 0.38901 2.71305 0 3.69231 0ZM5.62483 11.5936C5.79089 11.7597 6.00122 11.8372 6.21155 11.8372C6.43295 11.8372 6.64329 11.7486 6.79827 11.5936L13.2854 5.10652C13.6064 4.78549 13.6064 4.25412 13.2854 3.93308C12.9643 3.61205 12.433 3.61205 12.1119 3.93308L6.21155 9.83348L3.87575 7.4866C3.55472 7.16557 3.02335 7.16557 2.70231 7.4866C2.38128 7.80764 2.38128 8.339 2.70231 8.66004L5.62483 11.5936Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 1.84615H12.3077C13.3273 1.84615 14.1538 2.67271 14.1538 3.69231V12.3077C14.1538 13.3273 13.3273 14.1538 12.3077 14.1538H3.69231C2.67271 14.1538 1.84615 13.3273 1.84615 12.3077V3.69231C1.84615 2.67271 2.67271 1.84615 3.69231 1.84615ZM0 3.69231C0 1.6531 1.6531 0 3.69231 0H12.3077C14.3469 0 16 1.6531 16 3.69231V12.3077C16 14.3469 14.3469 16 12.3077 16H3.69231C1.6531 16 0 14.3469 0 12.3077V3.69231ZM4.00028 9.2308H12.0003C12.5049 9.2308 12.9234 8.81234 12.9234 8.30773C12.9234 7.80311 12.5049 7.38465 12.0003 7.38465H4.00028C3.49567 7.38465 3.07721 7.80311 3.07721 8.30773C3.07721 8.81234 3.49567 9.2308 4.00028 9.2308Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{u as gux_form_field_checkbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,g as s}from"./p-74b510cb.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,h as o,g as s}from"./p-74b510cb.js";import{t as n}from"./p-0ccd72f8.js";import{b as i}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const r={dismiss:"Dismiss"},e=class{constructor(o){t(this,o)}async componentWillLoad(){n(this.root),this.i18n=await i(this.root,r)}render(){return o("button",{type:"button",title:this.i18n("dismiss")},o("gux-icon",{"icon-name":"close","screenreader-text":this.i18n("dismiss")}))}static get delegatesFocus(){return!0}get root(){return s(this)}};e.style="button{position:absolute;top:0;right: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:15px;height:15px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus gux-icon{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{e as gux_dismiss_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-74b510cb.js";import{t as o}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,g as e}from"./p-74b510cb.js";import{t as o}from"./p-0ccd72f8.js";import{O as n}from"./p-acd2fa20.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)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){switch(t.key){case" ":t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}}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,this.isOpen&&this.focusPopupList())}focusPopupList(){setTimeout((()=>{this.listElement.focus()}),this.moveFocusDelay)}focusFirstItemInPopupList(){setTimeout((()=>{this.listElement.guxFocusFirstItem()}),this.moveFocusDelay)}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,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"},this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{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;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}.gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{a as gux_button_multi}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as a,H as i,g as h}from"./p-74b510cb.js";import{t as c}from"./p-
|
|
1
|
+
import{r as t,c as s,h as a,H as i,g as h}from"./p-74b510cb.js";import{t as c}from"./p-0ccd72f8.js";const n=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){c(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};n.style="gux-tabs-advanced{-custom-noop:noop}";export{n as gux_tabs_advanced}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as s}from"./p-74b510cb.js";import{t as e}from"./p-
|
|
1
|
+
import{r as t,h as i,g as s}from"./p-74b510cb.js";import{t as e}from"./p-0ccd72f8.js";import{V as a}from"./p-5cacdfc9.js";import{l as h}from"./p-3184268e.js";const n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"line",interpolate:"linear",point:!1},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},legend:{symbolType:"circle"}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:"category",type:"nominal",scale:{range:a},legend:null},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||h("gux-chart-line","[gux-chart-line] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,a=this.yAxisTitle,n=this.legendTitle,o=this.colorFieldName||"category",r=this.interpolation,c=this.strokeDash,l=this.includeDataPointMarkers;i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),a&&(this.baseChartSpec.encoding.y.title=a),o&&(this.baseChartSpec.encoding.color.field=o),n&&(this.baseChartSpec.encoding.color.title=n),c&&(this.baseChartSpec.encoding.strokeDash={field:o,type:"nominal"}),r&&(this.baseChartSpec.mark.interpolate=r),l&&(this.baseChartSpec.mark.point=l);const g=Object.assign(this.baseChartSpec,t);this.visualizationSpec=g}componentWillLoad(){e(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_line_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as o}from"./p-74b510cb.js";import{r as e}from"./p-cbcbd1bb.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,g as o}from"./p-74b510cb.js";import{r as e}from"./p-cbcbd1bb.js";import{t as r}from"./p-0ccd72f8.js";import{b as n}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const u={defaultLabel:"Disclosure button"},a=class{constructor(i){t(this,i),this.active=s(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,u),this.updateIcon()}render(){return i("div",{class:`gux-disclosure-button-container gux-${this.position}`},i("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},i("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),i("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},i("slot",{name:"panel-content"})))}get root(){return o(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};a.style=":host{height:100%;color:#2e394c}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:#2e394c;background:transparent;border-top:none;border-right:1px solid #e2e6ee;border-bottom:none;border-left:1px solid #e2e6ee}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus{outline:none}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{a as gux_disclosure_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-74b510cb.js";import{t as o}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,g as e}from"./p-74b510cb.js";import{t as o}from"./p-0ccd72f8.js";import{O as n}from"./p-acd2fa20.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}
|
package/dist/stencil-wrapper.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { defineCustomElements } from '../dist/loader';
|
|
8
8
|
// Value templated out during build process (see scripts/wrap-stencil.js)
|
|
9
|
-
const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.26.
|
|
9
|
+
const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.26.1-163/genesys-webcomponents/';
|
|
10
10
|
export function registerElements() {
|
|
11
11
|
if (CDN_URL) {
|
|
12
12
|
defineCustomElements(window, { resourcesUrl: CDN_URL });
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,g as o}from"./p-74b510cb.js";import{c as i,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as p}from"./p-d50ae124.js";import{G as l,a as u}from"./p-625f19b6.js";import{h as c,G as x,v as f,g}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(t){e(this,t),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=c(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=c(this.root),p(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return t(u,{labelPosition:this.computedLabelPosition},t(l,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"ic-dropdown-arrow",decorative:!0}))),t(x,{hasError:this.hasError},t("slot",{name:"error"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),s(this.input),this.disabled=i(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),f(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var r,n=arguments.length,a=n<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 s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([n({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 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(select){flex:1 1 auto;align-self:auto;order:0;height:30px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;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}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.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{d as gux_form_field_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-74b510cb.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as a}from"./p-e3c80187.js";import{a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as l}from"./p-d50ae124.js";import{G as d,a as p}from"./p-625f19b6.js";import{h as u,G as x,v as h,g as f}from"./p-8caf2514.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.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),l(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(d,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},i("slot",{name:"input"})),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),s(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=o(this.input),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=f(this.label,this.labelPosition)}updateHeight(t,i,e){"auto"===e&&t&&(t.dataset.replicatedValue=i.value,t.style.maxHeight=i.style.maxHeight)}get root(){return e(this)}};(function(t,i,e,o){var r,a=arguments.length,n=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(i,e,n):r(i,e))||n);a>3&&n&&Object.defineProperty(i,e,n)})([a({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 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(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input: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{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{g as gux_form_field_textarea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,g as o}from"./p-74b510cb.js";import{c as e,o as r}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{t as n}from"./p-d50ae124.js";import{G as l,a as f}from"./p-625f19b6.js";import{h,G as p,v as u,g as x}from"./p-8caf2514.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.computedLabelPosition="above",this.hasError=!1}watchValue(t){const i=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta");i&&(i.hasError=t)}onMutation(){this.hasError=h(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=h(this.root),n(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(f,{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,"gux-disabled":this.disabled}},i("slot",null)),i(p,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=e(this.dropdownElement),this.required=this.dropdownElement.required,this.disabledObserver=r(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=a(this.dropdownElement,(t=>{this.required=t})),u(this.root,this.listboxElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}get root(){return o(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,i,o,e){var r,s=arguments.length,a=s<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,o):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,e);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(i,o,a):r(i,o))||a);s>3&&a&&Object.defineProperty(i,o,a)})([s({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 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}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input.gux-disabled{pointer-events:none;opacity:0.5}";export{d as gux_form_field_dropdown}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,g as o}from"./p-74b510cb.js";import{c as l,o as s}from"./p-3f5341ea.js";import{O as a}from"./p-e3c80187.js";import{p as r}from"./p-c10e41a9.js";import{t as n}from"./p-d50ae124.js";import{h as d,G as p,v as c}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const u=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=d(this.root)}componentWillLoad(){this.setInput(),this.hasError=d(this.root),n(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(i,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input-label"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()})),t("div",{class:"gux-label"},t("slot",{name:"label"}),t(p,{hasError:this.hasError},t("slot",{name:"error"}))))))}setInput(){this.input=this.root.querySelector('input[type="radio"][slot="input"]'),r(this.input),this.disabled=l(this.input),this.disabledObserver=s(this.input,(e=>{this.disabled=e})),c(this.root,this.input)}get root(){return o(this)}};(function(e,t,i,o){var l,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(l=e[r])&&(a=(s<3?l(a):s>3?l(t,i,a):l(t,i))||a);s>3&&a&&Object.defineProperty(t,i,a)})([a({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.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-label{display:flex;flex-direction:row}.gux-input-label .gux-input{position:relative;height:24px;line-height:24px}.gux-input-label .gux-label{display:flex;flex-direction:column}::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}::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{u as gux_form_field_radio}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,g as o}from"./p-74b510cb.js";import{c as e,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as l}from"./p-d50ae124.js";import{G as p,a as f}from"./p-625f19b6.js";import{h as u,G as x,v as c,g as d}from"./p-8caf2514.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.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),l(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(f,{labelPosition:this.computedLabelPosition},i(p,{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(x,{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=e(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,i,o,e){var r,n=arguments.length,a=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,o):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,e);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(i,o,a):r(i,o))||a);n>3&&a&&Object.defineProperty(i,o,a)})([n({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 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{g as gux_form_field_color}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-74b510cb.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as l}from"./p-d50ae124.js";import{G as p,a as u}from"./p-625f19b6.js";import{h as c,c as f,G as x,a as h,v as d,g}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const m=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.clearable=!0,this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=c(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=c(this.root),l(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(u,{labelPosition:this.computedLabelPosition},i(p,{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:()=>f(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=h(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=o(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),d(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,a=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(i,e,a):r(i,e))||a);n>3&&a&&Object.defineProperty(i,e,a)})([n({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 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:16px;height:16px;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{m as gux_form_field_search}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as t,h as i,H as o,g as e}from"./p-74b510cb.js";import{s as h,c as a,a as r,b as n,h as c,d,e as l,f as u,i as p,j as b,o as m}from"./p-3770c1e9.js";import{b as x}from"./p-1c9dfc78.js";import{w as f}from"./p-76ff3e75.js";import{s as g}from"./p-d176c2ae.js";import{t as v}from"./p-d50ae124.js";import"./p-8a133b9b.js";const w={noMatches:"No matches"},j=class{constructor(i){s(this,i),this.internallistboxoptionsupdated=t(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){h(this.root)}onBlur(){a(this.root)}onKeydown(s){switch(s.key){case"Enter":return s.preventDefault(),void p(this.root,(s=>this.updateValue(s)));case"ArrowDown":return s.preventDefault(),void(l(this.root)?(s.stopPropagation(),u(this.root)):n(this.root));case"ArrowUp":return s.preventDefault(),void(c(this.root)?(s.stopPropagation(),d(this.root)):r(this.root));case"Home":return s.preventDefault(),void n(this.root);case"End":return s.preventDefault(),void r(this.root);case" ":return void s.preventDefault()}1!==s.key.length||b(this.root,s.key)}onKeyup(s){switch(s.key){case" ":return void p(this.root,(s=>this.updateValue(s)))}}onMousemove(){a(this.root)}onClick(s){f("gux-option-multi",s,(s=>{m(s,(s=>this.updateValue(s)))}))}validateValue(){this.selectedValues=this.value?this.value.split(","):[]}async guxSelectActive(){p(this.root,(s=>this.updateValue(s)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(s){if(this.selectedValues.includes(s))this.selectedValues=this.selectedValues.filter((t=>t!==s)),this.value=this.selectedValues.join(",");else{const t=[...this.selectedValues,s];this.selectedValues=t,this.value=this.selectedValues.join(",")}g(this.root,"input"),g(this.root,"change")}async componentWillLoad(){v(this.root),this.i18n=await x(this.root,w),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((s=>{s.selected=this.selectedValues.includes(s.value),s.filtered=!s.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((s=>!s.filtered)).length}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(o,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return e(this)}static get watchers(){return{value:["validateValue"]}}};j.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{j as gux_listbox_multi}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as o,g as i}from"./p-74b510cb.js";import{c as l,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-e3c80187.js";import{p as a}from"./p-c10e41a9.js";import{t as n}from"./p-d50ae124.js";import{h as d,G as c,v as p}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const u=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=d(this.root)}componentWillLoad(){this.setInput(),this.hasError=d(this.root),n(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-label"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()})),t("div",{class:"gux-label"},t("slot",{name:"label"}),t(c,{hasError:this.hasError},t("slot",{name:"error"}))))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),a(this.input),this.disabled=l(this.input),this.disabledObserver=s(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var l,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(r=(s<3?l(r):s>3?l(t,o,r):l(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([r({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.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-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%23ea0b0b'/%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input-label{display:flex;flex-direction:row}.gux-input-label .gux-input{position:relative;height:24px;line-height:24px}.gux-input-label .gux-label{display:flex;flex-direction:column}::slotted(input[type='checkbox']){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='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 0H12.3077C13.287 0 14.2261 0.38901 14.9185 1.08145C15.611 1.77389 16 2.71305 16 3.69231V12.3077C16 13.287 15.611 14.2261 14.9185 14.9185C14.2261 15.611 13.287 16 12.3077 16H3.69231C2.71305 16 1.77389 15.611 1.08145 14.9185C0.38901 14.2261 0 13.287 0 12.3077V3.69231C0 2.71305 0.38901 1.77389 1.08145 1.08145C1.77389 0.38901 2.71305 0 3.69231 0ZM5.62483 11.5936C5.79089 11.7597 6.00122 11.8372 6.21155 11.8372C6.43295 11.8372 6.64329 11.7486 6.79827 11.5936L13.2854 5.10652C13.6064 4.78549 13.6064 4.25412 13.2854 3.93308C12.9643 3.61205 12.433 3.61205 12.1119 3.93308L6.21155 9.83348L3.87575 7.4866C3.55472 7.16557 3.02335 7.16557 2.70231 7.4866C2.38128 7.80764 2.38128 8.339 2.70231 8.66004L5.62483 11.5936Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 1.84615H12.3077C13.3273 1.84615 14.1538 2.67271 14.1538 3.69231V12.3077C14.1538 13.3273 13.3273 14.1538 12.3077 14.1538H3.69231C2.67271 14.1538 1.84615 13.3273 1.84615 12.3077V3.69231C1.84615 2.67271 2.67271 1.84615 3.69231 1.84615ZM0 3.69231C0 1.6531 1.6531 0 3.69231 0H12.3077C14.3469 0 16 1.6531 16 3.69231V12.3077C16 14.3469 14.3469 16 12.3077 16H3.69231C1.6531 16 0 14.3469 0 12.3077V3.69231ZM4.00028 9.2308H12.0003C12.5049 9.2308 12.9234 8.81234 12.9234 8.30773C12.9234 7.80311 12.5049 7.38465 12.0003 7.38465H4.00028C3.49567 7.38465 3.07721 7.80311 3.07721 8.30773C3.07721 8.81234 3.49567 9.2308 4.00028 9.2308Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{u as gux_form_field_checkbox}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as s,g as t}from"./p-74b510cb.js";import{t as e}from"./p-d50ae124.js";const a=class{constructor(s){r(this,s)}componentWillLoad(){e(this.root)}render(){return s("gux-radial-loading",{class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};a.style=":host{display:flex}.gux-spinner{margin:auto}";export{a as gux_page_loading_spinner}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as e,g as n}from"./p-74b510cb.js";import{t}from"./p-d50ae124.js";function c(o,e,n){const t=function(o,e){return e.find((e=>e.slotName===o))}(o,n);null==t||t.ref.classList[e]("gux-opened")}const r=class{constructor(e){o(this,e),this.sections=[],this.headingLevel=null,this.arrowPosition="default"}async open(o){c(o,"add",this.sections)}async close(o){c(o,"remove",this.sections)}async toggle(o){c(o,"toggle",this.sections)}componentWillLoad(){t(this.root),this.sections=function(o){const e=Array.from(o.children),n=[];return e.forEach((o=>{const e=o.getAttribute("slot");o.hidden=!Boolean(e),e&&n.push({slotName:e,ref:null})})),n}(this.root)}render(){return e("div",{class:"gux-accordion"},this.sections.map((o=>e("section",{class:"gux-section",onKeyDown:e=>function(o,e,n){let t;switch(o.key){case"ArrowUp":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n<=0?e[e.length-1].ref:e[n-1].ref}(e,n);break;case"ArrowDown":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n>=e.length-1?e[0].ref:e[n+1].ref}(e,n);break;case"End":t=function(o){return o[this.sections.length-1].ref}(n);break;case"Home":t=function(o){return o[0].ref}(n)}var c;t&&(c=t,c.querySelector(".gux-header-button")).focus()}(e,o.slotName,this.sections),ref:e=>o.ref=e},e("div",{"aria-role":"heading","aria-level":this.headingLevel,class:"gux-header"},e("button",{class:"gux-header-button",type:"button",onClick:()=>this.toggle(o.slotName)},e("div",{class:"gux-text"},o.slotName),"beside-text"===this.arrowPosition?null:e("div",{class:"gux-spacer"}),e("div",{class:"gux-toggle-arrow"},e("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),e("div",{class:"gux-content"},e("slot",{name:o.slotName}))))))}get root(){return n(this)}};r.style="gux-accordion-legacy .gux-accordion{padding:0;margin:0;background-color:#fdfdfd}gux-accordion-legacy .gux-accordion .gux-section{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-header{box-sizing:border-box;height:40px;border-top:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0 16px;margin:0;color:#2e394c;cursor:pointer;background:none;border:none}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-text{flex:0 1 auto;align-self:auto;padding-right:8px;font-family:inherit;font-size:inherit;font-weight:bold;text-align:left}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-spacer{flex:1 1 auto;align-self:auto}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow gux-icon{width:20px;height:20px}gux-accordion-legacy .gux-accordion .gux-section .gux-header:hover .gux-toggle-arrow{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-content{box-sizing:border-box;display:none;padding:16px}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header .gux-toggle-arrow{transform:rotate(-180deg)}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-content{display:block}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-content{border-bottom:1px solid #e2e6ee}";export{r as gux_accordion_legacy}
|