genesys-spark-components 4.0.0-beta.23 → 4.0.0-beta.25
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.cjs.entry.js +24 -0
- 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-buttons_3.cjs.entry.js → gux-pagination-buttons-legacy_3.cjs.entry.js} +9 -9
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/{gux-pagination.cjs.entry.js → gux-pagination-legacy.cjs.entry.js} +7 -7
- 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 +12 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-4c4b807b.js → usage-a9283e9a.js} +1 -1
- package/dist/collection/collection-manifest.json +6 -6
- package/dist/collection/components/beta/gux-pagination-beta/gux-pagination-beta.js +2 -2
- package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-buttons.js +2 -2
- package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-item-counts/gux-pagination-item-counts.js +2 -2
- package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-items-per-page/gux-pagination-items-per-page.js +2 -2
- package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.js +5 -5
- 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-blank-state/gux-blank-state.css +98 -0
- package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js +29 -0
- package/dist/collection/components/stable/gux-pagination-cursor/gux-pagination-cursor.js +1 -1
- 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 +40 -47
- 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.entry.js +20 -0
- 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-buttons_3.entry.js → gux-pagination-buttons-legacy_3.entry.js} +7 -7
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/{gux-pagination.entry.js → gux-pagination-legacy.entry.js} +7 -7
- 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 +12 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-9ca50bf0.js → usage-56d9b306.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-fc2a0c5e.entry.js → p-010ba18c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-db42a7bf.entry.js → p-0c4dbc9a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1d9ec2d1.entry.js → p-0cb3fdb4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5f191d17.entry.js → p-0e44c5e7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b938e322.entry.js → p-15bf191f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1661e5b6.entry.js → p-163cb6ea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-da061d56.entry.js → p-17413280.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2873e1ad.entry.js → p-18619dff.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-1a83ae15.entry.js +1 -0
- package/dist/genesys-webcomponents/p-1b35958d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-16b8dd4e.entry.js → p-1b69fe00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dd486f21.entry.js → p-1c1dfe12.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f283002.entry.js → p-1c2cd19b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-240eeb1b.entry.js → p-1e0926b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6c3aae28.entry.js → p-216d896e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9b28f6e5.entry.js → p-23554f30.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d58c9460.entry.js → p-2513aa6b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-178b38f9.entry.js → p-30cb1c85.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f11bc2b4.entry.js → p-34a80ac0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fbd24ad9.entry.js → p-35fc63f0.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-37b49558.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3f3c6c2a.entry.js → p-411b9844.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-95b41d1b.entry.js → p-44732864.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-19480ff9.entry.js → p-44c6e065.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4f13d871.entry.js → p-48a59b0b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4da16ea2.entry.js → p-57064c62.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-edae4d63.entry.js → p-5e9e91e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7f3443e.js → p-5eb7f3d1.js} +1 -1
- package/dist/genesys-webcomponents/{p-1c74c4a6.entry.js → p-5fc405db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09c7bd7d.entry.js → p-62843655.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c10fc14.entry.js → p-65ce0e37.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1f349619.entry.js → p-6632856a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf271c9a.entry.js → p-6a14e935.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e01c28fb.entry.js → p-6a2f0c03.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-38c0fd4a.entry.js → p-6b0599d0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a7e96d41.entry.js → p-6cb7b586.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b4693bc7.entry.js → p-6ebd0ea7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee832fca.entry.js → p-6f66080e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-84a5cc38.entry.js → p-777bc704.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a3031b43.entry.js → p-779f1537.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-97b6a427.entry.js → p-786897e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-7a1ef948.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d3660752.entry.js → p-83c88e1d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e183299b.entry.js → p-87d88b64.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88382b4f.entry.js → p-8ac51be5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-594b1278.entry.js → p-8e7d8b79.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc52401d.entry.js → p-8f7c29ec.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3be60800.entry.js → p-95a48f31.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b99d7b24.entry.js → p-9d5716fc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e21c88c6.entry.js → p-9e3342cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-22a997cc.entry.js → p-a0a96990.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5f619019.entry.js → p-ac512b71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8634ab05.entry.js → p-ace78667.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fe1f8064.entry.js → p-ae58a16c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e243ca18.entry.js → p-aef9e7cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a1cc19f6.entry.js → p-b0865e45.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ec8f3ed6.entry.js → p-b2567220.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9dab5671.entry.js → p-b2a503ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-255828b2.entry.js → p-b3bbe6e0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6b027844.entry.js → p-b9534538.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-462c9fec.entry.js → p-ba78e7c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42d1b629.entry.js → p-beb58f04.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0dbe2bda.entry.js → p-c28759cd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d62084d4.entry.js → p-c4545cf8.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c55d47dd.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-79ae493b.entry.js → p-d72445e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff22af71.entry.js → p-d93654eb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c99e8934.entry.js → p-dc58438a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e03f3c2d.entry.js → p-dc7c5910.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-416f5a28.entry.js → p-df87a33e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7f7700f8.entry.js → p-e2af859e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3a986247.entry.js → p-e54dac3e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e97693fd.entry.js → p-e5d488d0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-402f9293.entry.js → p-e8c84c88.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc151bf0.entry.js → p-f3aa76a8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dad21962.entry.js → p-f551e81b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-edc3984d.entry.js → p-f554c073.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-699ef85a.entry.js → p-f912829e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-50f614f4.entry.js → p-f9609d1c.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-pagination-beta/gux-pagination-beta.d.ts +1 -1
- package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-buttons.d.ts +1 -1
- package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-item-counts/gux-pagination-item-counts.d.ts +1 -1
- package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-items-per-page/gux-pagination-items-per-page.d.ts +1 -1
- package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.d.ts +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/{beta → stable}/gux-blank-state/gux-blank-state.d.ts +0 -8
- package/dist/types/components/stable/gux-pagination-cursor/gux-pagination-cursor.d.ts +1 -1
- package/dist/types/components/stable/gux-popup/gux-popup.d.ts +1 -0
- package/dist/types/components.d.ts +126 -128
- 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/cjs/gux-blank-state-beta.cjs.entry.js +0 -68
- package/dist/collection/components/beta/gux-badge/gux-badge.css +0 -83
- package/dist/collection/components/beta/gux-blank-state/gux-blank-state-constants.js +0 -5
- package/dist/collection/components/beta/gux-blank-state/gux-blank-state.css +0 -61
- package/dist/collection/components/beta/gux-blank-state/gux-blank-state.js +0 -75
- package/dist/collection/components/beta/gux-blank-state/gux-blank-state.types.js +0 -1
- package/dist/esm/gux-badge-beta.entry.js +0 -66
- package/dist/esm/gux-blank-state-beta.entry.js +0 -64
- package/dist/genesys-webcomponents/p-1e4d9d6a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-3d288a53.entry.js +0 -1
- package/dist/genesys-webcomponents/p-716b25a2.entry.js +0 -1
- package/dist/genesys-webcomponents/p-81697e5d.entry.js +0 -1
- package/dist/genesys-webcomponents/p-c68e0fbf.entry.js +0 -1
- package/dist/types/components/beta/gux-blank-state/gux-blank-state-constants.d.ts +0 -5
- package/dist/types/components/beta/gux-blank-state/gux-blank-state.types.d.ts +0 -1
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-button.service.js +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-buttons.css +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-item-counts/gux-pagination-item-counts.css +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-items-per-page/gux-pagination-items-per-page.css +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.css +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.types.js +0 -0
- /package/dist/collection/components/{beta → stable}/gux-badge/gux-badge.types.js +0 -0
- /package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-button.service.d.ts +0 -0
- /package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.types.d.ts +0 -0
@@ -1,68 +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 onResize = require('./on-resize-ee6a4b87.js');
|
8
|
-
|
9
|
-
/**
|
10
|
-
* Below are the max-widths for the blank state component.
|
11
|
-
*/
|
12
|
-
const SMALL_STATE = 160;
|
13
|
-
const MEDIUM_STATE = 300;
|
14
|
-
|
15
|
-
const guxBlankStateCss = ":host{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container ::slotted(gux-icon){width:48px;height:48px;color:#c8cfda}.gux-container slot[name='primary-message']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}.gux-container slot[name='additional-guidance']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}.gux-container.gux-small .gux-message-container,.gux-container.gux-medium .gux-message-container{padding:8px 0 4px}.gux-container.gux-small .gux-guidance-container,.gux-container.gux-medium .gux-guidance-container{padding-bottom:8px}.gux-container.gux-large .gux-message-container{padding:16px 0 4px}.gux-container.gux-large .gux-message-container slot[name='primary-message']{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}.gux-container.gux-large .gux-guidance-container{padding-bottom:16px}.gux-container.gux-large .gux-guidance-container slot[name='additional-guidance']{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:24px}";
|
16
|
-
|
17
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
18
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
19
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
20
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
21
|
-
else
|
22
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
23
|
-
if (d = decorators[i])
|
24
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
25
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
26
|
-
};
|
27
|
-
const GuxBlankState = class {
|
28
|
-
constructor(hostRef) {
|
29
|
-
index.registerInstance(this, hostRef);
|
30
|
-
this.blankStateSize = undefined;
|
31
|
-
}
|
32
|
-
onResize() {
|
33
|
-
this.setBlankStateSize();
|
34
|
-
}
|
35
|
-
componentWillLoad() {
|
36
|
-
usage.trackComponent(this.root);
|
37
|
-
}
|
38
|
-
componentDidLoad() {
|
39
|
-
this.setBlankStateSize();
|
40
|
-
}
|
41
|
-
setBlankStateSize() {
|
42
|
-
index.readTask(() => {
|
43
|
-
const containerWidth = this.root.clientWidth;
|
44
|
-
if (containerWidth <= SMALL_STATE) {
|
45
|
-
this.blankStateSize = 'small';
|
46
|
-
}
|
47
|
-
else if (containerWidth <= MEDIUM_STATE) {
|
48
|
-
this.blankStateSize = 'medium';
|
49
|
-
}
|
50
|
-
else {
|
51
|
-
this.blankStateSize = 'large';
|
52
|
-
}
|
53
|
-
});
|
54
|
-
}
|
55
|
-
render() {
|
56
|
-
return (index.h("div", { class: {
|
57
|
-
'gux-container': true,
|
58
|
-
[`gux-${this.blankStateSize}`]: true
|
59
|
-
} }, index.h("slot", { name: "image" }), index.h("div", { class: "gux-message-container" }, index.h("slot", { name: "primary-message" })), index.h("div", { class: "gux-guidance-container" }, index.h("slot", { name: "additional-guidance" })), index.h("gux-button-slot", { accent: "primary" }, index.h("slot", { name: "call-to-action" }))));
|
60
|
-
}
|
61
|
-
get root() { return index.getElement(this); }
|
62
|
-
};
|
63
|
-
__decorate([
|
64
|
-
onResize.OnResize()
|
65
|
-
], GuxBlankState.prototype, "onResize", null);
|
66
|
-
GuxBlankState.style = guxBlankStateCss;
|
67
|
-
|
68
|
-
exports.gux_blank_state_beta = GuxBlankState;
|
@@ -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,61 +0,0 @@
|
|
1
|
-
:host {
|
2
|
-
display: flex;
|
3
|
-
flex-direction: column;
|
4
|
-
align-items: center;
|
5
|
-
justify-content: center;
|
6
|
-
}
|
7
|
-
.gux-container {
|
8
|
-
display: flex;
|
9
|
-
flex-direction: column;
|
10
|
-
align-items: center;
|
11
|
-
justify-content: center;
|
12
|
-
}
|
13
|
-
.gux-container ::slotted(gux-icon) {
|
14
|
-
width: 48px;
|
15
|
-
height: 48px;
|
16
|
-
color: #c8cfda;
|
17
|
-
}
|
18
|
-
.gux-container slot[name='primary-message'] {
|
19
|
-
color: #364154;
|
20
|
-
text-align: center;
|
21
|
-
font-family: Roboto, sans-serif;
|
22
|
-
font-weight: 400;
|
23
|
-
font-weight: 700;
|
24
|
-
font-size: 14px;
|
25
|
-
line-height: 20px;
|
26
|
-
}
|
27
|
-
.gux-container slot[name='additional-guidance'] {
|
28
|
-
color: #364154;
|
29
|
-
text-align: center;
|
30
|
-
font-family: Roboto, sans-serif;
|
31
|
-
font-weight: 400;
|
32
|
-
font-size: 11px;
|
33
|
-
line-height: 16px;
|
34
|
-
}
|
35
|
-
.gux-container.gux-small .gux-message-container,
|
36
|
-
.gux-container.gux-medium .gux-message-container {
|
37
|
-
padding: 8px 0 4px;
|
38
|
-
}
|
39
|
-
.gux-container.gux-small .gux-guidance-container,
|
40
|
-
.gux-container.gux-medium .gux-guidance-container {
|
41
|
-
padding-bottom: 8px;
|
42
|
-
}
|
43
|
-
.gux-container.gux-large .gux-message-container {
|
44
|
-
padding: 16px 0 4px;
|
45
|
-
}
|
46
|
-
.gux-container.gux-large .gux-message-container slot[name='primary-message'] {
|
47
|
-
font-family: Roboto, sans-serif;
|
48
|
-
font-weight: 400;
|
49
|
-
font-weight: 300;
|
50
|
-
font-size: 24px;
|
51
|
-
line-height: 32px;
|
52
|
-
}
|
53
|
-
.gux-container.gux-large .gux-guidance-container {
|
54
|
-
padding-bottom: 16px;
|
55
|
-
}
|
56
|
-
.gux-container.gux-large .gux-guidance-container slot[name='additional-guidance'] {
|
57
|
-
font-family: Roboto, sans-serif;
|
58
|
-
font-weight: 400;
|
59
|
-
font-size: 14px;
|
60
|
-
line-height: 24px;
|
61
|
-
}
|
@@ -1,75 +0,0 @@
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
4
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
5
|
-
else
|
6
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
7
|
-
if (d = decorators[i])
|
8
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
9
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
10
|
-
};
|
11
|
-
import { h, readTask } from '@stencil/core';
|
12
|
-
import { trackComponent } from '@utils/tracking/usage';
|
13
|
-
import { OnResize } from '../../../utils/decorator/on-resize';
|
14
|
-
import * as blankStateWidth from './gux-blank-state-constants';
|
15
|
-
/**
|
16
|
-
* @slot primary-message - Required slot for primary-message.
|
17
|
-
* @slot image - Slot for gux-icon element.
|
18
|
-
* @slot additional-guidance - Slot for additional-guidance.
|
19
|
-
* @slot call-to-action - Slot for the message call to action button.
|
20
|
-
*/
|
21
|
-
export class GuxBlankState {
|
22
|
-
constructor() {
|
23
|
-
this.blankStateSize = undefined;
|
24
|
-
}
|
25
|
-
onResize() {
|
26
|
-
this.setBlankStateSize();
|
27
|
-
}
|
28
|
-
componentWillLoad() {
|
29
|
-
trackComponent(this.root);
|
30
|
-
}
|
31
|
-
componentDidLoad() {
|
32
|
-
this.setBlankStateSize();
|
33
|
-
}
|
34
|
-
setBlankStateSize() {
|
35
|
-
readTask(() => {
|
36
|
-
const containerWidth = this.root.clientWidth;
|
37
|
-
if (containerWidth <= blankStateWidth.SMALL_STATE) {
|
38
|
-
this.blankStateSize = 'small';
|
39
|
-
}
|
40
|
-
else if (containerWidth <= blankStateWidth.MEDIUM_STATE) {
|
41
|
-
this.blankStateSize = 'medium';
|
42
|
-
}
|
43
|
-
else {
|
44
|
-
this.blankStateSize = 'large';
|
45
|
-
}
|
46
|
-
});
|
47
|
-
}
|
48
|
-
render() {
|
49
|
-
return (h("div", { class: {
|
50
|
-
'gux-container': true,
|
51
|
-
[`gux-${this.blankStateSize}`]: true
|
52
|
-
} }, h("slot", { name: "image" }), h("div", { class: "gux-message-container" }, h("slot", { name: "primary-message" })), h("div", { class: "gux-guidance-container" }, h("slot", { name: "additional-guidance" })), h("gux-button-slot", { accent: "primary" }, h("slot", { name: "call-to-action" }))));
|
53
|
-
}
|
54
|
-
static get is() { return "gux-blank-state-beta"; }
|
55
|
-
static get encapsulation() { return "shadow"; }
|
56
|
-
static get originalStyleUrls() {
|
57
|
-
return {
|
58
|
-
"$": ["gux-blank-state.less"]
|
59
|
-
};
|
60
|
-
}
|
61
|
-
static get styleUrls() {
|
62
|
-
return {
|
63
|
-
"$": ["gux-blank-state.css"]
|
64
|
-
};
|
65
|
-
}
|
66
|
-
static get states() {
|
67
|
-
return {
|
68
|
-
"blankStateSize": {}
|
69
|
-
};
|
70
|
-
}
|
71
|
-
static get elementRef() { return "root"; }
|
72
|
-
}
|
73
|
-
__decorate([
|
74
|
-
OnResize()
|
75
|
-
], GuxBlankState.prototype, "onResize", null);
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -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,64 +0,0 @@
|
|
1
|
-
import { r as registerInstance, d as readTask, h, g as getElement } from './index-0b66fe2c.js';
|
2
|
-
import { t as trackComponent } from './usage-9ca50bf0.js';
|
3
|
-
import { O as OnResize } from './on-resize-7177429a.js';
|
4
|
-
|
5
|
-
/**
|
6
|
-
* Below are the max-widths for the blank state component.
|
7
|
-
*/
|
8
|
-
const SMALL_STATE = 160;
|
9
|
-
const MEDIUM_STATE = 300;
|
10
|
-
|
11
|
-
const guxBlankStateCss = ":host{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container ::slotted(gux-icon){width:48px;height:48px;color:#c8cfda}.gux-container slot[name='primary-message']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}.gux-container slot[name='additional-guidance']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}.gux-container.gux-small .gux-message-container,.gux-container.gux-medium .gux-message-container{padding:8px 0 4px}.gux-container.gux-small .gux-guidance-container,.gux-container.gux-medium .gux-guidance-container{padding-bottom:8px}.gux-container.gux-large .gux-message-container{padding:16px 0 4px}.gux-container.gux-large .gux-message-container slot[name='primary-message']{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}.gux-container.gux-large .gux-guidance-container{padding-bottom:16px}.gux-container.gux-large .gux-guidance-container slot[name='additional-guidance']{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:24px}";
|
12
|
-
|
13
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
14
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
15
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
16
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
17
|
-
else
|
18
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
19
|
-
if (d = decorators[i])
|
20
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
21
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
22
|
-
};
|
23
|
-
const GuxBlankState = class {
|
24
|
-
constructor(hostRef) {
|
25
|
-
registerInstance(this, hostRef);
|
26
|
-
this.blankStateSize = undefined;
|
27
|
-
}
|
28
|
-
onResize() {
|
29
|
-
this.setBlankStateSize();
|
30
|
-
}
|
31
|
-
componentWillLoad() {
|
32
|
-
trackComponent(this.root);
|
33
|
-
}
|
34
|
-
componentDidLoad() {
|
35
|
-
this.setBlankStateSize();
|
36
|
-
}
|
37
|
-
setBlankStateSize() {
|
38
|
-
readTask(() => {
|
39
|
-
const containerWidth = this.root.clientWidth;
|
40
|
-
if (containerWidth <= SMALL_STATE) {
|
41
|
-
this.blankStateSize = 'small';
|
42
|
-
}
|
43
|
-
else if (containerWidth <= MEDIUM_STATE) {
|
44
|
-
this.blankStateSize = 'medium';
|
45
|
-
}
|
46
|
-
else {
|
47
|
-
this.blankStateSize = 'large';
|
48
|
-
}
|
49
|
-
});
|
50
|
-
}
|
51
|
-
render() {
|
52
|
-
return (h("div", { class: {
|
53
|
-
'gux-container': true,
|
54
|
-
[`gux-${this.blankStateSize}`]: true
|
55
|
-
} }, h("slot", { name: "image" }), h("div", { class: "gux-message-container" }, h("slot", { name: "primary-message" })), h("div", { class: "gux-guidance-container" }, h("slot", { name: "additional-guidance" })), h("gux-button-slot", { accent: "primary" }, h("slot", { name: "call-to-action" }))));
|
56
|
-
}
|
57
|
-
get root() { return getElement(this); }
|
58
|
-
};
|
59
|
-
__decorate([
|
60
|
-
OnResize()
|
61
|
-
], GuxBlankState.prototype, "onResize", null);
|
62
|
-
GuxBlankState.style = guxBlankStateCss;
|
63
|
-
|
64
|
-
export { GuxBlankState as gux_blank_state_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 i,h as n,g as e}from"./p-7d26b2e1.js";import{t as a}from"./p-f7f3443e.js";const s=class{constructor(n){t(this,n),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.layout="full",this.totalPages=void 0}setPage(t){if(t<=0)return void this.setPage(1);const i=this.calculateTotalPages();t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}calculateTotalPages(){return Math.max(1,Math.ceil(this.totalItems/this.itemsPerPage))}calculateCurrentPage(){return Math.max(this.totalPages>0?1:0,Math.min(this.currentPage,this.totalPages))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}getPaginationInfoElement(t){if("expanded"===t)return null;const i=[n("gux-pagination-item-counts",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage})];return"full"===t&&i.push(n("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-info"},i)}componentWillLoad(){a(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(),this.currentPage=this.calculateCurrentPage()}render(){return n("div",{class:"gux-pagination-container"},this.getPaginationInfoElement(this.layout),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons",{layout:this.layout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return e(this)}};s.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{s as gux_pagination}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as e,d as t,h as n,g as i}from"./p-7d26b2e1.js";import{t as o}from"./p-f7f3443e.js";import{O as a}from"./p-13dd4c6b.js";const s=class{constructor(t){e(this,t),this.blankStateSize=void 0}onResize(){this.setBlankStateSize()}componentWillLoad(){o(this.root)}componentDidLoad(){this.setBlankStateSize()}setBlankStateSize(){t((()=>{const e=this.root.clientWidth;this.blankStateSize=e<=160?"small":e<=300?"medium":"large"}))}render(){return n("div",{class:{"gux-container":!0,[`gux-${this.blankStateSize}`]:!0}},n("slot",{name:"image"}),n("div",{class:"gux-message-container"},n("slot",{name:"primary-message"})),n("div",{class:"gux-guidance-container"},n("slot",{name:"additional-guidance"})),n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"})))}get root(){return i(this)}};(function(e,t,n,i){var o,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,i);else for(var g=e.length-1;g>=0;g--)(o=e[g])&&(s=(a<3?o(s):a>3?o(t,n,s):o(t,n))||s);a>3&&s&&Object.defineProperty(t,n,s)})([a()],s.prototype,"onResize",null),s.style=":host{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container ::slotted(gux-icon){width:48px;height:48px;color:#c8cfda}.gux-container slot[name='primary-message']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}.gux-container slot[name='additional-guidance']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}.gux-container.gux-small .gux-message-container,.gux-container.gux-medium .gux-message-container{padding:8px 0 4px}.gux-container.gux-small .gux-guidance-container,.gux-container.gux-medium .gux-guidance-container{padding-bottom:8px}.gux-container.gux-large .gux-message-container{padding:16px 0 4px}.gux-container.gux-large .gux-message-container slot[name='primary-message']{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}.gux-container.gux-large .gux-guidance-container{padding-bottom:16px}.gux-container.gux-large .gux-guidance-container slot[name='additional-guidance']{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:24px}";export{s as gux_blank_state_beta}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as o,f as t,h as i,g as e}from"./p-7d26b2e1.js";import{c as r,o as f}from"./p-3f5341ea.js";import{O as n}from"./p-f34ce7dc.js";import{o as l}from"./p-3701eff0.js";import{p as s}from"./p-c10e41a9.js";import{h as a}from"./p-08bc2e6b.js";import{h as u,c,d,G as g,a as p,g as h,v as x,b}from"./p-b3c9fd06.js";import{G as m,a as v}from"./p-a733f4ca.js";import{t as w}from"./p-f7f3443e.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const y=class{constructor(t){o(this,t),this.clearable=void 0,this.labelPosition=void 0,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=a(this.root,"error"),this.hasHelp=a(this.root,"help")}async guxForceUpdate(){this.hasContent=u(this.input),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),t(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return i(v,{labelPosition:this.computedLabelPosition},i(m,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix}},i("slot",{name:"prefix"}),i("slot",{name:"input"}),i("slot",{name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>d(this.input)}))),i(g,{show:this.hasError},i("slot",{name:"error"})),i(p,{show:!this.hasError&&this.hasHelp},i("slot",{name:"help"}))))}get variant(){const o=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${o}`}setInput(){this.input=h(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),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=u(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=f(this.input,(o=>{this.disabled=o})),this.requiredObserver=l(this.input,(o=>{this.required=o})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}get root(){return e(this)}};(function(o,t,i,e){var r,f=arguments.length,n=f<3?t:null===e?e=Object.getOwnPropertyDescriptor(t,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(o,t,i,e);else for(var l=o.length-1;l>=0;l--)(r=o[l])&&(n=(f<3?r(n):f>3?r(t,i,n):r(t,i))||n);f>3&&n&&Object.defineProperty(t,i,n)})([n({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.style='.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url("./fonts/roboto-v20-latin-300.eot");src:local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url("./fonts/roboto-v20-latin-regular.eot");src:local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url("./fonts/roboto-v20-latin-italic.eot");src:local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url("./fonts/roboto-v20-latin-700.eot");src:local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:2px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url("./fonts/roboto-v20-latin-300.eot");src:local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url("./fonts/roboto-v20-latin-regular.eot");src:local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url("./fonts/roboto-v20-latin-italic.eot");src:local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url("./fonts/roboto-v20-latin-700.eot");src:local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:2px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;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;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);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);line-height:var(--gse-ui-formControl-label-text-lineHeight);font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-label-labelColor);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}::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);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);white-space:nowrap;text-decoration:none;text-align:center}.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;align-content:stretch;align-items:center;justify-content:center;gap:var(--gse-ui-formControl-input-gap);width:100%;height:var(--gse-ui-formControl-input-textfield-height);color:var(--gse-ui-formControl-input-populatedColor);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);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{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);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)}.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 +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
|
-
export type GuxBlankStateSizes = 'small' | 'medium' | 'large';
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|