genesys-spark-components 4.0.0-beta.23 → 4.0.0-beta.24
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/genesys-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +68 -0
- package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu-beta.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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +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-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-beta.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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-popup.cjs.entry.js +19 -9
- 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-region-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-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-beta.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.cjs.entry.js +1 -1
- package/dist/cjs/index-0d0fdb85.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-4c4b807b.js → usage-350f4210.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/stable/gux-action-button/gux-action-button.css +1 -0
- package/dist/collection/components/stable/gux-badge/gux-badge.css +97 -0
- package/dist/collection/components/{beta → stable}/gux-badge/gux-badge.js +3 -28
- package/dist/collection/components/stable/gux-popup/gux-popup.css +1 -1
- package/dist/collection/components/stable/gux-popup/gux-popup.js +14 -8
- package/dist/collection/utils/dom/has-parent-element.js +4 -0
- package/dist/component-specs.json +14 -21
- package/dist/deploy-info.json +3 -3
- package/dist/esm/genesys-webcomponents.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +2 -2
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +64 -0
- package/dist/esm/gux-blank-state-beta.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.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-beta.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu-beta.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-beta.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +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-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-beta.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-beta.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-popup.entry.js +20 -10
- 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-region-icon.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch.entry.js +1 -1
- package/dist/esm/gux-table-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-beta.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.entry.js +1 -1
- package/dist/esm/index-0b66fe2c.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-9ca50bf0.js → usage-144bdf70.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
- package/dist/genesys-webcomponents/{p-e21c88c6.entry.js → p-081aaf02.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-81697e5d.entry.js → p-149233e1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9b28f6e5.entry.js → p-152851c5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dd486f21.entry.js → p-16867376.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ec8f3ed6.entry.js → p-186085f3.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-1b35958d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-8634ab05.entry.js → p-1bcb53c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3d288a53.entry.js → p-1cd54bb6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-716b25a2.entry.js → p-2987698a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2a1a57db.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-ee832fca.entry.js → p-2abcbff8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4da16ea2.entry.js → p-2bc99e5e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f283002.entry.js → p-2e256680.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7f7700f8.entry.js → p-2eb21361.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-79ae493b.entry.js → p-37051105.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-38c0fd4a.entry.js → p-39af23ba.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-19480ff9.entry.js → p-3d6c91b4.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3f818cd5.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-b99d7b24.entry.js → p-41787744.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5f619019.entry.js → p-42151d14.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-462c9fec.entry.js → p-49219c0d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-edc3984d.entry.js → p-4e40fb5f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f11bc2b4.entry.js → p-5058a2ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4f13d871.entry.js → p-5b57fc5a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc2a0c5e.entry.js → p-5f572ff5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5f191d17.entry.js → p-6128be0b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c99e8934.entry.js → p-6bfa78c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3be60800.entry.js → p-70c20c25.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a3031b43.entry.js → p-77dfb786.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88382b4f.entry.js → p-7e13a157.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d3660752.entry.js → p-7e1e6609.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e03f3c2d.entry.js → p-8107bee0.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-836fbb2a.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-da061d56.entry.js → p-85bc7ce7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09c7bd7d.entry.js → p-8ccc45cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3a986247.entry.js → p-8f21ff40.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1c74c4a6.entry.js → p-91c445ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc52401d.entry.js → p-93380bce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7f3443e.js → p-9bf0a4a8.js} +1 -1
- package/dist/genesys-webcomponents/{p-a7e96d41.entry.js → p-a0ec6dde.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a1cc19f6.entry.js → p-a4cb7a4a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b4693bc7.entry.js → p-a6378d29.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0dbe2bda.entry.js → p-a756279a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-178b38f9.entry.js → p-a7c56dad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e97693fd.entry.js → p-a961cc5e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dad21962.entry.js → p-b279643a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-255828b2.entry.js → p-b3443cf0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d58c9460.entry.js → p-b73e2256.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-db42a7bf.entry.js → p-b98dcf72.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-84a5cc38.entry.js → p-baffb252.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fe1f8064.entry.js → p-bbc47467.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-699ef85a.entry.js → p-bd12e46f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6c3aae28.entry.js → p-beceeda9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42d1b629.entry.js → p-c0c7fcd1.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c744ed0d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-1d9ec2d1.entry.js → p-c7c4227b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b938e322.entry.js → p-c858bbf5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e01c28fb.entry.js → p-c8dcfd36.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c10fc14.entry.js → p-cc043796.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-240eeb1b.entry.js → p-cdf3db02.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-95b41d1b.entry.js → p-ce78c6a2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e183299b.entry.js → p-cf1b7653.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1661e5b6.entry.js → p-d275077a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3f3c6c2a.entry.js → p-d5ff613a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-22a997cc.entry.js → p-da6575df.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff22af71.entry.js → p-dc0581c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e243ca18.entry.js → p-df279eda.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-594b1278.entry.js → p-df3db717.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fbd24ad9.entry.js → p-e4aa7b47.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-edae4d63.entry.js → p-e4e980c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-50f614f4.entry.js → p-e55b3774.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-16b8dd4e.entry.js → p-e7b25ec5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d62084d4.entry.js → p-e8d9d006.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-97b6a427.entry.js → p-ece938b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-402f9293.entry.js → p-ee52283b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6b027844.entry.js → p-eef539ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9dab5671.entry.js → p-f4dd0fd2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc151bf0.entry.js → p-f7a14a12.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/{beta → stable}/gux-badge/gux-badge.d.ts +1 -2
- package/dist/types/components/{beta → stable}/gux-badge/gux-badge.types.d.ts +0 -1
- package/dist/types/components/stable/gux-popup/gux-popup.d.ts +1 -0
- package/dist/types/components.d.ts +11 -13
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/dist/types/utils/dom/has-parent-element.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/gux-badge-beta.cjs.entry.js +0 -70
- package/dist/collection/components/beta/gux-badge/gux-badge.css +0 -83
- package/dist/esm/gux-badge-beta.entry.js +0 -66
- package/dist/genesys-webcomponents/p-1e4d9d6a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-1f349619.entry.js +0 -1
- package/dist/genesys-webcomponents/p-416f5a28.entry.js +0 -1
- package/dist/genesys-webcomponents/p-c68e0fbf.entry.js +0 -1
- package/dist/genesys-webcomponents/p-cf271c9a.entry.js +0 -1
- /package/dist/collection/components/{beta → stable}/gux-badge/gux-badge.types.js +0 -0
@@ -8,7 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
import { GuxAccordionSectionArrowPosition, GuxAccordionSectionContentLayout } from "./components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.types";
|
9
9
|
import { GuxActionButtonAccent, GuxActionButtonType } from "./components/stable/gux-action-button/gux-action-button.types";
|
10
10
|
import { GuxAnnouncePoliteness } from "./components/beta/gux-announce/gux-announce.types";
|
11
|
-
import { GuxBadgeAccent
|
11
|
+
import { GuxBadgeAccent } from "./components/stable/gux-badge/gux-badge.types";
|
12
12
|
import { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-breadcrumbs.types";
|
13
13
|
import { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
|
14
14
|
import { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
|
@@ -49,7 +49,7 @@ import { GuxTooltipAccent } from "./components/stable/gux-tooltip/gux-tooltip-ty
|
|
49
49
|
export { GuxAccordionSectionArrowPosition, GuxAccordionSectionContentLayout } from "./components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.types";
|
50
50
|
export { GuxActionButtonAccent, GuxActionButtonType } from "./components/stable/gux-action-button/gux-action-button.types";
|
51
51
|
export { GuxAnnouncePoliteness } from "./components/beta/gux-announce/gux-announce.types";
|
52
|
-
export { GuxBadgeAccent
|
52
|
+
export { GuxBadgeAccent } from "./components/stable/gux-badge/gux-badge.types";
|
53
53
|
export { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-breadcrumbs.types";
|
54
54
|
export { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
|
55
55
|
export { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
|
@@ -161,10 +161,9 @@ export namespace Components {
|
|
161
161
|
"guxAnnounce": (text: string) => Promise<void>;
|
162
162
|
"politeness": GuxAnnouncePoliteness;
|
163
163
|
}
|
164
|
-
interface
|
164
|
+
interface GuxBadge {
|
165
165
|
"accent": GuxBadgeAccent;
|
166
166
|
"bold": boolean;
|
167
|
-
"color": GuxBadgeColor;
|
168
167
|
}
|
169
168
|
interface GuxBlankStateBeta {
|
170
169
|
}
|
@@ -1331,11 +1330,11 @@ declare global {
|
|
1331
1330
|
prototype: HTMLGuxAnnounceBetaElement;
|
1332
1331
|
new (): HTMLGuxAnnounceBetaElement;
|
1333
1332
|
};
|
1334
|
-
interface
|
1333
|
+
interface HTMLGuxBadgeElement extends Components.GuxBadge, HTMLStencilElement {
|
1335
1334
|
}
|
1336
|
-
var
|
1337
|
-
prototype:
|
1338
|
-
new ():
|
1335
|
+
var HTMLGuxBadgeElement: {
|
1336
|
+
prototype: HTMLGuxBadgeElement;
|
1337
|
+
new (): HTMLGuxBadgeElement;
|
1339
1338
|
};
|
1340
1339
|
interface HTMLGuxBlankStateBetaElement extends Components.GuxBlankStateBeta, HTMLStencilElement {
|
1341
1340
|
}
|
@@ -2027,7 +2026,7 @@ declare global {
|
|
2027
2026
|
"gux-advanced-dropdown": HTMLGuxAdvancedDropdownElement;
|
2028
2027
|
"gux-all-row-select": HTMLGuxAllRowSelectElement;
|
2029
2028
|
"gux-announce-beta": HTMLGuxAnnounceBetaElement;
|
2030
|
-
"gux-badge
|
2029
|
+
"gux-badge": HTMLGuxBadgeElement;
|
2031
2030
|
"gux-blank-state-beta": HTMLGuxBlankStateBetaElement;
|
2032
2031
|
"gux-breadcrumb-item": HTMLGuxBreadcrumbItemElement;
|
2033
2032
|
"gux-breadcrumbs": HTMLGuxBreadcrumbsElement;
|
@@ -2230,10 +2229,9 @@ declare namespace LocalJSX {
|
|
2230
2229
|
interface GuxAnnounceBeta {
|
2231
2230
|
"politeness"?: GuxAnnouncePoliteness;
|
2232
2231
|
}
|
2233
|
-
interface
|
2232
|
+
interface GuxBadge {
|
2234
2233
|
"accent"?: GuxBadgeAccent;
|
2235
2234
|
"bold"?: boolean;
|
2236
|
-
"color"?: GuxBadgeColor;
|
2237
2235
|
}
|
2238
2236
|
interface GuxBlankStateBeta {
|
2239
2237
|
}
|
@@ -3232,7 +3230,7 @@ declare namespace LocalJSX {
|
|
3232
3230
|
"gux-advanced-dropdown": GuxAdvancedDropdown;
|
3233
3231
|
"gux-all-row-select": GuxAllRowSelect;
|
3234
3232
|
"gux-announce-beta": GuxAnnounceBeta;
|
3235
|
-
"gux-badge
|
3233
|
+
"gux-badge": GuxBadge;
|
3236
3234
|
"gux-blank-state-beta": GuxBlankStateBeta;
|
3237
3235
|
"gux-breadcrumb-item": GuxBreadcrumbItem;
|
3238
3236
|
"gux-breadcrumbs": GuxBreadcrumbs;
|
@@ -3358,7 +3356,7 @@ declare module "@stencil/core" {
|
|
3358
3356
|
"gux-advanced-dropdown": LocalJSX.GuxAdvancedDropdown & JSXBase.HTMLAttributes<HTMLGuxAdvancedDropdownElement>;
|
3359
3357
|
"gux-all-row-select": LocalJSX.GuxAllRowSelect & JSXBase.HTMLAttributes<HTMLGuxAllRowSelectElement>;
|
3360
3358
|
"gux-announce-beta": LocalJSX.GuxAnnounceBeta & JSXBase.HTMLAttributes<HTMLGuxAnnounceBetaElement>;
|
3361
|
-
"gux-badge
|
3359
|
+
"gux-badge": LocalJSX.GuxBadge & JSXBase.HTMLAttributes<HTMLGuxBadgeElement>;
|
3362
3360
|
"gux-blank-state-beta": LocalJSX.GuxBlankStateBeta & JSXBase.HTMLAttributes<HTMLGuxBlankStateBetaElement>;
|
3363
3361
|
"gux-breadcrumb-item": LocalJSX.GuxBreadcrumbItem & JSXBase.HTMLAttributes<HTMLGuxBreadcrumbItemElement>;
|
3364
3362
|
"gux-breadcrumbs": LocalJSX.GuxBreadcrumbs & JSXBase.HTMLAttributes<HTMLGuxBreadcrumbsElement>;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.
|
1
|
+
export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.24-20/genesys-webcomponents/";
|
2
2
|
export declare function registerElements(): Promise<void>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function hasParentElement(selector: string, baseElement?: HTMLElement): boolean;
|
package/package.json
CHANGED
@@ -1,70 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
const index = require('./index-0d0fdb85.js');
|
6
|
-
const usage = require('./usage-4c4b807b.js');
|
7
|
-
const index$1 = require('./index-9bbde1aa.js');
|
8
|
-
require('./get-closest-element-ab4b2eee.js');
|
9
|
-
|
10
|
-
const neutral = "badge with label: {label}, color: neutral";
|
11
|
-
const green = "badge with label: {label}, color: green";
|
12
|
-
const yellow = "badge with label: {label}, color: yellow";
|
13
|
-
const red = "badge with label: {label}, color: red";
|
14
|
-
const inherit = "badge with label: {label}";
|
15
|
-
const translationResources = {
|
16
|
-
neutral: neutral,
|
17
|
-
"neutral-bold": "badge with label: {label}, color: neutral bold",
|
18
|
-
green: green,
|
19
|
-
"green-bold": "badge with label: {label}, color: green bold",
|
20
|
-
yellow: yellow,
|
21
|
-
"yellow-bold": "badge with label: {label}, color: yellow bold",
|
22
|
-
red: red,
|
23
|
-
"red-bold": "badge with label: {label}, color: red bold",
|
24
|
-
inherit: inherit
|
25
|
-
};
|
26
|
-
|
27
|
-
const guxBadgeCss = ":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .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-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";
|
28
|
-
|
29
|
-
const GuxBadge = class {
|
30
|
-
constructor(hostRef) {
|
31
|
-
index.registerInstance(this, hostRef);
|
32
|
-
this.color = 'neutral';
|
33
|
-
this.accent = 'info';
|
34
|
-
this.bold = false;
|
35
|
-
this.label = undefined;
|
36
|
-
}
|
37
|
-
onSlotChange(event) {
|
38
|
-
const slotAssignedNodes = event.composedPath()[0].assignedNodes();
|
39
|
-
this.label = slotAssignedNodes
|
40
|
-
.map(nodeItem => nodeItem.textContent)
|
41
|
-
.join('');
|
42
|
-
}
|
43
|
-
renderBadgeTitle() {
|
44
|
-
return (index.h("gux-tooltip-title", null, index.h("span", null, index.h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
|
45
|
-
}
|
46
|
-
renderSrText() {
|
47
|
-
return (index.h("div", { class: "gux-sr-only" }, this.i18n(this.getVariant(), {
|
48
|
-
label: this.label
|
49
|
-
})));
|
50
|
-
}
|
51
|
-
getVariant() {
|
52
|
-
return `${this.color}${this.bold ? '-bold' : ''}`;
|
53
|
-
}
|
54
|
-
async componentWillLoad() {
|
55
|
-
usage.trackComponent(this.root);
|
56
|
-
this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
|
57
|
-
}
|
58
|
-
render() {
|
59
|
-
return (index.h("div", { class: {
|
60
|
-
'gux-badge': true,
|
61
|
-
[`gux-${this.color}`]: true,
|
62
|
-
[`gux-${this.accent}`]: true,
|
63
|
-
'gux-bold': this.bold
|
64
|
-
} }, this.renderBadgeTitle(), this.renderSrText()));
|
65
|
-
}
|
66
|
-
get root() { return index.getElement(this); }
|
67
|
-
};
|
68
|
-
GuxBadge.style = guxBadgeCss;
|
69
|
-
|
70
|
-
exports.gux_badge_beta = GuxBadge;
|
@@ -1,83 +0,0 @@
|
|
1
|
-
:host {
|
2
|
-
display: inline-block;
|
3
|
-
height: fit-content;
|
4
|
-
border-radius: 100%;
|
5
|
-
}
|
6
|
-
.gux-badge {
|
7
|
-
display: flex;
|
8
|
-
flex-direction: row;
|
9
|
-
flex-wrap: nowrap;
|
10
|
-
align-content: stretch;
|
11
|
-
align-items: center;
|
12
|
-
justify-content: flex-start;
|
13
|
-
height: 20px;
|
14
|
-
padding: 2px 8px;
|
15
|
-
color: #fdfdfd;
|
16
|
-
background-color: #2e394c;
|
17
|
-
border-radius: 4px;
|
18
|
-
font-family: Roboto, sans-serif;
|
19
|
-
font-weight: 400;
|
20
|
-
font-weight: 700;
|
21
|
-
font-size: 12px;
|
22
|
-
line-height: 16px;
|
23
|
-
}
|
24
|
-
.gux-badge gux-tooltip-title {
|
25
|
-
white-space: nowrap;
|
26
|
-
}
|
27
|
-
.gux-badge gux-tooltip-title ::slotted(gux-icon) {
|
28
|
-
height: 16px;
|
29
|
-
font-size: 16px;
|
30
|
-
}
|
31
|
-
.gux-badge .gux-sr-only:not(:focus):not(:active) {
|
32
|
-
position: absolute;
|
33
|
-
width: 1px;
|
34
|
-
height: 1px;
|
35
|
-
overflow: hidden;
|
36
|
-
clip: rect(0 0 0 0);
|
37
|
-
clip-path: inset(50%);
|
38
|
-
white-space: nowrap;
|
39
|
-
}
|
40
|
-
.gux-badge.gux-info,
|
41
|
-
.gux-badge.gux-neutral {
|
42
|
-
color: #2e394c;
|
43
|
-
background-color: #e2e6ee;
|
44
|
-
}
|
45
|
-
.gux-badge.gux-info.gux-bold,
|
46
|
-
.gux-badge.gux-neutral.gux-bold {
|
47
|
-
color: #fdfdfd;
|
48
|
-
background-color: #2e394c;
|
49
|
-
}
|
50
|
-
.gux-badge.gux-error,
|
51
|
-
.gux-badge.gux-red {
|
52
|
-
color: #8f0707;
|
53
|
-
background-color: #fceaea;
|
54
|
-
}
|
55
|
-
.gux-badge.gux-error.gux-bold,
|
56
|
-
.gux-badge.gux-red.gux-bold {
|
57
|
-
color: #fdfdfd;
|
58
|
-
background-color: #ea0b0b;
|
59
|
-
}
|
60
|
-
.gux-badge.gux-warning,
|
61
|
-
.gux-badge.gux-yellow {
|
62
|
-
color: #976700;
|
63
|
-
background-color: #fdf8ec;
|
64
|
-
}
|
65
|
-
.gux-badge.gux-warning.gux-bold,
|
66
|
-
.gux-badge.gux-yellow.gux-bold {
|
67
|
-
color: #2e394c;
|
68
|
-
background-color: #ffae00;
|
69
|
-
}
|
70
|
-
.gux-badge.gux-success,
|
71
|
-
.gux-badge.gux-green {
|
72
|
-
color: #205a10;
|
73
|
-
background-color: #eefcea;
|
74
|
-
}
|
75
|
-
.gux-badge.gux-success.gux-bold,
|
76
|
-
.gux-badge.gux-green.gux-bold {
|
77
|
-
color: #fdfdfd;
|
78
|
-
background-color: #3c8527;
|
79
|
-
}
|
80
|
-
.gux-badge.gux-inherit {
|
81
|
-
color: inherit;
|
82
|
-
background-color: inherit;
|
83
|
-
}
|
@@ -1,66 +0,0 @@
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
|
2
|
-
import { t as trackComponent } from './usage-9ca50bf0.js';
|
3
|
-
import { b as buildI18nForComponent } from './index-694d55cf.js';
|
4
|
-
import './get-closest-element-1597503c.js';
|
5
|
-
|
6
|
-
const neutral = "badge with label: {label}, color: neutral";
|
7
|
-
const green = "badge with label: {label}, color: green";
|
8
|
-
const yellow = "badge with label: {label}, color: yellow";
|
9
|
-
const red = "badge with label: {label}, color: red";
|
10
|
-
const inherit = "badge with label: {label}";
|
11
|
-
const translationResources = {
|
12
|
-
neutral: neutral,
|
13
|
-
"neutral-bold": "badge with label: {label}, color: neutral bold",
|
14
|
-
green: green,
|
15
|
-
"green-bold": "badge with label: {label}, color: green bold",
|
16
|
-
yellow: yellow,
|
17
|
-
"yellow-bold": "badge with label: {label}, color: yellow bold",
|
18
|
-
red: red,
|
19
|
-
"red-bold": "badge with label: {label}, color: red bold",
|
20
|
-
inherit: inherit
|
21
|
-
};
|
22
|
-
|
23
|
-
const guxBadgeCss = ":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .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-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";
|
24
|
-
|
25
|
-
const GuxBadge = class {
|
26
|
-
constructor(hostRef) {
|
27
|
-
registerInstance(this, hostRef);
|
28
|
-
this.color = 'neutral';
|
29
|
-
this.accent = 'info';
|
30
|
-
this.bold = false;
|
31
|
-
this.label = undefined;
|
32
|
-
}
|
33
|
-
onSlotChange(event) {
|
34
|
-
const slotAssignedNodes = event.composedPath()[0].assignedNodes();
|
35
|
-
this.label = slotAssignedNodes
|
36
|
-
.map(nodeItem => nodeItem.textContent)
|
37
|
-
.join('');
|
38
|
-
}
|
39
|
-
renderBadgeTitle() {
|
40
|
-
return (h("gux-tooltip-title", null, h("span", null, h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
|
41
|
-
}
|
42
|
-
renderSrText() {
|
43
|
-
return (h("div", { class: "gux-sr-only" }, this.i18n(this.getVariant(), {
|
44
|
-
label: this.label
|
45
|
-
})));
|
46
|
-
}
|
47
|
-
getVariant() {
|
48
|
-
return `${this.color}${this.bold ? '-bold' : ''}`;
|
49
|
-
}
|
50
|
-
async componentWillLoad() {
|
51
|
-
trackComponent(this.root);
|
52
|
-
this.i18n = await buildI18nForComponent(this.root, translationResources);
|
53
|
-
}
|
54
|
-
render() {
|
55
|
-
return (h("div", { class: {
|
56
|
-
'gux-badge': true,
|
57
|
-
[`gux-${this.color}`]: true,
|
58
|
-
[`gux-${this.accent}`]: true,
|
59
|
-
'gux-bold': this.bold
|
60
|
-
} }, this.renderBadgeTitle(), this.renderSrText()));
|
61
|
-
}
|
62
|
-
get root() { return getElement(this); }
|
63
|
-
};
|
64
|
-
GuxBadge.style = guxBadgeCss;
|
65
|
-
|
66
|
-
export { GuxBadge as gux_badge_beta };
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,c as i,h as e}from"./p-7d26b2e1.js";import{a as s,c as n,o as a,f as o,d as p,s as r,h as d}from"./p-4e2b5bcf.js";const h=class{constructor(e){t(this,e),this.internalexpanded=i(this,"internalexpanded",7),this.internalcollapsed=i(this,"internalcollapsed",7),this.expanded=!1,this.disabled=!1}runUpdatePosition(){this.cleanupUpdatePosition=s(this.targetElementContainer,this.popupElementContainer,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){if(this.targetElementContainer&&this.popupElementContainer){const t=this.popupElementContainer,i=this.targetElementContainer;n(this.targetElementContainer,this.popupElementContainer,{strategy:"fixed",placement:"bottom-start",middleware:[a(2),o(),p({apply({rects:e}){Object.assign(t.style,{minWidth:`${e.reference.width}px`}),Object.assign(i.style,{width:`${e.reference.width}px`})}}),r(),d()]}).then((({x:t,y:i,middlewareData:e})=>{const{referenceHidden:s}=e.hide;Object.assign(this.popupElementContainer.style,{left:`${t}px`,top:`${i}px`}),s?this.popupElementContainer.classList.add("gux-sr-only-clip"):this.popupElementContainer.classList.remove("gux-sr-only-clip")}))}}onExpandedChange(t){t?this.internalexpanded.emit():this.internalcollapsed.emit()}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{class:{"gux-target-container":!0,"gux-disabled":this.disabled},ref:t=>this.targetElementContainer=t},e("slot",{name:"target"}),e("div",{part:"gux-popup-container",class:{"gux-popup-container":!0,"gux-expanded":this.expanded&&!this.disabled},ref:t=>this.popupElementContainer=t},e("slot",{name:"popup"})))}static get watchers(){return{expanded:["onExpandedChange"]}}};h.style=".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gux-zindex-popup, 1);width:max-content;visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip: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{h as gux_popup}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-7d26b2e1.js";import{O as o}from"./p-9d18d475.js";import{w as n}from"./p-76ff3e75.js";import{a as r}from"./p-091f51f6.js";import{t as a}from"./p-f7f3443e.js";const u=["primary","secondary","tertiary"];const c=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){a(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"},this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,r=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(s,i,r):o(s,i))||r);n>3&&r&&Object.defineProperty(s,i,r)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.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(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0px 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,h as o,H as s,g as i}from"./p-7d26b2e1.js";import{t as e}from"./p-f7f3443e.js";import{b as r}from"./p-091f51f6.js";const n=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",r((()=>{this.containerElement.innerText=t}))}componentWillLoad(){e(this.root)}render(){return o(s,{"aria-live":this.politeness},o("slot",null),o("div",{ref:t=>this.containerElement=t}))}get root(){return i(this)}};n.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{n as gux_announce_beta}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as e,h as o,g as l}from"./p-7d26b2e1.js";import{t}from"./p-f7f3443e.js";import{b as g}from"./p-deee079e.js";import"./p-8a133b9b.js";const r={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold",inherit:"badge with label: {label}"},a=class{constructor(o){e(this,o),this.color="neutral",this.accent="info",this.bold=!1,this.label=void 0}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await g(this.root,r)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,[`gux-${this.accent}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};a.style=":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .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-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";export{a as gux_badge_beta}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,h as o,g as s}from"./p-7d26b2e1.js";import{t as e}from"./p-f7f3443e.js";const r=class{constructor(o){t(this,o)}componentWillLoad(){e(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};r.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{r as gux_screen_reader_beta}
|
File without changes
|