genesys-spark-components 4.35.0 → 4.36.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 +1 -1
- 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-933cbc71.js → usage-9998f11d.js} +1 -1
- package/dist/collection/components/stable/gux-icon/gux-icon.js +1 -1
- package/dist/collection/components/stable/gux-icon/icons/custom/grip-lines-diagonal-regular.svg +1 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/figma.svg +1 -0
- 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 +1 -1
- 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-bf6582ec.js → usage-f188dd98.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/icons/custom/grip-lines-diagonal-regular.svg +1 -0
- package/dist/genesys-webcomponents/icons/fa/figma.svg +1 -0
- package/dist/genesys-webcomponents/{p-edd2f9e9.entry.js → p-03320d84.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1f1dad63.entry.js → p-06adecab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ad60e26e.entry.js → p-06beb3c3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-622683cd.entry.js → p-088a58b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3013ec76.entry.js → p-0cb96d53.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca53f3c3.entry.js → p-10c101b8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c72942f8.entry.js → p-12acf4a4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e1c4a87.entry.js → p-15fdd6de.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c6a95608.entry.js → p-16f76bac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2bb7faa3.entry.js → p-17843ae6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ad158f4a.entry.js → p-1990b59f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-073f3f1b.entry.js → p-1b90f3c1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-28d47686.entry.js → p-1bb2a23d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-10d7fd01.entry.js → p-1c5d84a1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-12f2d4a8.entry.js → p-1e1f004b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7acc5ed1.entry.js → p-2215ff42.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee8fe9dd.entry.js → p-2352e787.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3fab963b.entry.js → p-24823373.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e98c42bc.entry.js → p-258166eb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a7607b17.entry.js → p-28b34892.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6a03fc0.entry.js → p-2badfca0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8c65c366.entry.js → p-2fd70a5d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d04569b0.entry.js → p-3612e182.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b1604f00.entry.js → p-37c7210d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c7804fd3.entry.js → p-3cc80977.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2be8cde1.entry.js → p-3d216ed0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3735e307.entry.js → p-3e20e70a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d671b1bf.entry.js → p-3ef22784.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1067d5ab.entry.js → p-3f12c39f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9004b7d2.entry.js → p-3f2dc49f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a038f08a.entry.js → p-419667ea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-295313ad.entry.js → p-466e8a5b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9a919473.entry.js → p-46b84f6b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-376e0426.entry.js → p-4a028a48.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fa92842e.entry.js → p-4b323992.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e8d55872.entry.js → p-513ccd7c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c593a40.entry.js → p-538d19cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5fcaf4d5.entry.js → p-551e72bf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-707268b5.entry.js → p-5e058ed0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3ecb474a.entry.js → p-67f19b60.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4cc3e9d0.entry.js → p-75763571.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c39e26bd.entry.js → p-787d1815.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-425c75b8.entry.js → p-790fb056.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-75871d99.entry.js → p-794201ef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-330ed219.entry.js → p-7d21fb22.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5dc61f2d.entry.js → p-82230727.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-20ee1a50.entry.js → p-836a0ed4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b0bf3e43.entry.js → p-8543c80b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c7dcd20c.entry.js → p-88f71cf7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c7467ca0.entry.js → p-8bbd5dac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-834e3074.entry.js → p-951c570f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-811ad0b9.entry.js → p-962ca721.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-34e43b32.entry.js → p-98195935.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-32a85e01.entry.js → p-98bbba5e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e9d24d8a.entry.js → p-9b9de966.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f1a060e5.entry.js → p-9ccc6189.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c7444dcc.entry.js → p-9ebaf4e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9a90acd3.entry.js → p-9f5765db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d5796de4.entry.js → p-9f6fa401.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ae854c48.entry.js → p-a16ea9fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dd95017d.entry.js → p-a17f76d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d8542557.entry.js → p-aa5f9a9e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c2760aa2.entry.js → p-b9571c02.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-365f21fb.entry.js → p-b9dc1d61.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-26e32eff.entry.js → p-bac3fb61.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8069cee1.entry.js → p-bcf8e8e1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8a398020.entry.js → p-be63f90a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14e2b17f.entry.js → p-c5bd61c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3ff57c6b.entry.js → p-c74f9a20.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-80229b74.entry.js → p-c85a3a31.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eea7e51a.entry.js → p-caf9f247.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-98f3429a.entry.js → p-d0f4cc76.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6f315d25.entry.js → p-d1436bfe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2b05d0a5.entry.js → p-d798b587.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-650d8b72.entry.js → p-d85272b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7b885783.js → p-d9dcdc14.js} +1 -1
- package/dist/genesys-webcomponents/{p-79676c2f.entry.js → p-e1361b4a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5dcb8458.entry.js → p-e1a7ac16.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a1b1ce6.entry.js → p-e6a154a3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0bf7d2be.entry.js → p-e813e736.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff6a586a.entry.js → p-ed61ab8a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cc6c0274.entry.js → p-f625b9ff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b129729a.entry.js → p-fa4ba78f.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/deploy-info.json +0 -9
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as s,g as i}from"./p-2e827df1.js";import{O as o}from"./p-2d1bdeab.js";import{w as a}from"./p-e97879b4.js";import{a as r}from"./p-cf0e7d3b.js";import{t as n}from"./p-
|
1
|
+
import{r as e,c as t,h as s,g as i}from"./p-2e827df1.js";import{O as o}from"./p-2d1bdeab.js";import{w as a}from"./p-e97879b4.js";import{a as r}from"./p-cf0e7d3b.js";import{t as n}from"./p-d9dcdc14.js";const d=["primary","secondary","tertiary"];const u=class{constructor(s){e(this,s),this.open=t(this,"open",7),this.close=t(this,"close",7),this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,t.includes(this.listElement)&&(e.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.dropdownButton)&&(e.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(e){e&&(this.isOpen=!1)}watchValue(e){e?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(e){a("gux-list-item",e,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return s("gux-popup",{key:"6d6f408a63ea3b791d452a00e07791cdec234f21",expanded:this.isOpen,"exceed-target-width":!0,placement:"bottom-end"},s("div",{key:"53b0edb9b3d24c26230634a9b93b9883a9099a16",slot:"target",class:"gux-button-multi-container"},s("gux-button-slot",{key:"a44046c13a17b433d35139a7e4f7a2f2a3afffae",class:"gux-dropdown-button",accent:(e=this.accent,d.find((t=>t===e))?e:"secondary")},s("button",{key:"5dfaf1d3d4e68668d4d04037fb1d8eef6b630f0e",type:"button",disabled:this.disabled,ref:e=>this.dropdownButton=e,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},s("slot",{key:"ca3eb44eddcc425497b7acb413e11a4e9a380c3a",name:"title"}),s("gux-icon",{key:"dd3c54d169e8b37780155d417b34e7d4dea08b0d",decorative:!0,"icon-name":"chevron-small-down"})))),s("div",{key:"96f777e40427ab2b24c3e6b78d6ef50a65ebaa2f",class:"gux-list-container",slot:"popup"},s("gux-list",{key:"a19c439872b134568927fcbc4e2cbc24f291b9a1",onClick:e=>this.onListClick(e),ref:e=>this.listElement=e},s("slot",{key:"a3ec97bbb8297b5575e4eb80eeb5f67adf73f06c"}))));var e}get root(){return i(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(r=(a<3?o(r):a>3?o(t,s,r):o(t,s))||r);a>3&&r&&Object.defineProperty(t,s,r)})([o({triggerEvents:"mousedown"})],u.prototype,"onClickOutside",null),u.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gse-ui-button-gap)}.gux-list-container{max-width:220px;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{u as gux_button_multi}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,f as t,h as o,g as r}from"./p-2e827df1.js";import{c as i,o as n}from"./p-f4751a15.js";import{O as a}from"./p-01471ba0.js";import{o as s}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as f}from"./p-6d8b4027.js";import{h as u,c as p,d,G as h,a as g,g as c,v as x,b as m}from"./p-f3b9b052.js";import{G as b,a as v}from"./p-9773c4fe.js";import{t as C}from"./p-
|
1
|
+
import{r as e,f as t,h as o,g as r}from"./p-2e827df1.js";import{c as i,o as n}from"./p-f4751a15.js";import{O as a}from"./p-01471ba0.js";import{o as s}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as f}from"./p-6d8b4027.js";import{h as u,c as p,d,G as h,a as g,g as c,v as x,b as m}from"./p-f3b9b052.js";import{G as b,a as v}from"./p-9773c4fe.js";import{t as C}from"./p-d9dcdc14.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const y=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.loading=!1,this.hasPrefix=void 0,this.hasSuffix=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help")}async guxForceUpdate(){this.hasContent=u(this.input),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),t(this.root)}renderRadialLoading(){if(this.loading)return o("gux-radial-loading",{context:"input"})}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&p(this.root,this.input,"prefix"),this.hasSuffix&&p(this.root,this.input,"suffix"),C(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(v,{key:"11aa067706c5f6c91ff83e5f7616640e350c6e70",labelPosition:this.computedLabelPosition},o(b,{key:"b99ce693335a34a1345c7cf3a3bb0c467adef8ee",position:this.computedLabelPosition,required:this.required},o("slot",{key:"f92d4903220f4f4a26857f2cb8721d687baad180",name:"label",onSlotchange:()=>this.setLabel()})),o("div",{key:"d1cce04d2d9787290a56a30b893333f0c69e0b96",class:"gux-input-and-error-container"},o("div",{key:"f80b237e084f23118db59c44d230f1ebf3986635",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"2849803deb586c0d66bbf1fe74f56f519de48d04",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix}},o("slot",{key:"2688c3997262b51ca3a3b8f0109afae98a42535a",name:"prefix"}),o("slot",{key:"b8a15f02f4aaa306ba2a30718226497b266c739a",name:"input"}),this.renderRadialLoading(),o("slot",{key:"d1fa8e46f65d35fd7bac6e986f2ff688e0ef0c31",name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&o("gux-form-field-input-clear-button",{onClick:()=>d(this.input)}))),o(h,{key:"9ff394f8c52df4aeeca5c40c9e8f4fb7e05681c8",show:this.hasError},o("slot",{key:"bf41f9fd79fb75ccd17d76b12047193aee328cd0",name:"error"})),o(g,{key:"4d167581382d2e90dec87eafd518e5b3dfd964b1",show:!this.hasError&&this.hasHelp},o("slot",{key:"dfaa97a334b26097a93de84a6e37d76e08e6fb9c",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=c(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=u(this.input),l(this.input),this.input.addEventListener("input",(()=>{this.hasContent=u(this.input)})),this.disabled=i(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return r(this)}};(function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([a({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.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:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);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}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.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;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);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-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.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: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 .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{y as gux_form_field_text_like}
|
@@ -1 +1 @@
|
|
1
|
-
import{r,h as e,g as a}from"./p-2e827df1.js";import{b as i}from"./p-0367930a.js";import{t as o}from"./p-
|
1
|
+
import{r,h as e,g as a}from"./p-2e827df1.js";import{b as i}from"./p-0367930a.js";import{t as o}from"./p-d9dcdc14.js";import"./p-4202e9f2.js";const t={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},s=class{constructor(e){r(this,e),this.accent="info"}getIcon(r){switch(r){case"info":default:return"fa/circle-info-solid";case"success":return"fa/circle-check-solid";case"warning":return"fa/triangle-exclamation-solid";case"error":return"fa/hexagon-exclamation-solid"}}async componentWillLoad(){o(this.root,{variant:this.accent}),this.i18n=await i(this.root,t)}render(){return e("div",{key:"53b86ffc2d5a7c544f0d67a4a24f335fa35a785c",class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},e("gux-icon",{key:"32b8030f141eaddd6dac7b45dbd6d309684a4739","icon-name":this.getIcon(this.accent),decorative:!0}),e("div",{key:"dc0643930bf70b304c75a41c2b6fa4b157a8ee0d",class:"gux-message-wrapper"},e("div",{key:"34fc43f1ce68210a369fd42b88e841e5fa74d06f",class:"gux-sr-only"},this.i18n(this.accent)),e("slot",{key:"ba4ea3e316f60364870b2c69cc2b24954324b093"})))}get root(){return a(this)}};s.style=":host{display:block}.gux-inline-alert{display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;padding:var(--gse-ui-alert-padding);border:1px solid;border-radius:var(--gse-ui-alert-borderRadius)}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-top:1px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-inline-alert .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-inline-alert.gux-info{color:var(--gse-ui-alert-info-foregroundColor);background-color:var(--gse-ui-alert-info-backgroundColor);border:var(--gse-ui-alert-info-border-width) var(--gse-ui-alert-info-border-style) var(--gse-ui-alert-info-border-color)}.gux-inline-alert.gux-info gux-icon{color:var(--gse-ui-alert-info-iconColor)}.gux-inline-alert.gux-error{color:var(--gse-ui-alert-error-foregroundColor);background-color:var(--gse-ui-alert-error-backgroundColor);border:var(--gse-ui-alert-error-border-width) var(--gse-ui-alert-error-border-style) var(--gse-ui-alert-error-border-color)}.gux-inline-alert.gux-error gux-icon{color:var(--gse-ui-alert-error-iconColor)}.gux-inline-alert.gux-warning{color:var(--gse-ui-alert-warning-foregroundColor);background-color:var(--gse-ui-alert-warning-backgroundColor);border:var(--gse-ui-alert-warning-border-width) var(--gse-ui-alert-warning-border-style) var(--gse-ui-alert-warning-border-color)}.gux-inline-alert.gux-warning gux-icon{color:var(--gse-ui-alert-warning-iconColor)}.gux-inline-alert.gux-success{color:var(--gse-ui-alert-success-foregroundColor);background-color:var(--gse-ui-alert-success-backgroundColor);border:var(--gse-ui-alert-success-border-width) var(--gse-ui-alert-success-border-style) var(--gse-ui-alert-success-border-color)}.gux-inline-alert.gux-success gux-icon{color:var(--gse-ui-alert-success-iconColor)}";export{s as gux_inline_alert}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as a,h as e,g as r}from"./p-2e827df1.js";import{t as i}from"./p-7b885783.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-d9dcdc14.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 o,h as t,g as s}from"./p-2e827df1.js";import{t as r}from"./p-
|
1
|
+
import{r as o,h as t,g as s}from"./p-2e827df1.js";import{t as r}from"./p-d9dcdc14.js";const c=class{constructor(t){o(this,t),this.singleOpenSection=!1}handleGuxopened(o){this.singleOpenSection&&this.getAccordionSections().forEach((t=>{t!==o.target&&this.closeSection(t)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((o,t)=>(o&&this.closeSection(t),o||t.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(o){o.disabled||(o.open=!1)}render(){return t("slot",{key:"7ba0238eebc78708ce6b64f67907fa69168709c2"})}get root(){return s(this)}};c.style="gux-accordion{-custom-noop:noop}";export{c as gux_accordion}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as a,c as t,d as i,h as e,g as n}from"./p-2e827df1.js";import{a as s}from"./p-cf0e7d3b.js";import{t as o}from"./p-
|
1
|
+
import{r as a,c as t,d as i,h as e,g as n}from"./p-2e827df1.js";import{a as s}from"./p-cf0e7d3b.js";import{t as o}from"./p-d9dcdc14.js";const r=class{constructor(i){a(this,i),this.guxpaginationchange=t(this,"guxpaginationchange",7),this.reinstateLayoutBreakpoint=0,this.layout="advanced",this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.totalPages=void 0,this.displayedLayout=void 0}setPage(a){if(a<=0)return void this.setPage(1);const t=this.calculateTotalPages(this.totalItems,this.itemsPerPage);a>t?this.setPage(t):(this.currentPage=a,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}handleInternalitemsperpagechange(a){this.itemsPerPage=a.detail,this.setPage(1)}handleInternalcurrentpagechange(a){this.setPage(a.detail)}calculateTotalPages(a,t){return Math.max(1,Math.ceil(a/t))}calculateCurrentPage(a,t){return Math.max(a>0?1:0,Math.min(t,a))}checkPaginationContainerWidthForLayout(){i((()=>{const a=this.root.shadowRoot.querySelector(".gux-pagination-container"),t=this.root.shadowRoot.querySelector(".gux-pagination-spacer"),i=a.clientWidth;t.clientWidth<24&&"simple"!==this.displayedLayout?(this.reinstateLayoutBreakpoint=i,this.displayedLayout="simple"):i>this.reinstateLayoutBreakpoint&&(this.reinstateLayoutBreakpoint=0,this.displayedLayout=this.layout)}))}componentWillLoad(){o(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(this.totalItems,this.itemsPerPage),this.currentPage=this.calculateCurrentPage(this.totalPages,this.currentPage)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-pagination-container"))}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkPaginationContainerWidthForLayout()))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-pagination-container")),s((()=>{this.checkPaginationContainerWidthForLayout()}),500)}render(){return e("div",{key:"9498de89d479091d7c528422d9401b02b7142d84",class:"gux-pagination-container"},e("div",{key:"d0474d5c38369580a50e990b1ae0ad8b3e22cc83",class:"gux-pagination-info"},e("gux-pagination-item-counts",{key:"8efb699b339945caabfed3d5adcb196858ca4e60","total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage}),"advanced"===this.displayedLayout&&e("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),e("div",{key:"6e97ed0fc483caea26fa300f27c8c4e920a24d18",class:"gux-pagination-spacer"}),e("div",{key:"ff371cdce264e6b336cfd99147c9b8182d351f4b",class:"gux-pagination-change"},e("gux-pagination-buttons",{key:"45eff5a2e14ee5643625bd300cc246b44b428e80",layout:this.displayedLayout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return n(this)}};r.style=":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{r as gux_pagination}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as o}from"./p-2e827df1.js";import{t as s}from"./p-
|
1
|
+
import{r as e,h as t,g as o}from"./p-2e827df1.js";import{t as s}from"./p-d9dcdc14.js";const c=class{constructor(t){e(this,t)}componentWillLoad(){s(this.root)}render(){return t("span",{key:"ccea34e243df9c03383d4d1a48e66829e6ac7869",class:"gux-sr-only"},t("slot",{key:"ddcbe8ed254a028c3c883ba51e7c373879d35e01"}))}get root(){return o(this)}};c.style=".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{c as gux_screen_reader_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as a,g as n}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as d,c as i,a as s,f as o}from"./p-9349b5e4.js";import{t as u}from"./p-7b885783.js";import{g as l,a as c}from"./p-0367930a.js";import{c as g}from"./p-267e2aed.js";import{r as h,d as x}from"./p-faf62b32.js";import"./p-4202e9f2.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return h()?g(x(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=d(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=s(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0),r((()=>{this.focusPreviewDate()}))}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],d=new Date,s=r.getFullYear()===d.getFullYear()&&r.getMonth()===d.getMonth()&&r.getDate()===d.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(s&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),d=n.getTime();t.getTime()===r&&t.getTime()===d?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===d&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:s}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=d(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=d(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);f(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?d(e,e):s(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,v(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(d=t)>r.length?d%r.length:d));var r,d}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"e2414503c83b324857a1307f32098be9bbb203e0",class:"gux-calendar"},a("div",{key:"4af1fc5d24e7d9684276560f73f86e49fb0dddad",class:"gux-header"},a("button",{key:"11f298ba8f97c15d366f6c4e7fd5dbcf589667ec",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"98b0ff804cfbc165ddc7ff79617ee339fe258e7b",decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),a("button",{key:"9efb434a65902feaed5cc48a503b18002ef11602",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"548a8f78b4f8306535e936b83514d1f770cdbd9d",decorative:!0,"icon-name":"chevron-small-right"}))),a("div",{key:"1fd1099529098499d71e6cad5409a9899cf9f961",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};m.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{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)}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{width:var(--gse-ui-calendarMenu-day-input-width);text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:16px 0 0 16px}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:0 16px 16px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}
|
1
|
+
import{r as e,c as t,h as a,g as n}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as d,c as i,a as s,f as o}from"./p-9349b5e4.js";import{t as u}from"./p-d9dcdc14.js";import{g as l,a as c}from"./p-0367930a.js";import{c as g}from"./p-267e2aed.js";import{r as h,d as x}from"./p-faf62b32.js";import"./p-4202e9f2.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return h()?g(x(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=d(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=s(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0),r((()=>{this.focusPreviewDate()}))}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],d=new Date,s=r.getFullYear()===d.getFullYear()&&r.getMonth()===d.getMonth()&&r.getDate()===d.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(s&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),d=n.getTime();t.getTime()===r&&t.getTime()===d?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===d&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:s}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=d(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=d(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);f(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?d(e,e):s(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,v(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(d=t)>r.length?d%r.length:d));var r,d}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"e2414503c83b324857a1307f32098be9bbb203e0",class:"gux-calendar"},a("div",{key:"4af1fc5d24e7d9684276560f73f86e49fb0dddad",class:"gux-header"},a("button",{key:"11f298ba8f97c15d366f6c4e7fd5dbcf589667ec",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"98b0ff804cfbc165ddc7ff79617ee339fe258e7b",decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),a("button",{key:"9efb434a65902feaed5cc48a503b18002ef11602",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"548a8f78b4f8306535e936b83514d1f770cdbd9d",decorative:!0,"icon-name":"chevron-small-right"}))),a("div",{key:"1fd1099529098499d71e6cad5409a9899cf9f961",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};m.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{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)}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{width:var(--gse-ui-calendarMenu-day-input-width);text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:16px 0 0 16px}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:0 16px 16px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}
|