genesys-spark-components 4.27.0 → 4.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.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.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +2 -2
- package/dist/cjs/gux-copy-to-clipboard.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-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.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.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.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-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-base-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/{usage-ff8f391e.js → usage-adda21ad.js} +1 -1
- package/dist/collection/components/stable/gux-context-menu/gux-context-menu.css +5 -5
- package/dist/deploy-info.json +3 -3
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.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.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +2 -2
- package/dist/esm/gux-copy-to-clipboard.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-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-number_3.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.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.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.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-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip-base-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/{usage-23dce096.js → usage-9033d0a9.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-1a0e2022.entry.js → p-00fea66f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5e558ce5.entry.js → p-0266bd56.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9242af34.entry.js → p-067e655e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4248dc2e.entry.js → p-0f657b69.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9ebf19c7.entry.js → p-1313ba3c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c5e69ab0.entry.js → p-14bc5f8c.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-168c0fc2.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-8e8c18fb.entry.js → p-17cc85a0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b2ee450.entry.js → p-183a2b7d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-64819e2a.entry.js → p-1bb4fac7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bc335f53.entry.js → p-2216ff27.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-55009b8c.entry.js → p-24711f77.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0a0dcba4.entry.js → p-2562741d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9c61ad7.entry.js → p-28cd4302.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02ff5c54.entry.js → p-2c260b3b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4641cdc0.entry.js → p-2d3907f7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1ca46f96.entry.js → p-2e047804.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-80b5665c.entry.js → p-2f2ba48c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ec4ab3b0.entry.js → p-317c437c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5d676e85.entry.js → p-331d1cde.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8c96bfb1.entry.js → p-34437f2f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cfef502a.entry.js → p-3cd93feb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f4a8b69a.entry.js → p-3e2d0750.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e7c0ab8f.entry.js → p-40379ac5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-81040fbc.entry.js → p-43909db3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a64a49be.entry.js → p-43c4dbc1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-952c004a.entry.js → p-47b40d1d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-4e2560b5.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-611c6071.entry.js → p-4e968640.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b23614b0.entry.js → p-512cb3d3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-663aaf97.entry.js → p-51964e29.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bc323a47.entry.js → p-5404c74f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-274c60b3.entry.js → p-5bb3bcf1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-781ee97c.js → p-5bc3c9d4.js} +1 -1
- package/dist/genesys-webcomponents/{p-8f5f5fca.entry.js → p-5c8d6bc1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-812aa395.entry.js → p-615a0d85.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ecdabd24.entry.js → p-626e7afc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-36feb31b.entry.js → p-62e475d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-47612453.entry.js → p-64e46311.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-892d6e05.entry.js → p-686c43c3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2005437a.entry.js → p-6987a3c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4947bd76.entry.js → p-6b6e9bc1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6ad71eb8.entry.js → p-6e1907cb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8e6ab587.entry.js → p-700c6909.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8a619e8e.entry.js → p-74aaebba.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6966caa1.entry.js → p-780c4794.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc5ca5d5.entry.js → p-7ab4b0d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-192aac15.entry.js → p-7c7fb8bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-844ac777.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3ade361d.entry.js → p-91401e19.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d7b0b156.entry.js → p-91d24902.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e8e64193.entry.js → p-95d4433c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-95657ae7.entry.js → p-9c87c478.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6806672b.entry.js → p-9d4ff0db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-484bf043.entry.js → p-a5d12ba2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e432e480.entry.js → p-a9ce320c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbdf396e.entry.js → p-aa957b25.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6fac46a9.entry.js → p-adf8365a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dfc218b5.entry.js → p-ae0ad979.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b155c587.entry.js → p-ae8f0ebc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b5228f5c.entry.js → p-af49e564.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0ac51edc.entry.js → p-afea1f61.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eb605797.entry.js → p-b41153a2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-37637ea2.entry.js → p-b6195ebe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-73b95c68.entry.js → p-b6da24d2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-511a65e3.entry.js → p-b732c2b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-72f032e3.entry.js → p-bfd94181.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b17bcb9b.entry.js → p-c0a633c9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b583a77f.entry.js → p-c51c5f2e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d145b89e.entry.js → p-c88433fb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14d86923.entry.js → p-d093ac3b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0e991867.entry.js → p-d3dcf88e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0662229a.entry.js → p-d4c6bd39.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b46ba912.entry.js → p-d800c26c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3eb9f47f.entry.js → p-df441bd6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-85a88cdf.entry.js → p-e3b6304e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a322cf7.entry.js → p-e6fbc7d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dd15288a.entry.js → p-ea962126.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6b9077c8.entry.js → p-ed4fb1e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c587ec5d.entry.js → p-eec25c83.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ba0268de.entry.js → p-f767cf1f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-93d39cbf.entry.js → p-fbc99838.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8ef362e6.entry.js → p-fff11e99.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-44520716.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d3ca665f.entry.js +0 -1
- package/dist/genesys-webcomponents/p-df261720.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{O as i}from"./p-01471ba0.js";import{a as l,o as a}from"./p-e5b1cffc.js";import{t as s}from"./p-
|
1
|
+
import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{O as i}from"./p-01471ba0.js";import{a as l,o as a}from"./p-e5b1cffc.js";import{t as s}from"./p-5bc3c9d4.js";import{G as n,a as f}from"./p-b0e1eb0c.js";import{G as h,a as d,v as g,b as u}from"./p-f3b9b052.js";import{h as p}from"./p-6d8b4027.js";import{g as c}from"./p-0268a3e8.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m={required:"Required"};const b=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!1,this.hasError=!1,this.hasHelp=!1}watchValue(e){const t=this.root.querySelector("gux-phone-input-beta");t&&(t.hasError=e)}onMutation(){this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help")}async componentWillLoad(){this.getI18nValue=await o(this.root,m),this.setInput(),this.setLabel(),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){var e;return t(f,{key:"1c97db05461b448ed774d1b3286afd3b2703e85b",labelPosition:this.computedLabelPosition},t(n,{key:"61d4e0288a6388d3f964b3cc10090c003108736f",position:this.computedLabelPosition,required:this.required,labelText:null===(e=this.label)||void 0===e?void 0:e.textContent},t("slot",{key:"07cb1b379a20655ad7732b41f54c2798ed12719e",name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(c(this.root,"error"),this.hasError)),t("div",{key:"b9bc37dbd8d4fc16036132002eb5a2a7288d929b",class:"gux-input-and-error-container"},t("div",{key:"3bdf82b8df04a62acaaee7767268e57cb10de2fc",class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{key:"06b2fc3193e793bff248d744d770c48c488bdfb1",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{key:"056df5cc40820ed784761be3219d4d530c525bcd"}))),t(h,{key:"8d2c3f93da78b6776681c6fb4e98b3ab9586dcf7",show:this.hasError},t("slot",{key:"6b0e896646fb8f732f2d62901ed2a313355fa41c",name:"error"})),t(d,{key:"b135698c3fefc12b92089cff7d4962ae751b83d6",show:!this.hasError&&this.hasHelp},t("slot",{key:"39f1e5a5cb0f9e053fc025f2710a5ff0ea06fa21",name:"help"}))))}renderScreenReaderText(e,r=!0){if(r)return t("gux-screen-reader-beta",null,e)}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.phoneInputElement=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.phoneInputElement.disabled,this.required=this.phoneInputElement.required,this.disabledObserver=l(this.phoneInputElement,(e=>{this.disabled=e})),this.requiredObserver=a(this.phoneInputElement,(e=>{this.required=e})),g(this.root,this.phoneInputElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return r(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,t,r,o){var i,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(l<3?i(a):l>3?i(t,r,a):i(t,r))||a);l>3&&a&&Object.defineProperty(t,r,a)})([i({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style='.gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}';export{b as gux_form_field_phone}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as r,g as o}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as a}from"./p-01471ba0.js";import{o as n}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as d,v as f,b as g}from"./p-f3b9b052.js";import{G as p,a as h}from"./p-9773c4fe.js";import{t as c}from"./p-
|
1
|
+
import{r as e,h as r,g as o}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as a}from"./p-01471ba0.js";import{o as n}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as d,v as f,b as g}from"./p-f3b9b052.js";import{G as p,a as h}from"./p-9773c4fe.js";import{t as c}from"./p-5bc3c9d4.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(r){e(this,r),this.resize=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),c(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return r(h,{key:"fa6b3297a50339ab8184f4538b6be8ffb2aeaac0",labelPosition:this.computedLabelPosition},r(p,{key:"db119d2241a81038bf50d551c1b8855d03d6eb84",position:this.computedLabelPosition,required:this.required},r("slot",{key:"fede5f2a55e59075998eba3fb8289f8091527da6",name:"label",onSlotchange:()=>this.setLabel()})),r("div",{key:"f663ed56ab469d71a57b5f2185f72b1380b02573",class:"gux-input-and-error-container"},r("div",{key:"08c68003185c1ab9a0c6f963db529504652da394",ref:e=>this.textareaContainerElement=e,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},r("slot",{key:"7c7ee9c362d036e1ab2ad00f2b1661fb44693b4b",name:"input"})),r(u,{key:"c3fdc65d0deddd79937f7d443add5bfb1ac45f1a",show:this.hasError},r("slot",{key:"e10508d9c7b0e9240fd771064934117a85364082",name:"error"})),r(d,{key:"1c80d984cab3cc38b214729db74bf16bdac1acd7",show:!this.hasError&&this.hasHelp},r("slot",{key:"0896e503cfc3bfaab9a7ba1374740cc9cc79063a",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${e}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),l(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=n(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)}updateHeight(e,r,o){"auto"===o&&e&&(e.dataset.replicatedValue=r.value,e.style.maxHeight=r.style.maxHeight)}get root(){return o(this)}};(function(e,r,o,t){var i,a=arguments.length,n=a<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,o):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,r,o,t);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(a<3?i(n):a>3?i(r,o,n):i(r,o))||n);a>3&&n&&Object.defineProperty(r,o,n)})([a({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);resize:vertical;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none;padding:var(--gse-ui-formControl-textarea-padding);margin:0}::slotted(textarea)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}::slotted(textarea)[disabled]{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:flex;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none}.gux-input-and-error-container .gux-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-input-and-error-container .gux-input.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.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) " ";padding:var(--gse-ui-formControl-textarea-padding);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{m as gux_form_field_textarea}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as r}from"./p-2e827df1.js";import{a as s,c as a,o,f as n}from"./p-b43ee47b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as c,b as l,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-2d1bdeab.js";import{t as f}from"./p-781ee97c.js";import{b as x}from"./p-0367930a.js";import{r as b,g as k,a as m}from"./p-faf62b32.js";import"./p-4202e9f2.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(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 C(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?C(t,y(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}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=R(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":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=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(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");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!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)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return F(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(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 r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),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=l(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.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(w(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]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=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);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=b()?this.format||k(m(this.root)):this.format||"mm/dd/yyyy",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?l(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}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",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},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",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},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,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"e99ed591c4bcdc3188adb870164bf8265b6622c3",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.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:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.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}.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:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);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{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.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{I as gux_datepicker}
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-2e827df1.js";import{a as s,c as a,o,f as n}from"./p-b43ee47b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as c,b as l,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-2d1bdeab.js";import{t as f}from"./p-5bc3c9d4.js";import{b as x}from"./p-0367930a.js";import{r as b,g as k,a as m}from"./p-faf62b32.js";import"./p-4202e9f2.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(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 C(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?C(t,y(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}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=R(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":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=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(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");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!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)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return F(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(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 r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),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=l(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.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(w(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]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=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);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=b()?this.format||k(m(this.root)):this.format||"mm/dd/yyyy",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?l(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}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",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},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",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},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,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"e99ed591c4bcdc3188adb870164bf8265b6622c3",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.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:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.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}.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:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);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{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.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{I as gux_datepicker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as o,h as e,g as s}from"./p-2e827df1.js";import{a as i,c as a,o as r,f as p,s as c,b as h}from"./p-b43ee47b.js";import{O as d}from"./p-2d1bdeab.js";import{t as n}from"./p-
|
1
|
+
import{r as t,c as o,h as e,g as s}from"./p-2e827df1.js";import{a as i,c as a,o as r,f as p,s as c,b as h}from"./p-b43ee47b.js";import{O as d}from"./p-2d1bdeab.js";import{t as n}from"./p-5bc3c9d4.js";import{f as l}from"./p-9b0d3713.js";const u=class{constructor(e){t(this,e),this.guxdismiss=o(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){"Escape"===t.key&&this.dismiss()}checkForClickOutside(t){const o=t.composedPath(),e=l(this.root,this.for),s=o.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||s||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&a(t,this.popupElement,{placement:this.position,middleware:[r(7),p(),c(),h({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:s})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;this.popupElement.setAttribute("data-placement",s),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[i]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){n(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{key:"93a01ca319df39dd65c4391725cf2ea25d391527",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{key:"3b2bc9c9591fb17f1b1c7c02b4c168490513ca19",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{key:"70655782984121609b0acc2ffc82bb022e043882",class:"gux-popover-content"},e("slot",{key:"782fff3a74f8563a717823de04800f5eaa8fa326"})))}get root(){return s(this)}};(function(t,o,e,s){var i,a=arguments.length,r=a<3?o:null===s?s=Object.getOwnPropertyDescriptor(o,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,o,e,s);else for(var p=t.length-1;p>=0;p--)(i=t[p])&&(r=(a<3?i(r):a>3?i(o,e,r):i(o,e))||r);a>3&&r&&Object.defineProperty(o,e,r)})([d({triggerEvents:"mousedown"})],u.prototype,"checkForClickOutside",null),u.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{u as gux_popover_list}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as o,g as r}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as a}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as f,v as p,b as c}from"./p-f3b9b052.js";import{G as d,a as g}from"./p-9773c4fe.js";import{t as h}from"./p-
|
1
|
+
import{r as e,h as o,g as r}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as a}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as f,v as p,b as c}from"./p-f3b9b052.js";import{G as d,a as g}from"./p-9773c4fe.js";import{t as h}from"./p-5bc3c9d4.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(o){e(this,o),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),h(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(g,{key:"5de6c4b7dadf5c5413cc5eb1c714bfa309de9f7a",labelPosition:this.computedLabelPosition},o(d,{key:"d8c2668d92a59f938b6716809b3818b79cc8381b",position:this.computedLabelPosition,required:this.required},o("slot",{key:"cbc5638431c6de2d460bf5f556d24f5a9b860fea",name:"label",onSlotchange:()=>this.setLabel()})),o("div",{key:"57b712b205b93e7802b6fc0b68f86f75a556ceda",class:"gux-input-and-error-container"},o("div",{key:"0c95ddf34e5a91e7bca5569f007003fdccdf7097",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"96bf718581a1f3a3600cac37b9b234113db6a4e8",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},o("slot",{key:"f9e3ba2148d1dbe21d76381f0ebe120ae87a077b",name:"input"}),o("gux-icon",{key:"01b0093bf3e519cd535d8c1fc2deb3abf37d5a3a","icon-name":"chevron-small-down",decorative:!0}))),o(u,{key:"e720e6da23f29976cca7e5430568e8f0ed87237b",show:this.hasError},o("slot",{key:"58c670c88ecce44d7bd4b3e71ac0cf67aca5cc2b",name:"error"})),o(f,{key:"89726cf7a86e81a0d8b87ace001d03948813b3e7",show:!this.hasError&&this.hasHelp},o("slot",{key:"ec453c765f7370c2e1b31f9830dfa8d362764c6d",name:"help"}))))}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"]'),l(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return r(this)}};(function(e,o,r,t){var i,n=arguments.length,a=n<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,r,t);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(o,r,a):i(o,r))||a);n>3&&a&&Object.defineProperty(o,r,a)})([n({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;margin-left:var(--gse-ui-formControl-input-gap);color:var(--gse-ui-formControl-input-populatedColor);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none}::slotted(select)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);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;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);margin-right:var(--gse-ui-formControl-input-gap);pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{m as gux_form_field_select}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as e,g as r}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as f,g as d,v as g,b as p}from"./p-f3b9b052.js";import{G as c,a as h}from"./p-9773c4fe.js";import{t as m}from"./p-
|
1
|
+
import{r as o,h as e,g as r}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as f,g as d,v as g,b as p}from"./p-f3b9b052.js";import{G as c,a as h}from"./p-9773c4fe.js";import{t as m}from"./p-5bc3c9d4.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const x=class{constructor(e){o(this,e),this.labelPosition=void 0,this.computedLabelPosition=void 0,this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(h,{key:"9b70f40b697826a00821d1228f5dad623e61996b",labelPosition:this.computedLabelPosition},e(c,{key:"35c7d19a34d305296cc42143f8d30f2b70e02bfc",position:this.computedLabelPosition,required:this.required},e("slot",{key:"92484ff661df352824035dad4b500aa391f37e33",name:"label",onSlotchange:()=>this.setLabel()})),e("div",{key:"c4a2f287f883f090142f07fe8d7f9a510530933c",class:"gux-input-and-error-container"},e("div",{key:"468b00b74d8055dc5f934cfcab3857aeb567d078",class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{key:"38a8f73ed5ec4bd63c9cf46db9bfef138a7f5544",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",{key:"d8090b53065edf0bb95382575bbcc03bea09d5d2",name:"input",onSlotchange:()=>this.setInput()}))),e(u,{key:"d18d864adaa84999f828c1efae6ad8983f6dbc83",show:this.hasError},e("slot",{key:"36e8b4610b35f00990c6e862eef0a695c76c0f27",name:"error"})),e(f,{key:"c7f4e2f243e1e224d9ab0893045d844d9d603a40",show:!this.hasError&&this.hasHelp},e("slot",{key:"c60336d650a586eb08e21cd6339639e4f127919e",name:"help"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=d(this.root,'input[type="color"][slot="input"]'),a(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(o=>{this.disabled=o})),this.requiredObserver=l(this.input,(o=>{this.required=o})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=p(this.label,this.labelPosition)}get root(){return r(this)}};(function(o,e,r,t){var i,n=arguments.length,l=n<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,t);else for(var a=o.length-1;a>=0;a--)(i=o[a])&&(l=(n<3?i(l):n>3?i(e,r,l):i(e,r))||l);n>3&&l&&Object.defineProperty(e,r,l)})([n({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-colorPicker-input-swatchSizing);min-width:var(--gse-ui-colorPicker-input-swatchSizing);height:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);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-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:var(--gse-ui-formControl-input-colorPicker-size);height:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{x as gux_form_field_color}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as a,h as e,g as r}from"./p-2e827df1.js";import{t as i}from"./p-781ee97c.js";import{a as t}from"./p-8eaf8caf.js";import{b as g}from"./p-0367930a.js";import"./p-4202e9f2.js";const u={notifications:"Notifications"},o=class{constructor(e){a(this,e),this.size="large",this.name=void 0,this.accent="default",this.presence="none",this.label=void 0,this.ring=!1,this.badge=!1,this.notifications=!1}generateInitials(){var a,e,r,i;const t=null!==(e=null===(a=this.name)||void 0===a?void 0:a.split(" "))&&void 0!==e?e:[];return t.length>1?t[0].charAt(0)+t[t.length-1].charAt(0):(null===(r=t[0])||void 0===r?void 0:r.charAt(0))+(null===(i=t[0])||void 0===i?void 0:i.charAt(1))}getAccent(){return"auto"!==this.accent?this.accent:(this.name.split("").reduce(((a,e)=>a+e.charCodeAt(0)),0)%12).toString()}validatingInputs(){const a=this.root.querySelector("img");this.name||t(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&t(this.root,"Alt attribute is required for slotted image.")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?e("div",{class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":this.getPresenceIcon(this.presence),decorative:!0})):void 0}renderNotificationsBadge(){return e("div",{class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":"fa/bell-regular",decorative:!0}))}getPresenceIcon(a){switch(a){case"available":return"fa/circle-check-solid";case"busy":case"meeting":return"fa/ban-outline";case"away":case"break":case"meal":case"training":return"fa/clock-outline";case"on-queue":return"fa/headset-solid";case"offline":default:return"fa/circle-xmark-regular";case"out-of-office":return"fa/subtract-circle"}}getDescriptionText(){return this.notifications?`${this.name} (${this.i18n("notifications")})`:this.label&&"none"!==this.presence?`${this.name} (${this.label})`:`${this.name}`}async componentWillLoad(){i(this.root,{variant:this.size}),this.i18n=await g(this.root,u)}componentDidLoad(){this.validatingInputs()}render(){return[e("div",{key:"9debe28a48459fafc5ef511731852050f8e6ed6c",class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[`gux-accent-${this.getAccent()}`]:!0}},e("div",{key:"7d8b490d056ed61f5b053ccc6e673b3af1440fd0",class:"gux-content"},e("slot",{key:"abe109e3ee080355f91f390617bf08c0e138f8e4",name:"image"},e("abbr",{key:"60d75325e5a311813c4a9fe8abeaff2e45f2edd5",title:this.getDescriptionText(),"aria-label":this.getDescriptionText()},this.generateInitials())))),this.renderBadge()]}get root(){return r(this)}};o.style=":host{position:relative;display:inline-block}:host abbr{text-decoration:none}::slotted(img){width:100%;height:100%;object-fit:cover}.gux-avatar{position:relative;width:var(--gse-ui-avatar-large-size);height:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%}.gux-avatar.gux-medium{width:var(--gse-ui-avatar-medium-size);height:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{width:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{width:var(--gse-ui-avatar-small-size);height:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{width:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{width:var(--gse-ui-avatar-xsmall-size);height:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{width:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-notifications{background:var(--gse-ui-avatar-presenceRing-notifications)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-badge{position:absolute;top:calc(var(--gse-ui-avatar-content-large-border-width) * -1);right:calc(var(--gse-ui-avatar-content-large-border-width) * -1);display:flex;align-items:center;justify-content:center;width:var(--gse-ui-avatar-large-badge-size);height:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-medium-badge-size);height:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-small-badge-size);height:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{width:100%;height:100%}";export{o as gux_avatar_beta}
|
1
|
+
import{r as a,h as e,g as r}from"./p-2e827df1.js";import{t as i}from"./p-5bc3c9d4.js";import{a as t}from"./p-8eaf8caf.js";import{b as g}from"./p-0367930a.js";import"./p-4202e9f2.js";const u={notifications:"Notifications"},o=class{constructor(e){a(this,e),this.size="large",this.name=void 0,this.accent="default",this.presence="none",this.label=void 0,this.ring=!1,this.badge=!1,this.notifications=!1}generateInitials(){var a,e,r,i;const t=null!==(e=null===(a=this.name)||void 0===a?void 0:a.split(" "))&&void 0!==e?e:[];return t.length>1?t[0].charAt(0)+t[t.length-1].charAt(0):(null===(r=t[0])||void 0===r?void 0:r.charAt(0))+(null===(i=t[0])||void 0===i?void 0:i.charAt(1))}getAccent(){return"auto"!==this.accent?this.accent:(this.name.split("").reduce(((a,e)=>a+e.charCodeAt(0)),0)%12).toString()}validatingInputs(){const a=this.root.querySelector("img");this.name||t(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&t(this.root,"Alt attribute is required for slotted image.")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?e("div",{class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":this.getPresenceIcon(this.presence),decorative:!0})):void 0}renderNotificationsBadge(){return e("div",{class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":"fa/bell-regular",decorative:!0}))}getPresenceIcon(a){switch(a){case"available":return"fa/circle-check-solid";case"busy":case"meeting":return"fa/ban-outline";case"away":case"break":case"meal":case"training":return"fa/clock-outline";case"on-queue":return"fa/headset-solid";case"offline":default:return"fa/circle-xmark-regular";case"out-of-office":return"fa/subtract-circle"}}getDescriptionText(){return this.notifications?`${this.name} (${this.i18n("notifications")})`:this.label&&"none"!==this.presence?`${this.name} (${this.label})`:`${this.name}`}async componentWillLoad(){i(this.root,{variant:this.size}),this.i18n=await g(this.root,u)}componentDidLoad(){this.validatingInputs()}render(){return[e("div",{key:"9debe28a48459fafc5ef511731852050f8e6ed6c",class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[`gux-accent-${this.getAccent()}`]:!0}},e("div",{key:"7d8b490d056ed61f5b053ccc6e673b3af1440fd0",class:"gux-content"},e("slot",{key:"abe109e3ee080355f91f390617bf08c0e138f8e4",name:"image"},e("abbr",{key:"60d75325e5a311813c4a9fe8abeaff2e45f2edd5",title:this.getDescriptionText(),"aria-label":this.getDescriptionText()},this.generateInitials())))),this.renderBadge()]}get root(){return r(this)}};o.style=":host{position:relative;display:inline-block}:host abbr{text-decoration:none}::slotted(img){width:100%;height:100%;object-fit:cover}.gux-avatar{position:relative;width:var(--gse-ui-avatar-large-size);height:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%}.gux-avatar.gux-medium{width:var(--gse-ui-avatar-medium-size);height:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{width:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{width:var(--gse-ui-avatar-small-size);height:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{width:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{width:var(--gse-ui-avatar-xsmall-size);height:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{width:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-notifications{background:var(--gse-ui-avatar-presenceRing-notifications)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-badge{position:absolute;top:calc(var(--gse-ui-avatar-content-large-border-width) * -1);right:calc(var(--gse-ui-avatar-content-large-border-width) * -1);display:flex;align-items:center;justify-content:center;width:var(--gse-ui-avatar-large-badge-size);height:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-medium-badge-size);height:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-small-badge-size);height:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{width:100%;height:100%}";export{o as gux_avatar_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-2e827df1.js";import{O as r}from"./p-2d1bdeab.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as u}from"./p-0367930a.js";import{t as a}from"./p-781ee97c.js";import{r as c,a as l}from"./p-faf62b32.js";import"./p-4202e9f2.js";const g={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function p(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function m(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function h(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function d(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function f(t,e){const[i]=h(t,e).split(":");return i}function x(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function v(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const k=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,g),this.clockType=this.clockType||function(t){let e;e=c()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=d(t,this.clockType,b(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(p(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=h(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(v(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),d(`${u}:${n}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(m(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(m(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(p(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:f(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:v(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:x(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=d(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"a0809a538c06ace8e70a2784335612cefd76eeda",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],k.prototype,"onClickOutside",null),k.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{k as gux_time_picker}
|
1
|
+
import{r as t,h as e,g as i}from"./p-2e827df1.js";import{O as r}from"./p-2d1bdeab.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as u}from"./p-0367930a.js";import{t as a}from"./p-5bc3c9d4.js";import{r as c,a as l}from"./p-faf62b32.js";import"./p-4202e9f2.js";const g={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function p(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function m(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function h(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function d(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function f(t,e){const[i]=h(t,e).split(":");return i}function x(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function v(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const k=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,g),this.clockType=this.clockType||function(t){let e;e=c()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=d(t,this.clockType,b(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(p(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=h(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(v(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),d(`${u}:${n}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(m(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(m(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(p(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:f(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:v(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:x(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=d(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"a0809a538c06ace8e70a2784335612cefd76eeda",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],k.prototype,"onClickOutside",null),k.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{k as gux_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,f as e,d as a,h as i,H as o,g as n}from"./p-2e827df1.js";import{O as r}from"./p-ab6cf9b9.js";import{O as s}from"./p-01471ba0.js";import{t as l}from"./p-
|
1
|
+
import{r as t,f as e,d as a,h as i,H as o,g as n}from"./p-2e827df1.js";import{O as r}from"./p-ab6cf9b9.js";import{O as s}from"./p-01471ba0.js";import{t as l}from"./p-5bc3c9d4.js";import{g as c}from"./p-1ccc4961.js";import{a as d}from"./p-cf0e7d3b.js";function u(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function h(t,...e){e.flat().filter((t=>null!==t&&!t.hasAttribute("icon-only"))).forEach((e=>e.iconOnly=t))}var b=function(t,e,a,i){var o,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(n<3?o(r):n>3?o(e,a,r):o(e,a))||r);return n>3&&r&&Object.defineProperty(e,a,r),r};const p=class{constructor(e){t(this,e),this.minimumSizes={full:0,iconOnly:0,condensed:0},this.displayedLayout="full",this.hasContextDivider=!1}onMutation(){this.hasContextDivider=this.needsContextDivider(),e(this.root)}recordLayoutMinSize(){a((()=>{var t,e,a;const i=0|(null===(t=this.searchAndFilterContainer)||void 0===t?void 0:t.clientWidth),o=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth),n=0|(null===(a=this.minControlSize)||void 0===a?void 0:a.clientWidth);this.minimumSizes[this.displayedLayout]=i+o+n}))}get minControlSize(){return this.root.shadowRoot.querySelector(".section-spacing")}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get searchAndFilterContainer(){return this.root.shadowRoot.querySelector(".search-filter-container")}get filterSlot(){return c(this.root,"search-and-filter")}get menuActionSlot(){return c(this.root,"menu-actions")}get permanentSlot(){return c(this.root,"permanent-actions")}get contextualSlot(){return c(this.root,"contextual-actions")}get primaryAction(){var t;return null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-table-toolbar-custom-action[slot]")}get permanentActions(){var t,e;if(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.permanentSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get menuActionsItems(){var t,e;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.menuActionSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,e;if(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.contextualSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get filterActions(){var t,e;if(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.filterSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get allFilterContextual(){var t;return null===(t=this.filterActions)||void 0===t?void 0:t.concat(this.contextualActions)}needsContextDivider(){var t;return(null===(t=this.contextualActions)||void 0===t?void 0:t.length)&&this.contextualSlot!==this.root.lastElementChild}renderMenu(){var t;return Boolean((null===(t=this.menuActionsItems)||void 0===t?void 0:t.length)||"condensed"==this.displayedLayout)}renderFullLayout(){this.displayedLayout="full",h(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleUp(){var t,e;this.displayedLayout="iconOnly",u(this.permanentActions,"secondary"),u(this.primaryAction,"primary"),h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.root)||void 0===e||e.appendChild(this.primaryAction))}renderCondensedLayout(){var t,e;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.menuActionSlot)||void 0===e||e.appendChild(this.primaryAction)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),u(this.menuActionsItems,"ghost")}componentWillRender(){l(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){d((()=>{this.recordLayoutMinSize(),this.checkResponsiveLayout()})),u(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){a((()=>{const t=this.root.clientWidth;t<=this.minimumSizes.iconOnly?"iconOnly"==this.displayedLayout&&this.renderCondensedLayout():t<=this.minimumSizes.full?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown():"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return i(o,{key:"555f570eb78778055a0aa804158f08d2e12b13f1",role:"toolbar","aria-orientation":"horizontal"},i("div",{key:"52a81472e30688331e1349f6a49ebc5bb129ce7c",class:"search-filter-container"},i("slot",{key:"38499c054fa65fa8f15fe1c7fdd2314931666d88",name:"search-and-filter"})),i("div",{key:"2ac299b307ba157d6f11708e8ceb5d9c3b923a52",class:"section-spacing"}),i("div",{key:"851f0953e3f15409be268aafb2d35e6377708819",class:"gux-contextual-permanent-primary"},i("div",{key:"d174c8114e3b2a58f451606f92bdf834b640264e",class:{"gux-contextual-wrapper":this.hasContextDivider}},i("slot",{key:"e594b6adb9b88c6d68a4ebd3fdfd38b549a7b3b4",name:"contextual-actions"})),i("div",{key:"a65d75890b1621e962570d8f9051ca3c8a17ab7d",class:"gux-permanent-menu-primary-wrapper"},i("slot",{key:"697af1b632ce8198e139be9555a35e9fa4d76da5",name:"permanent-actions"}),i("gux-table-toolbar-menu-button",{key:"3ada935e405d9968e53de7eb776482f002a025a8","show-menu":this.renderMenu()},i("slot",{key:"6d66edccbf2bef08ba3956ccd9c0b7b705dbf542",name:"menu-actions"})),i("slot",{key:"853f608365f1be2f75e4b23996ba3651dd833511",name:"primary-action"}))))}get root(){return n(this)}};b([s({childList:!0,subtree:!0})],p.prototype,"onMutation",null),b([r()],p.prototype,"checkResponsiveLayout",null),p.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:var(--gse-ui-dataTableItems-tableToolbar-height)}:host .search-filter-container{min-width:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-right:var(--gse-ui-dataTableItems-tableToolbar-gap);border-right:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{p as gux_table_toolbar}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as s}from"./p-2e827df1.js";import{r as o}from"./p-0934300e.js";import{t as r}from"./p-
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-2e827df1.js";import{r as o}from"./p-0934300e.js";import{t as r}from"./p-5bc3c9d4.js";import{b as a}from"./p-0367930a.js";import"./p-4202e9f2.js";const n={defaultLabel:"Disclosure button"},c=class{constructor(i){t(this,i),this.active=e(this,"active",7),this.panelId=o("gux-disclosure-button-panel"),this.position="left",this.label=void 0,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 a(this.root,n),this.updateIcon()}render(){return i("div",{key:"15b10ad5c1f7946bfccdb7e749d83478d36f3f5f",class:`gux-disclosure-button-container gux-${this.position}`},i("button",{key:"052548f09eebe4441b065dcb2a89badaa02061e9",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",{key:"edf41195a343a13d5d5111e4cc5e13f28e4b1c2c","icon-name":`${this.icon}`,decorative:!0})),i("div",{key:"3cde9229f9888e7c8a568ae3bb86520c3be00559",id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},i("slot",{key:"dd4faafd96de6a8af8605631935b146b5113bd57",name:"panel-content"})))}get root(){return s(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};c.style=":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.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:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.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{c as gux_disclosure_button_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as i,g as s}from"./p-2e827df1.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-2d1bdeab.js";import{a as n}from"./p-cf0e7d3b.js";import{t as
|
1
|
+
import{r as e,c as t,h as i,g as s}from"./p-2e827df1.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-2d1bdeab.js";import{a as n}from"./p-cf0e7d3b.js";import{t as c}from"./p-5bc3c9d4.js";import{b as r}from"./p-0367930a.js";import"./p-4202e9f2.js";const d={searchAria:"Search"};const p=class{constructor(i){e(this,i),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,d),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return i("gux-popup",{key:"bc0eb0a6638af200613198c41caca361a768e0e1",expanded:this.opened,disabled:this.disabled},i("div",{key:"26e56f5022441ad2475a64ee9cf90007dd578742",slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},i("a",{key:"0eee62a35985bcb96472f52fcc9552336958b618",ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&i("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&i("span",{class:"gux-select-value",title:this.value},this.value)),i("div",{key:"bda908047b85c020ea324d864b767b7d3bfeedbf",class:"gux-icon-wrapper"},i("gux-icon",{key:"b91d222b4557f64d0d7d07558ee1f65ec157d41c",decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{key:"7909672257393378482414ff044fc520c1a789f7",slot:"popup",class:"gux-advanced-dropdown-menu"},i("div",{key:"eda9f8349b512b1190d3a9625e74727bad536997",class:"gux-dropdown-menu-container"},i("gux-form-field-search",{key:"3f3e730d516b526b85bfb0d1faea5fe787e415d1","label-position":"screenreader"},i("label",{key:"8b1e4b1de95a462a345285fcece71cb8053fb871",slot:"label"},this.i18n("searchAria")),i("input",{key:"9b1b3769a0bfbfcefbf9fe151730709c9c22e2f9",slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),i("div",{key:"3a947579d4d26b6468100aaff812e0fd35260ec3",class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},i("slot",{key:"0fa7322bca985ade12e6d6c572b4d1d7ee16c77a"})))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){n((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return s(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,i,s){var o,a=arguments.length,n=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);a>3&&n&&Object.defineProperty(t,i,n)})([a({triggerEvents:"mousedown"})],p.prototype,"onClickOutside",null),p.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;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-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{p as gux_advanced_dropdown_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{O as i}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{h as s}from"./p-6d8b4027.js";import{G as a,a as n,s as f,c as d,b as h}from"./p-f3b9b052.js";import{G as g,a as u}from"./p-b0e1eb0c.js";import{g as p}from"./p-0268a3e8.js";import{t as c}from"./p-
|
1
|
+
import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{O as i}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{h as s}from"./p-6d8b4027.js";import{G as a,a as n,s as f,c as d,b as h}from"./p-f3b9b052.js";import{G as g,a as u}from"./p-b0e1eb0c.js";import{g as p}from"./p-0268a3e8.js";import{t as c}from"./p-5bc3c9d4.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m={required:"Required"};const x=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(e){const t=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi");t&&(t.hasError=e)}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}async componentWillLoad(){this.getI18nValue=await o(this.root,m),this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),c(this.root,{variant:this.variant})}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}renderScreenReaderText(e,r=!1){if(r)return t("gux-screen-reader-beta",null,e)}render(){var e;return t(u,{key:"d5e3a4c2a4e23affbb2e634502b53cccd63a7499",labelPosition:this.computedLabelPosition},t(g,{key:"fc856311f81ab31cdf6c862628fce91b23e8a14f",position:this.computedLabelPosition,required:this.required,labelText:null===(e=this.label)||void 0===e?void 0:e.textContent},t("slot",{key:"55cd8d2d10acb3c81e1300c37534b41dcc505fdf",name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(p(this.root,"error"),this.hasError),this.renderScreenReaderText(p(this.root,"help"),this.hasHelp)),t("div",{key:"dd9ee0ee93ccc8720bdd72c07166c08655a00ef1",class:"gux-input-and-error-container"},t("div",{key:"78ae908a960ed18013990fd408b4785440432982",class:{"gux-input":!0,"gux-input-error":this.hasError}},t("slot",{key:"31497817dd322d36df141be274cff89a8e641bd4"})),t(a,{key:"205fefa53f98be43095f9dd93c883708da6c2533",show:this.hasError},t("slot",{key:"73329ef3def8c43252dcbd85fc72aa3a3291799e",name:"error"})),t(n,{key:"e5803c8a035c4df146e60a7f9d0687a2053f57e5",show:!this.hasError&&this.hasHelp},t("slot",{key:"b4813498a954f594cca0737e1d47fd79dea9e931",name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.required=this.dropdownElement.required,this.requiredObserver=l(this.dropdownElement,(e=>{this.required=e})),f(this.root,this.listboxElement,"label"),d(this.root,this.listboxElement,"error"),d(this.root,this.listboxElement,"help")}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}get root(){return r(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,t,r,o){var i,l=arguments.length,s=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(l<3?i(s):l>3?i(t,r,s):i(t,r))||s);l>3&&s&&Object.defineProperty(t,r,s)})([i({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style='.gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1;width:100%}';export{x as gux_form_field_dropdown}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,H as
|
1
|
+
import{r as t,h as i,H as o,g as s}from"./p-2e827df1.js";import{t as e}from"./p-5bc3c9d4.js";import{f as r}from"./p-9b0d3713.js";import{r as a}from"./p-0934300e.js";const h=class{constructor(i){t(this,i),this.id=a("gux-tooltip"),this.forElement=void 0,this.for=void 0,this.placement="bottom-start",this.accent="light"}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){e(this.root,{variant:this.placement})}connectedCallback(){this.forElement=this.getForElement()}getForElement(){if(this.for){const t=r(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return i(o,{key:"531ab578e02b4862c94e17c4c9fc22ca8bd33758",id:this.id,role:"tooltip"},i("gux-tooltip-base-beta",{key:"cec38875a0f7a9935dc926de90717ba7f37d68f6",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,ref:t=>this.baseTooltip=t},i("slot",{key:"758d0182dff8cc6515b46e6a61b33b527d166b13"})))}get root(){return s(this)}static get watchers(){return{for:["updateForElement"]}}};export{h as gux_tooltip_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as o}from"./p-2e827df1.js";import{c as i}from"./p-267e2aed.js";import{t as s}from"./p-
|
1
|
+
import{r as t,h as e,g as o}from"./p-2e827df1.js";import{c as i}from"./p-267e2aed.js";import{t as s}from"./p-5bc3c9d4.js";import{b as a}from"./p-0367930a.js";import"./p-4202e9f2.js";const r={actionRefresh:"Refresh",actionDelete:"Delete",actionExport:"Export",actionImport:"Import",actionRevert:"Revert",actionAdd:"Add"},c=class{constructor(e){t(this,e),this.action=void 0,this.accent="secondary",this.iconOnly=!1,this.disabled=!1}handleClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}returnActionLocale(t){return this.i18n(`action${i(t)}`)}returnActionTypeIcon(t){return"revert"==t?"reset":t}async componentWillLoad(){s(this.root,{variant:this.action}),this.i18n=await a(this.root,r)}render(){return e("gux-table-toolbar-custom-action",{key:"f2532089089a680100ed18fe8c740f95e8b9b902","icon-only":this.iconOnly,accent:this.accent,disabled:this.disabled},e("span",{key:"f9033f5a1dbc2094aeef95f294eddff80c6eaaf7",slot:"text"},this.returnActionLocale(this.action)),e("gux-icon",{key:"36f7c35698dcf9ea45f8d972a8c496303ce57dba",slot:"icon","icon-name":this.returnActionTypeIcon(this.action),decorative:!0}))}get root(){return o(this)}};c.style=":host([disabled]){pointer-events:none}";export{c as gux_table_toolbar_action}
|