genesys-spark-components 3.4.3 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -1
- package/dist/cjs/{en-3662eafc.js → en-3d7b896f.js} +3 -1
- package/dist/cjs/genesys-webcomponents.cjs.js +2 -2
- package/dist/cjs/gux-accordion-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-accordion-section.cjs.entry.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-button-legacy.cjs.entry.js +4 -4
- package/dist/cjs/gux-action-button.cjs.entry.js +4 -4
- package/dist/cjs/gux-action-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-list-divider.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-list-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-toast.cjs.entry.js +2 -2
- package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/gux-all-row-select.cjs.entry.js +3 -3
- package/dist/cjs/gux-badge-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +3 -3
- package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-button-multi.cjs.entry.js +3 -3
- package/dist/cjs/gux-button-slot-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-calendar.cjs.entry.js +3 -3
- package/dist/cjs/gux-card-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-color-select_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-command-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-content-search.cjs.entry.js +3 -3
- package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-datepicker.cjs.entry.js +4 -4
- package/dist/cjs/gux-disclosure-button.cjs.entry.js +3 -3
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +3 -3
- package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +4 -4
- package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +297 -0
- package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +58 -0
- package/dist/cjs/gux-dropdown-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +30 -178
- package/dist/cjs/gux-error-message-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +8 -8
- package/dist/cjs/gux-form-field-color.cjs.entry.js +10 -10
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +91 -0
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +3 -3
- package/dist/cjs/{gux-form-field-label-d5088b51.js → gux-form-field-label-abbb7396.js} +1 -1
- package/dist/cjs/gux-form-field-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-number.cjs.entry.js +13 -13
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +8 -8
- package/dist/cjs/gux-form-field-range.cjs.entry.js +10 -10
- package/dist/cjs/gux-form-field-search.cjs.entry.js +12 -12
- package/dist/cjs/gux-form-field-select.cjs.entry.js +10 -10
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +12 -12
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +10 -10
- package/dist/cjs/{gux-form-field.servce-e9451c50.js → gux-form-field.service-21126f1d.js} +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +2 -2
- package/dist/cjs/gux-input-checkbox_7.cjs.entry.js +2 -2
- package/dist/cjs/gux-input-search.cjs.entry.js +2 -2
- package/dist/cjs/gux-input-text-like.cjs.entry.js +2 -2
- package/dist/cjs/gux-list-divider-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-divider.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +2 -2
- package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +159 -0
- package/dist/cjs/gux-listbox.service-d394da79.js +161 -0
- package/dist/cjs/gux-menu-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +2 -2
- package/dist/cjs/gux-notification-toast.cjs.entry.js +2 -2
- package/dist/cjs/gux-option-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-option-multi.cjs.entry.js +47 -0
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-buttons-beta_3.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-buttons_3.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +3 -3
- package/dist/cjs/gux-pagination.cjs.entry.js +2 -2
- package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-popover-list.cjs.entry.js +3 -3
- package/dist/cjs/gux-popover.cjs.entry.js +3 -3
- package/dist/cjs/gux-popup.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +3 -3
- package/dist/cjs/gux-radial-progress.cjs.entry.js +2 -2
- package/dist/cjs/gux-rating.cjs.entry.js +2 -2
- package/dist/cjs/gux-row-select.cjs.entry.js +4 -4
- package/dist/cjs/gux-side-panel-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-simple-toast.cjs.entry.js +2 -2
- package/dist/cjs/gux-sort-control.cjs.entry.js +42 -0
- package/dist/cjs/gux-submenu.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +3 -3
- package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-dropdown-option-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-beta.cjs.entry.js +54 -35
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gux-tag-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-text-highlight.cjs.entry.js +2 -2
- package/dist/cjs/gux-text-label-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-time-picker-beta.cjs.entry.js +4 -4
- package/dist/cjs/gux-toggle-slider.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +3 -3
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +3 -3
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +3 -3
- package/dist/cjs/{index-33b1b88e.js → index-525cfec0.js} +30 -4
- package/dist/cjs/{index-2202ad01.js → index-57ec1998.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{on-click-outside-246a1eb3.js → on-click-outside-e0d28eff.js} +1 -1
- package/dist/cjs/{on-mutation-2e4dd956.js → on-mutation-347de78d.js} +1 -1
- package/dist/cjs/{usage-tracking-615fea70.js → usage-tracking-7df85f4e.js} +1 -1
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.css +50 -0
- package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js +116 -0
- package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi.css +151 -0
- package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi.js +458 -0
- package/dist/collection/components/beta/gux-table/gux-row-select/gux-row-select.js +18 -1
- package/dist/collection/components/beta/gux-table/gux-sort-control/gux-sort-control.css +39 -0
- package/dist/collection/components/beta/gux-table/gux-sort-control/gux-sort-control.js +50 -0
- package/dist/collection/components/beta/gux-table/gux-table.js +50 -31
- package/dist/collection/components/beta/gux-tag/gux-tag.js +0 -17
- package/dist/collection/components/stable/gux-dropdown/gux-dropdown.js +19 -0
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css +153 -0
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js +126 -0
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js +1 -1
- package/dist/collection/components/stable/gux-form-field/{gux-form-field.servce.js → gux-form-field.service.js} +0 -0
- package/dist/collection/components/stable/gux-listbox/gux-listbox.js +7 -9
- package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.css +23 -0
- package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.js +269 -0
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css +45 -0
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +167 -0
- package/dist/deploy-info.json +3 -3
- package/dist/esm/{en-07edddda.js → en-d22521fc.js} +3 -1
- package/dist/esm/genesys-webcomponents.js +2 -2
- package/dist/esm/gux-accordion-legacy.entry.js +2 -2
- package/dist/esm/gux-accordion-section.entry.js +1 -1
- package/dist/esm/gux-accordion.entry.js +2 -2
- package/dist/esm/gux-action-button-legacy.entry.js +4 -4
- package/dist/esm/gux-action-button.entry.js +4 -4
- package/dist/esm/gux-action-item.entry.js +1 -1
- package/dist/esm/gux-action-list-divider.entry.js +1 -1
- package/dist/esm/gux-action-list-legacy.entry.js +2 -2
- package/dist/esm/gux-action-toast.entry.js +2 -2
- package/dist/esm/gux-advanced-dropdown.entry.js +3 -3
- package/dist/esm/gux-all-row-select.entry.js +3 -3
- package/dist/esm/gux-badge-beta.entry.js +3 -3
- package/dist/esm/gux-breadcrumb-item.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +3 -3
- package/dist/esm/gux-button-multi-legacy.entry.js +3 -3
- package/dist/esm/gux-button-multi.entry.js +3 -3
- package/dist/esm/gux-button-slot-beta.entry.js +2 -2
- package/dist/esm/gux-button.entry.js +2 -2
- package/dist/esm/gux-calendar.entry.js +3 -3
- package/dist/esm/gux-card-beta.entry.js +2 -2
- package/dist/esm/gux-chart-column-beta.entry.js +2 -2
- package/dist/esm/gux-chart-donut-beta.entry.js +2 -2
- package/dist/esm/gux-chart-line-beta.entry.js +2 -2
- package/dist/esm/gux-chart-pie-beta.entry.js +2 -2
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +2 -2
- package/dist/esm/gux-color-select_2.entry.js +1 -1
- package/dist/esm/gux-command-action.entry.js +1 -1
- package/dist/esm/gux-command-palette-legacy.entry.js +3 -3
- package/dist/esm/gux-content-search.entry.js +3 -3
- package/dist/esm/gux-copy-to-clipboard-beta.entry.js +3 -3
- package/dist/esm/gux-datepicker.entry.js +4 -4
- package/dist/esm/gux-disclosure-button.entry.js +3 -3
- package/dist/esm/gux-dismiss-button.entry.js +3 -3
- package/dist/esm/gux-dropdown-legacy.entry.js +4 -4
- package/dist/esm/gux-dropdown-multi-beta.entry.js +293 -0
- package/dist/esm/gux-dropdown-multi-tag.entry.js +54 -0
- package/dist/esm/gux-dropdown-option.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +12 -160
- package/dist/esm/gux-error-message-beta.entry.js +2 -2
- package/dist/esm/gux-flyout-menu-beta.entry.js +2 -2
- package/dist/esm/gux-form-field-checkbox.entry.js +4 -4
- package/dist/esm/gux-form-field-color.entry.js +5 -5
- package/dist/esm/gux-form-field-dropdown.entry.js +87 -0
- package/dist/esm/gux-form-field-input-clear-button.entry.js +3 -3
- package/dist/esm/{gux-form-field-label-ac49a8be.js → gux-form-field-label-1d0c1a02.js} +1 -1
- package/dist/esm/gux-form-field-legacy.entry.js +3 -3
- package/dist/esm/gux-form-field-number.entry.js +6 -6
- package/dist/esm/gux-form-field-radio.entry.js +4 -4
- package/dist/esm/gux-form-field-range.entry.js +5 -5
- package/dist/esm/gux-form-field-search.entry.js +5 -5
- package/dist/esm/gux-form-field-select.entry.js +5 -5
- package/dist/esm/gux-form-field-text-like.entry.js +5 -5
- package/dist/esm/gux-form-field-textarea.entry.js +5 -5
- package/dist/esm/{gux-form-field.servce-971609e2.js → gux-form-field.service-4bfd6534.js} +1 -1
- package/dist/esm/gux-icon.entry.js +2 -2
- package/dist/esm/gux-input-checkbox_7.entry.js +2 -2
- package/dist/esm/gux-input-search.entry.js +2 -2
- package/dist/esm/gux-input-text-like.entry.js +2 -2
- package/dist/esm/gux-list-divider-legacy.entry.js +1 -1
- package/dist/esm/gux-list-divider.entry.js +1 -1
- package/dist/esm/gux-list-item-legacy_2.entry.js +2 -2
- package/dist/esm/gux-list-item.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +2 -2
- package/dist/esm/gux-listbox-multi.entry.js +155 -0
- package/dist/esm/gux-listbox.service-3541a2f7.js +148 -0
- package/dist/esm/gux-menu-option.entry.js +1 -1
- package/dist/esm/gux-menu.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +2 -2
- package/dist/esm/gux-notification-toast.entry.js +2 -2
- package/dist/esm/gux-option-legacy.entry.js +1 -1
- package/dist/esm/gux-option-multi.entry.js +43 -0
- package/dist/esm/gux-page-loading-spinner.entry.js +2 -2
- package/dist/esm/gux-pagination-beta.entry.js +2 -2
- package/dist/esm/gux-pagination-buttons-beta_3.entry.js +2 -2
- package/dist/esm/gux-pagination-buttons_3.entry.js +2 -2
- package/dist/esm/gux-pagination-cursor.entry.js +3 -3
- package/dist/esm/gux-pagination.entry.js +2 -2
- package/dist/esm/gux-panel-frame-legacy.entry.js +2 -2
- package/dist/esm/gux-popover-list.entry.js +3 -3
- package/dist/esm/gux-popover.entry.js +3 -3
- package/dist/esm/gux-popup.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +3 -3
- package/dist/esm/gux-radial-progress.entry.js +2 -2
- package/dist/esm/gux-rating.entry.js +2 -2
- package/dist/esm/gux-row-select.entry.js +4 -4
- package/dist/esm/gux-side-panel-button.entry.js +1 -1
- package/dist/esm/gux-side-panel-legacy.entry.js +2 -2
- package/dist/esm/gux-simple-toast.entry.js +2 -2
- package/dist/esm/gux-sort-control.entry.js +38 -0
- package/dist/esm/gux-submenu.entry.js +1 -1
- package/dist/esm/gux-switch-item.entry.js +1 -1
- package/dist/esm/gux-switch.entry.js +2 -2
- package/dist/esm/gux-tab-advanced-list.entry.js +3 -3
- package/dist/esm/gux-tab-advanced-panel.entry.js +1 -1
- package/dist/esm/gux-tab-advanced.entry.js +2 -2
- package/dist/esm/gux-tab-dropdown-option-legacy.entry.js +1 -1
- package/dist/esm/gux-tab-legacy.entry.js +1 -1
- package/dist/esm/gux-tab-list.entry.js +2 -2
- package/dist/esm/gux-tab-panel.entry.js +1 -1
- package/dist/esm/gux-tab.entry.js +1 -1
- package/dist/esm/gux-table-beta.entry.js +54 -35
- package/dist/esm/gux-tabs-advanced.entry.js +2 -2
- package/dist/esm/gux-tabs-legacy.entry.js +3 -3
- package/dist/esm/gux-tabs.entry.js +2 -2
- package/dist/esm/gux-tag-beta.entry.js +3 -3
- package/dist/esm/gux-text-highlight.entry.js +2 -2
- package/dist/esm/gux-text-label-legacy.entry.js +2 -2
- package/dist/esm/gux-time-picker-beta.entry.js +4 -4
- package/dist/esm/gux-toggle-slider.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +3 -3
- package/dist/esm/gux-tooltip_2.entry.js +3 -3
- package/dist/esm/gux-visualization-beta.entry.js +3 -3
- package/dist/esm/{index-5bfcdeb1.js → index-16dc4871.js} +1 -1
- package/dist/esm/{index-76794476.js → index-d8b1bc53.js} +30 -4
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{on-click-outside-ce30de20.js → on-click-outside-9635bd3e.js} +1 -1
- package/dist/esm/{on-mutation-2e96b1b9.js → on-mutation-1c2ba0a6.js} +1 -1
- package/dist/esm/{usage-tracking-d43351c0.js → usage-tracking-7ca27c3f.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ar.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.cs.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.da.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.de.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.es-es.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.es.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fi.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fr-ca.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fr.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.it.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ja.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ko.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.nl.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.no.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pl.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pt-br.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ru.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.sv.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.th.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.tr.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.zh-cn.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.zh-tw.json +1 -1
- package/dist/genesys-webcomponents/{p-be9a43f8.entry.js → p-01bc0c0d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-04a2187d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-8288a4c9.entry.js → p-0b1bf180.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b4797114.entry.js → p-0d7ffb0d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5674b67a.entry.js → p-1173c715.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c6eab0f6.entry.js → p-1255480b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c917491c.entry.js → p-12bafe6e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-08b07a2b.js → p-14551b38.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a3afda9.entry.js → p-1483501f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-90f86b6f.entry.js → p-15e8c249.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c57956f.entry.js → p-17e7772d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e4e5aa67.entry.js → p-1ad06cfc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5f8b46b5.entry.js → p-1f1554e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-be79f47d.js → p-2065021e.js} +1 -1
- package/dist/genesys-webcomponents/{p-98c2b858.entry.js → p-218b2949.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e08ae631.entry.js → p-22d23a76.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2b24dcb6.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c150db37.entry.js → p-2b7d8c71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d5cd81ef.entry.js → p-2f644041.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4402a21b.entry.js → p-33c27a48.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aeaa6fb5.entry.js → p-34db3dd5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b7056b2.js → p-35578249.js} +1 -1
- package/dist/genesys-webcomponents/{p-9b476241.entry.js → p-356c4b29.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e61558ed.entry.js → p-35c9b84c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bb7ce26a.entry.js → p-36c0f9c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3770c1e9.js +1 -0
- package/dist/genesys-webcomponents/{p-ba9b75d5.entry.js → p-386a5e11.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc78875c.entry.js → p-389a7726.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3944a28c.entry.js +1 -0
- package/dist/genesys-webcomponents/p-3cf4f2b4.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-7b5cfa36.entry.js → p-3d3da13c.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3d6504f2.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-138f5752.entry.js → p-3dbadd4b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d91b8ebc.entry.js → p-41cdf0e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a9b797be.entry.js → p-43117b25.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6257c98.js → p-451a9239.js} +1 -1
- package/dist/genesys-webcomponents/{p-8df52df5.entry.js → p-45517975.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbd5a915.entry.js → p-47eeb17a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5ca81424.js → p-49b1912a.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ecdb7bc.entry.js → p-4df6bcb9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-66c88faf.entry.js → p-51729bfe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2548bdad.js → p-523a0237.js} +1 -1
- package/dist/genesys-webcomponents/{p-476e998c.entry.js → p-55e607e7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f2a5fea9.entry.js → p-5647d38b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cb7ee59b.entry.js → p-5955fe3f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-53df4573.entry.js → p-5b9ed635.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc4a2df0.entry.js → p-603d8065.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bd4ecc66.entry.js → p-63de6e73.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-029337ed.entry.js → p-647dd4a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-421513fb.entry.js → p-659e0050.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d7a2f8dc.entry.js → p-66117fa0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b6c2da3c.entry.js → p-6f1d66a1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ddf13c8.entry.js → p-6fe4eeb9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fcc3ad28.entry.js → p-70280c21.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-74ab4e9c.entry.js → p-7341343a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c2fde74.entry.js → p-748648d7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-45d49edc.entry.js → p-7623d68f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3d613b08.entry.js → p-7e339355.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0b1201f8.entry.js → p-80c23151.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-81835685.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-ecc80e4a.entry.js → p-82e7411b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6835601a.entry.js → p-839df9e8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-79e6d305.entry.js → p-865f9155.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-56cf4de0.entry.js → p-871f1877.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7ee9ea99.entry.js → p-8d724126.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e20a804.entry.js → p-8ed65ede.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-34e05274.entry.js → p-9154b32a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e26127e1.entry.js → p-945e7ac9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d84f477d.entry.js → p-94729a52.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-9626853f.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-71684343.entry.js → p-9a6b9457.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4a5922ba.entry.js → p-9ff5f713.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a0a0d12d.entry.js +1 -0
- package/dist/genesys-webcomponents/p-a2f34941.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-cfd5c06d.entry.js → p-a41b086e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2acf2470.entry.js → p-a6509d00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a60243d3.entry.js → p-a6c5c249.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b39ba52b.entry.js → p-a9251ac5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e1ecedf.entry.js → p-acf67c95.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63e85901.entry.js → p-b0496b8f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b0c0bff1.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-a5c9fbed.entry.js → p-b225ce42.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b27f0bef.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-2e0680ef.entry.js → p-b381c84b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-947b7fe3.entry.js → p-b3a7b931.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68ee84bf.entry.js → p-b41cc336.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-415f6c94.entry.js → p-b4462c3b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d565a701.entry.js → p-b73c7df6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6c3740b9.entry.js → p-b950af05.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8f8cc114.entry.js → p-bd981172.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b3bdfcc9.entry.js → p-bf05f0be.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b3e8e83.entry.js → p-c07588f6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-389324ee.entry.js → p-c291c7ce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c86cf183.entry.js → p-cb80973e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-860fb98c.entry.js → p-cbc1e53a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-cdf5cb56.js +1 -0
- package/dist/genesys-webcomponents/{p-0246b90a.entry.js → p-ce151ab8.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-cf1561e4.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-dd977705.entry.js → p-d17782f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-adc5b8f9.entry.js → p-d1d251cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bea0187a.entry.js → p-d33adb9d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-d3478c48.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-95bf6df8.entry.js → p-d3863df8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ed0b3496.entry.js → p-d4d63d34.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-582b7a46.entry.js → p-d7496724.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-65c97d28.entry.js → p-d7d26ff4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fdcd8958.entry.js → p-d90a6aeb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9bea99f9.entry.js → p-da4152f5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-991b2ddb.entry.js → p-dfef5175.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2212a472.entry.js → p-e0660777.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3674c2f1.entry.js → p-e560b587.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-e571f861.js +2 -0
- package/dist/genesys-webcomponents/{p-e8b70c45.entry.js → p-ead7d375.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f1264d64.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c87736cc.entry.js → p-f3f4c59f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e211d484.entry.js → p-f84cd0a6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1dedbc02.entry.js → p-fa2adfa7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7abebb37.entry.js → p-fee0493f.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.d.ts +20 -0
- package/dist/types/components/beta/gux-dropdown-multi/gux-dropdown-multi.d.ts +56 -0
- package/dist/types/components/beta/gux-table/gux-row-select/gux-row-select.d.ts +1 -0
- package/dist/types/components/beta/gux-table/gux-sort-control/gux-sort-control.d.ts +13 -0
- package/dist/types/components/beta/gux-table/gux-table.d.ts +2 -0
- package/dist/types/components/beta/gux-tag/gux-tag.d.ts +0 -4
- package/dist/types/components/stable/gux-dropdown/gux-dropdown.d.ts +1 -0
- package/dist/types/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.d.ts +27 -0
- package/dist/types/components/stable/gux-form-field/{gux-form-field.servce.d.ts → gux-form-field.service.d.ts} +1 -1
- package/dist/types/components/stable/gux-listbox/gux-listbox.d.ts +1 -1
- package/dist/types/components/stable/gux-listbox-multi/gux-listbox-multi.d.ts +28 -0
- package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts +15 -0
- package/dist/types/components.d.ts +138 -8
- package/dist/types/utils/dom/on-attribute-change.d.ts +2 -2
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-18bc0d49.entry.js +0 -1
- package/dist/genesys-webcomponents/p-1e5a7b93.entry.js +0 -1
- package/dist/genesys-webcomponents/p-201c4e67.entry.js +0 -1
- package/dist/genesys-webcomponents/p-33e039c8.entry.js +0 -1
- package/dist/genesys-webcomponents/p-46e6c443.entry.js +0 -1
- package/dist/genesys-webcomponents/p-61fd6f64.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a085b143.js +0 -2
- package/dist/genesys-webcomponents/p-afb54d23.js +0 -1
- package/dist/genesys-webcomponents/p-cbc180ef.entry.js +0 -1
- package/dist/genesys-webcomponents/p-ce81614f.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as e,h as t}from"./p-
|
|
1
|
+
import{r as a,c as e,h as t}from"./p-e571f861.js";const i=class{constructor(t){a(this,t),this.guxactivepanelchange=e(this,"guxactivepanelchange",7),this.active=!1}async guxSetActive(a){this.active=a}watchActivePanel(){!0===this.active&&this.guxactivepanelchange.emit(this.tabId)}render(){return t("div",{id:`gux-${this.tabId}-panel`,role:"tabpanel","aria-labelledby":`gux-${this.tabId}-tab`,tabIndex:0,hidden:!this.active,"aria-live":"assertive"},t("slot",null))}static get watchers(){return{active:["watchActivePanel"]}}};i.style="gux-tab-advanced-panel div[role='tabpanel']:focus{outline:none}gux-tab-advanced-panel div[role='tabpanel']:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{i as gux_tab_advanced_panel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as s}from"./p-a085b143.js";import{t as a}from"./p-be79f47d.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-2548bdad.js";import{f as h,a as c,b as d,c as u}from"./p-4f26144b.js";import{O as o}from"./p-5ca81424.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function x(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?h(t):null}watchMaxDate(t){this.maxDateDate=t?h(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=h(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange()}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===f(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=k(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),h=new Date(a,n,r);return"yy"===this.yearFormat&&h.getFullYear()<1970&&this.lastYear>1970&&h.setFullYear(h.getFullYear()+100),h}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=d(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(f(this.format,this.focusedField.selectionStart)){case"d":{const t=h(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=h(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return h(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=k(e);return e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?c(t,t):d(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,value:this.toFormatedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(a=t[h])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{z-index:1;display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{y as gux_datepicker}
|
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-e571f861.js";import{t as a}from"./p-2065021e.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-523a0237.js";import{f as h,a as c,b as d,c as u}from"./p-4f26144b.js";import{O as o}from"./p-49b1912a.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function x(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?h(t):null}watchMaxDate(t){this.maxDateDate=t?h(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=h(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange()}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===f(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=k(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),h=new Date(a,n,r);return"yy"===this.yearFormat&&h.getFullYear()<1970&&this.lastYear>1970&&h.setFullYear(h.getFullYear()+100),h}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=d(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(f(this.format,this.focusedField.selectionStart)){case"d":{const t=h(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=h(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return h(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=k(e);return e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?c(t,t):d(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,value:this.toFormatedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(a=t[h])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{z-index:1;display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{y as gux_datepicker}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let e,t,n,l=!1,o=!1,s=!1,c=!1,i=!1;const r="undefined"!=typeof window?window:{},f=r.document||{head:{}},a={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),$=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=h(e,n),c=p(t,o),i=m(n);a.ael(s,l,c,i),(t.o=t.o||[]).push((()=>a.rel(s,l,c,i)))}))},p=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){$e(e)}},h=(e,t)=>8&t?r:16&t?f.body:e,m=e=>0!=(2&e),y=new WeakMap,b=e=>"sc-"+e.$,w={},g=e=>"object"==(e=typeof e)||"function"===e,v=(e,t,...n)=>{let l=null,o=null,s=null,c=!1,i=!1;const r=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((c="function"!=typeof e&&!g(l))&&(l+=""),c&&i?r[r.length-1].p+=l:r.push(c?k(null,l):l),i=c)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,S);const a=k(e,null);return a.h=t,r.length>0&&(a.m=r),a.g=o,a.v=s,a},k=(e,t)=>({t:0,k:e,p:t,j:null,m:null,h:null,g:null,v:null}),j={},S={forEach:(e,t)=>e.map(O).forEach(t),map:(e,t)=>e.map(O).map(t).map(C)},O=e=>({vattrs:e.h,vchildren:e.m,vkey:e.g,vname:e.v,vtag:e.k,vtext:e.p}),C=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),v(e.vtag,t,...e.vchildren||[])}const t=k(e.vtag,e.vtext);return t.h=e.vattrs,t.m=e.vchildren,t.g=e.vkey,t.v=e.vname,t},M=(e,t,n,l,o,s)=>{if(n!==l){let c=de(e,t),i=t.toLowerCase();if("class"===t){const t=e.classList,o=x(n),s=x(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const i=g(l);if((c||i&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!c||4&s||o)&&!i&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):de(r,i)?i.slice(2):i[2]+t.slice(3),n&&a.rel(e,t,n,!1),l&&a.ael(e,t,l,!1)}},R=/\s/,x=e=>e?e.split(R):[],L=(e,t,n,l)=>{const o=11===t.j.nodeType&&t.j.host?t.j.host:t.j,s=e&&e.h||w,c=t.h||w;for(l in s)l in c||M(o,l,s[l],void 0,n,t.t);for(l in c)M(o,l,s[l],c[l],n,t.t)},P=(o,i,r,a)=>{const u=i.m[r];let d,$,p,h=0;if(l||(s=!0,"slot"===u.k&&(e&&a.classList.add(e+"-s"),u.t|=u.m?2:1)),null!==u.p)d=u.j=f.createTextNode(u.p);else if(1&u.t)d=u.j=f.createTextNode("");else{if(c||(c="svg"===u.k),d=u.j=f.createElementNS(c?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.t?"slot-fb":u.k),c&&"foreignObject"===u.k&&(c=!1),L(null,u,c),null!=e&&d["s-si"]!==e&&d.classList.add(d["s-si"]=e),u.m)for(h=0;h<u.m.length;++h)$=P(o,u,h,d),$&&d.appendChild($);"svg"===u.k?c=!1:"foreignObject"===d.tagName&&(c=!0)}return d["s-hn"]=n,3&u.t&&(d["s-sr"]=!0,d["s-cr"]=t,d["s-sn"]=u.v||"",p=o&&o.m&&o.m[r],p&&p.k===u.k&&o.j&&T(o.j,!1)),d},T=(e,t)=>{a.t|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(D(o).insertBefore(o,W(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&T(o,t)}a.t&=-2},E=(e,t,l,o,s,c)=>{let i,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=c;++s)o[s]&&(i=P(null,l,s,e),i&&(o[s].j=i,r.insertBefore(i,W(t))))},N=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.j,_(l),o=!0,s["s-ol"]?s["s-ol"].remove():T(s,!0),s.remove())},U=(e,t)=>e.k===t.k&&("slot"===e.k?e.v===t.v:e.g===t.g),W=e=>e&&e["s-ol"]||e,D=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,F=(e,t)=>{const n=t.j=e.j,l=e.m,o=t.m,s=t.k,i=t.p;let r;null===i?(c="svg"===s||"foreignObject"!==s&&c,"slot"===s||L(e,t,c),null!==l&&null!==o?((e,t,n,l)=>{let o,s,c=0,i=0,r=0,f=0,a=t.length-1,u=t[0],d=t[a],$=l.length-1,p=l[0],h=l[$];for(;c<=a&&i<=$;)if(null==u)u=t[++c];else if(null==d)d=t[--a];else if(null==p)p=l[++i];else if(null==h)h=l[--$];else if(U(u,p))F(u,p),u=t[++c],p=l[++i];else if(U(d,h))F(d,h),d=t[--a],h=l[--$];else if(U(u,h))"slot"!==u.k&&"slot"!==h.k||T(u.j.parentNode,!1),F(u,h),e.insertBefore(u.j,d.j.nextSibling),u=t[++c],h=l[--$];else if(U(d,p))"slot"!==u.k&&"slot"!==h.k||T(d.j.parentNode,!1),F(d,p),e.insertBefore(d.j,u.j),d=t[--a],p=l[++i];else{for(r=-1,f=c;f<=a;++f)if(t[f]&&null!==t[f].g&&t[f].g===p.g){r=f;break}r>=0?(s=t[r],s.k!==p.k?o=P(t&&t[i],n,r,e):(F(s,p),t[r]=void 0,o=s.j),p=l[++i]):(o=P(t&&t[i],n,i,e),p=l[++i]),o&&D(u.j).insertBefore(o,W(u.j))}c>a?E(e,null==l[$+1]?null:l[$+1].j,n,l,i,$):i>$&&N(t,c,a)})(n,l,t,o):null!==o?(null!==e.p&&(n.textContent=""),E(n,null,t,o,0,o.length-1)):null!==l&&N(l,0,l.length-1),c&&"svg"===s&&(c=!1)):(r=n["s-cr"])?r.parentNode.textContent=i:e.p!==i&&(n.data=i)},A=e=>{const t=e.childNodes;let n,l,o,s,c,i;for(l=0,o=t.length;l<o;l++)if(n=t[l],1===n.nodeType){if(n["s-sr"])for(c=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(i=t[s].nodeType,t[s]["s-hn"]!==n["s-hn"]||""!==c){if(1===i&&c===t[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===i||3===i&&""!==t[s].textContent.trim()){n.hidden=!0;break}A(n)}},H=[],q=e=>{let t,n,l,s,c,i,r=0;const f=e.childNodes,a=f.length;for(;r<a;r++){if(t=f[r],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],i=l.length-1;i>=0;i--)n=l[i],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(V(n,s)?(c=H.find((e=>e.S===n)),o=!0,n["s-sn"]=n["s-sn"]||s,c?c.O=t:H.push({O:t,S:n}),n["s-sr"]&&H.map((e=>{V(e.S,n["s-sn"])&&(c=H.find((e=>e.S===n)),c&&!e.O&&(e.O=c.O))}))):H.some((e=>e.S===n))||H.push({S:n}));1===t.nodeType&&q(t)}},V=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,_=e=>{e.h&&e.h.ref&&e.h.ref(null),e.m&&e.m.map(_)},z=e=>fe(e).C,B=(e,t,n)=>{const l=z(e);return{emit:e=>G(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},G=(e,t,n)=>{const l=a.ce(t,n);return e.dispatchEvent(l),l},I=(e,t)=>{t&&!e.M&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.M=t)))},J=(e,t)=>{if(e.t|=16,!(4&e.t))return I(e,e.R),Se((()=>K(e,t)));e.t|=512},K=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>te(n,e,t))),e.u=null),l=te(n,"componentWillLoad")),l=ne(l,(()=>te(n,"componentWillRender"))),ne(l,(()=>Q(e,n,t)))},Q=async(e,t,n)=>{const l=e.C,o=l["s-rc"];n&&(e=>{const t=e.L,n=e.C,l=t.t,o=((e,t)=>{let n=b(t);const l=me.get(n);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let t,o=y.get(e=e.head||e);o||y.set(e,o=new Set),o.has(n)||(t=f.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);X(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>Y(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},X=(c,i)=>{try{i=i.render(),c.t&=-17,c.t|=2,((c,i)=>{const r=c.C,u=c.L,d=c.P||k(null,null),$=(e=>e&&e.k===j)(i)?i:v(null,null,i);if(n=r.tagName,u.T&&($.h=$.h||{},u.T.map((([e,t])=>$.h[t]=r[e]))),$.k=null,$.t|=4,c.P=$,$.j=d.j=r.shadowRoot||r,e=r["s-sc"],t=r["s-cr"],l=0!=(1&u.t),o=!1,F(d,$),a.t|=1,s){let e,t,n,l,o,s;q($.j);let c=0;for(;c<H.length;c++)e=H[c],t=e.S,t["s-ol"]||(n=f.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(c=0;c<H.length;c++)if(e=H[c],t=e.S,e.O){for(l=e.O.parentNode,o=e.O.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&A($.j),a.t&=-2,H.length=0})(c,i)}catch(e){$e(e,c.C)}return null},Y=e=>{const t=e.C,n=e.i,l=e.R;te(n,"componentDidRender"),64&e.t?te(n,"componentDidUpdate"):(e.t|=64,le(t),te(n,"componentDidLoad"),e.N(t),l||ee()),e.U(t),e.M&&(e.M(),e.M=void 0),512&e.t&&ke((()=>J(e,!1))),e.t&=-517},Z=e=>{{const t=fe(e),n=t.C.isConnected;return n&&2==(18&t.t)&&J(t,!1),n}},ee=()=>{le(f.documentElement),ke((()=>G(r,"appload",{detail:{namespace:"genesys-webcomponents"}})))},te=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){$e(e)}},ne=(e,t)=>e&&e.then?e.then(t):t(),le=e=>e.setAttribute("hydrated",""),oe=(e,t,n)=>{if(t.W){e.watchers&&(t.D=e.watchers);const l=Object.entries(t.W),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>fe(this).F.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=fe(e),s=o.C,c=o.F.get(t),i=o.t,r=o.i;if(n=((e,t)=>null==e||g(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.W[t][0]),(!(8&i)||void 0===c)&&n!==c&&(!Number.isNaN(c)||!Number.isNaN(n))&&(o.F.set(t,n),r)){if(l.D&&128&i){const e=l.D[t];e&&e.map((e=>{try{r[e](n,c,t)}catch(e){$e(e,s)}}))}2==(18&i)&&J(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=fe(this);return n.A.then((()=>n.i[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){a.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.T.push([e,o]),o}))}}return e},se=e=>{te(e,"connectedCallback")},ce=(e,t={})=>{const n=[],l=t.exclude||[],o=r.customElements,s=f.head,c=s.querySelector("meta[charset]"),i=f.createElement("style"),u=[];let p,h=!0;Object.assign(a,t),a.l=new URL(t.resourcesUrl||"./",f.baseURI).href,e.map((e=>{e[1].map((t=>{const s={t:t[0],$:t[1],W:t[2],H:t[3]};s.W=t[2],s.H=t[3],s.T=[],s.D={};const c=s.$,i=class extends HTMLElement{constructor(e){super(e),ue(e=this,s),1&s.t&&e.attachShadow({mode:"open",delegatesFocus:!!(16&s.t)})}connectedCallback(){p&&(clearTimeout(p),p=null),h?u.push(this):a.jmp((()=>(e=>{if(0==(1&a.t)){const t=fe(e),n=t.L,l=()=>{};if(1&t.t)$(e,t,n.H),se(t.i);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){I(t,t.R=n);break}}n.W&&Object.entries(n.W).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=he(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.D=o.watchers,oe(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){$e(e)}t.t&=-9,t.t|=128,e(),se(t.i)}if(o.style){let e=o.style;const t=b(n);if(!me.has(t)){const l=()=>{};((e,t,n)=>{let l=me.get(e);d&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,me.set(e,l)})(t,e,!!(1&n.t)),l()}}}const s=t.R,c=()=>J(t,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(()=>{if(0==(1&a.t)){const e=fe(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),te(t,"disconnectedCallback")}})()))}componentOnReady(){return fe(this).q}};s.V=e[0],l.includes(c)||o.get(c)||(n.push(c),o.define(c,oe(i,s,1)))}))})),i.innerHTML=n+"{visibility:hidden}[hydrated]{visibility:inherit}",i.setAttribute("data-styles",""),s.insertBefore(i,c?c.nextSibling:s.firstChild),h=!1,u.length?u.map((e=>e.connectedCallback())):a.jmp((()=>p=setTimeout(ee,30)))},ie=e=>{const t=new URL(e,a.l);return t.origin!==r.location.origin?t.href:t.pathname},re=new WeakMap,fe=e=>re.get(e),ae=(e,t)=>re.set(t.i=e,t),ue=(e,t)=>{const n={t:0,C:e,L:t,F:new Map};return n.A=new Promise((e=>n.U=e)),n.q=new Promise((e=>n.N=e)),e["s-p"]=[],e["s-rc"]=[],$(e,n,t.H),re.set(e,n)},de=(e,t)=>t in e,$e=(e,t)=>(0,console.error)(e,t),pe=new Map,he=e=>{const t=e.$.replace(/-/g,"_"),n=e.V,l=pe.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(pe.set(n,e),e[t])),$e)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},me=new Map,ye=[],be=[],we=(e,t)=>n=>{e.push(n),i||(i=!0,t&&4&a.t?ke(ve):a.raf(ve))},ge=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){$e(e)}e.length=0},ve=()=>{ge(ye),ge(be),(i=ye.length>0)&&a.raf(ve)},ke=e=>u().then(e),je=we(ye,!1),Se=we(be,!0);export{j as H,ie as a,ce as b,B as c,je as d,Z as f,z as g,v as h,u as p,ae as r,Se as w}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,g as
|
|
1
|
+
import{r as o,h as t,g as e}from"./p-e571f861.js";import{t as r}from"./p-2065021e.js";const n=class{constructor(t){o(this,t),this.type="button",this.disabled=!1,this.accent="secondary"}componentWillLoad(){r(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return t("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},t("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return e(this)}};n.style=":host{display:inline-block;min-width:32px;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-ghost:active:enabled{color:#2754ac;background-color:#deeaff}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}";export{n as gux_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-2065021e.js";import{G as l,a as d}from"./p-cdf5cb56.js";import{h as u,G as p,v as h,g as x}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(d,{labelPosition:this.computedLabelPosition},e(l,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},e("slot",{name:"input"})),e(p,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),a(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}updateHeight(t,e,i){"auto"===i&&t&&(t.dataset.replicatedValue=e.value,t.style.maxHeight=e.style.maxHeight)}get root(){return i(this)}};(function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);n>3&&a&&Object.defineProperty(e,i,a)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{g as gux_form_field_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as n}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,H as n}from"./p-e571f861.js";const o=class{constructor(e){t(this,e),this.press=i(this,"press",7),this.disabled=!1}handleClick(){this.onItemClicked()}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void this.onItemClicked()}}onKeyup(t){switch(t.key){case" ":return t.preventDefault(),void this.onItemClicked()}}onItemClicked(){this.disabled||this.press.emit(this.value)}render(){return e(n,{role:"listitem"},e("button",{disabled:this.disabled,onClick:()=>this.onItemClicked(),class:{"gux-action-item":!0,"gux-disabled":this.disabled}},this.text,e("slot",null)))}};o.style=":host{outline:none}.gux-action-item{display:flex;width:100%;height:max-content;padding:0 16px;font-family:inherit;font-size:inherit;line-height:32px;text-align:left;word-wrap:break-word;cursor:pointer;background-color:inherit;border:none}.gux-action-item:focus-within:not([disabled]),.gux-action-item:active:not([disabled]),.gux-action-item:hover:not([disabled]){color:#fdfdfd;background:#2a60c8;outline:none}.gux-action-item .gux-text{width:100%}.gux-action-item.gux-disabled{pointer-events:none;cursor:default}";export{o as gux_action_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as p,h as e,g as o}from"./p-
|
|
1
|
+
import{r,c as p,h as e,g as o}from"./p-e571f861.js";import{O as t}from"./p-49b1912a.js";import{b as a}from"./p-e2bea786.js";import{t as i}from"./p-2065021e.js";import{c as s}from"./p-4c66f794.js";const d=class{constructor(e){r(this,e),this.guxdismiss=p(this,"guxdismiss",7),this.position="bottom",this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(r){r||this.popperInstance?!r&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(r){const p=r.composedPath(),e=document.getElementById(this.for),o=p.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}runPopper(){const r=document.getElementById(this.for);r?this.popupElement&&(this.popperInstance=s(r,this.popupElement,{modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){i(this.root,{variant:this.position}),this.hiddenObserver=a(this.root,(r=>{this.hidden=r})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver.disconnect()}render(){return e("div",{ref:r=>this.popupElement=r,class:"gux-popover-wrapper"},e("div",{class:"gux-arrow","data-popper-arrow":!0}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(r,p,e,o){var t,a=arguments.length,i=a<3?p:null===o?o=Object.getOwnPropertyDescriptor(p,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,p,e,o);else for(var s=r.length-1;s>=0;s--)(t=r[s])&&(i=(a<3?t(i):a>3?t(p,e,i):t(p,e))||i);a>3&&i&&Object.defineProperty(p,e,i)})([t({triggerEvents:"mousedown"})],d.prototype,"checkForClickOutside",null),d.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:2;display:inline-block;padding:16px;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{d as gux_popover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as a,g}from"./p-
|
|
1
|
+
import{r as o,c as t,h as a,g}from"./p-e571f861.js";import{b as e}from"./p-523a0237.js";import{t as r}from"./p-2065021e.js";import"./p-8a133b9b.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},l=class{constructor(a){o(this,a),this.guxdelete=t(this,"guxdelete",7),this.color="default",this.disabled=!1,this.removable=!1}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(o){const t=o.composedPath()[0].assignedNodes();this.label=t.map((o=>o.textContent)).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await e(this.root,u)}render(){return a("div",{class:{"gux-tag":!0,[`gux-${this.color}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return g(this)}};l.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 8px;font-size:12px;font-weight:bold;color:#fdfdfd;background-color:#2e394c;border-radius:4px}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){height:20px;font-size:16px}.gux-tag .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-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:8px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default{background-color:#2e394c}.gux-tag.gux-default.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default-subtle{color:#2e394c;background-color:#e2e6ee}.gux-tag.gux-default-subtle.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}.gux-tag.gux-navy{background-color:#203b73}.gux-tag.gux-navy.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-electric-purple{background-color:#8452cf}.gux-tag.gux-electric-purple.gux-disabled{background-color:rgba(132, 82, 207, 0.5)}.gux-tag.gux-aqua-green{color:#202937;background-color:#1da8b3}.gux-tag.gux-aqua-green.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(29, 168, 179, 0.5)}.gux-tag.gux-fuscha{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuscha.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-dark-purple{background-color:#5e5782}.gux-tag.gux-dark-purple.gux-disabled{background-color:rgba(94, 87, 130, 0.5)}.gux-tag.gux-bubblegum-pink{color:#2e394c;background-color:#ff8fdd}.gux-tag.gux-bubblegum-pink.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 221, 0.5)}.gux-tag.gux-olive-green{color:#151d28;background-color:#868c1e}.gux-tag.gux-olive-green.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(134, 140, 30, 0.5)}.gux-tag.gux-lilac{color:#2e394c;background-color:#b5b5eb}.gux-tag.gux-lilac.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(181, 181, 235, 0.5)}.gux-tag.gux-alert-yellow-green{color:#2e394c;background-color:#ddd933}.gux-tag.gux-alert-yellow-green.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(221, 217, 51, 0.5)}";export{l as gux_tag_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,g as s,H as
|
|
1
|
+
import{r as t,c as o,h as i,g as s,H as e}from"./p-e571f861.js";const n=/[-/\\^$*+?.()|[\]{}]/g,r=class{constructor(i){t(this,i),this.selectedChanged=o(this,"selectedChanged",7)}getDisplayedValue(){return Promise.resolve(this.text)}shouldFilter(t){if(this.highlight=t,this.highlightIndex=-1,!t)return Promise.resolve(!1);const o=new RegExp(t.replace(n,"\\$&"),"gi").exec(this.text),i=null===o;return i||(this.highlightIndex=o.index),Promise.resolve(i)}componentDidLoad(){this.root.onclick=()=>{this.onItemClicked()},this.root.onkeydown=t=>{switch(t.key){case" ":case"Enter":this.selected=!0,this.selectedChanged.emit(this.value)}}}hostData(){return{tabindex:"0"}}__stencil_render(){return i("div",{class:"gux-dropdown-option",title:this.text},this.textWithHighlights())}textWithHighlights(){if(!this.highlight||!this.text)return i("span",null,this.text);if(this.highlightIndex<0)return i("span",null,this.text);const t=this.text.substring(0,this.highlightIndex),o=this.text.substring(this.highlightIndex,this.highlightIndex+this.highlight.length),s=this.text.substring(t.length+this.highlight.length);return i("span",null,t,i("strong",null,o),s)}onItemClicked(){this.selected=!0,this.selectedChanged.emit(this.value)}get root(){return s(this)}render(){return i(e,this.hostData(),this.__stencil_render())}};r.style="gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not([disabled]):hover,gux-dropdown-option:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}";export{r as gux_dropdown_option}
|
package/dist/stencil-wrapper.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { defineCustomElements } from '../dist/loader';
|
|
8
8
|
// Value templated out during build process (see scripts/wrap-stencil.js)
|
|
9
|
-
const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.
|
|
9
|
+
const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.6.0-49/genesys-webcomponents/';
|
|
10
10
|
export function registerElements() {
|
|
11
11
|
if (CDN_URL) {
|
|
12
12
|
defineCustomElements(window, { resourcesUrl: CDN_URL });
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { EventEmitter, JSX } from '../../../../stencil-public-runtime';
|
|
2
|
+
export declare class GuxDropdownMultiTag {
|
|
3
|
+
private i18n;
|
|
4
|
+
root: HTMLElement;
|
|
5
|
+
/**
|
|
6
|
+
* Triggered when click on remove button
|
|
7
|
+
*/
|
|
8
|
+
guxclearselected: EventEmitter<string>;
|
|
9
|
+
/**
|
|
10
|
+
* Tag is removable.
|
|
11
|
+
*/
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
numberSelected: number;
|
|
14
|
+
label: string;
|
|
15
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
16
|
+
private removeTag;
|
|
17
|
+
private renderRemoveButton;
|
|
18
|
+
componentWillRender(): Promise<void>;
|
|
19
|
+
render(): JSX.Element;
|
|
20
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { JSX } from '../../../stencil-public-runtime';
|
|
2
|
+
/**
|
|
3
|
+
* @slot - for a gux-listbox-multi containing gux-option-multi children
|
|
4
|
+
*/
|
|
5
|
+
export declare class GuxDropdownMulti {
|
|
6
|
+
private i18n;
|
|
7
|
+
private fieldButtonElement;
|
|
8
|
+
private filterElement;
|
|
9
|
+
private listboxElement;
|
|
10
|
+
private root;
|
|
11
|
+
value: string;
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
required: boolean;
|
|
14
|
+
placeholder: string;
|
|
15
|
+
filterable: boolean;
|
|
16
|
+
private expanded;
|
|
17
|
+
private filter;
|
|
18
|
+
focusSelectedItemAfterRender(expanded: boolean): void;
|
|
19
|
+
validateValue(newValue: string): void;
|
|
20
|
+
/**
|
|
21
|
+
* Gets the currently selected values.
|
|
22
|
+
*/
|
|
23
|
+
getSelectedValues(): Promise<string[]>;
|
|
24
|
+
onKeydown(event: KeyboardEvent): void;
|
|
25
|
+
onInternallistboxoptionsupdated(event: CustomEvent): void;
|
|
26
|
+
onGuxclearselected(event: CustomEvent): void;
|
|
27
|
+
onBlur(event: FocusEvent): void;
|
|
28
|
+
onFocus(event: FocusEvent): void;
|
|
29
|
+
onFocusout(event: FocusEvent): void;
|
|
30
|
+
onFocusin(event: FocusEvent): void;
|
|
31
|
+
onClickOutside(): void;
|
|
32
|
+
componentWillLoad(): Promise<void>;
|
|
33
|
+
componentDidLoad(): void;
|
|
34
|
+
componentWillRender(): void;
|
|
35
|
+
private stopPropagationOfInternalFocusEvents;
|
|
36
|
+
private getOptionElementByValue;
|
|
37
|
+
private fieldButtonClick;
|
|
38
|
+
private fieldButtonInputClick;
|
|
39
|
+
private filterInput;
|
|
40
|
+
private shiftTabFromExpandedFilterInput;
|
|
41
|
+
private shiftTabFromFilterListbox;
|
|
42
|
+
private activeElementNotListbox;
|
|
43
|
+
private filterKeydown;
|
|
44
|
+
private filterKeyup;
|
|
45
|
+
private collapseListbox;
|
|
46
|
+
private updateValue;
|
|
47
|
+
private getSuggestionText;
|
|
48
|
+
private renderTargetDisplay;
|
|
49
|
+
private getSrSelectedText;
|
|
50
|
+
private renderTag;
|
|
51
|
+
private renderFilterInputField;
|
|
52
|
+
private renderPopup;
|
|
53
|
+
private renderTarget;
|
|
54
|
+
private renderTargetContent;
|
|
55
|
+
render(): JSX.Element;
|
|
56
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { JSX } from '../../../../stencil-public-runtime';
|
|
2
|
+
import { GuxTableSortState } from '../gux-table.types';
|
|
3
|
+
export declare class GuxSortControl {
|
|
4
|
+
private i18n;
|
|
5
|
+
root: HTMLElement;
|
|
6
|
+
colLabel: string;
|
|
7
|
+
colSortDirection: string;
|
|
8
|
+
sortDirectionEvent(event: CustomEvent<GuxTableSortState>): void;
|
|
9
|
+
private renderSrText;
|
|
10
|
+
componentWillRender(): Promise<void>;
|
|
11
|
+
componentDidLoad(): void;
|
|
12
|
+
render(): JSX.Element;
|
|
13
|
+
}
|
|
@@ -68,6 +68,8 @@ export declare class GuxTable {
|
|
|
68
68
|
private get slottedTable();
|
|
69
69
|
private get tableRows();
|
|
70
70
|
private get tableColumns();
|
|
71
|
+
private get tableColumnsDataSortable();
|
|
72
|
+
private get sortControlCol();
|
|
71
73
|
private get rowCheckboxes();
|
|
72
74
|
private get selectAllCheckbox();
|
|
73
75
|
/******************************* Row Selection *******************************/
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { JSX } from '../../../../../stencil-public-runtime';
|
|
2
|
+
import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
|
|
3
|
+
/**
|
|
4
|
+
* @slot input - Required slot for input tag
|
|
5
|
+
* @slot label - Required slot for label tag
|
|
6
|
+
* @slot error - Optional slot for error message
|
|
7
|
+
*/
|
|
8
|
+
export declare class GuxFormFieldDropdown {
|
|
9
|
+
private listboxElement;
|
|
10
|
+
private dropdownElement;
|
|
11
|
+
private label;
|
|
12
|
+
private disabledObserver;
|
|
13
|
+
private requiredObserver;
|
|
14
|
+
private root;
|
|
15
|
+
labelPosition: GuxFormFieldLabelPosition;
|
|
16
|
+
private computedLabelPosition;
|
|
17
|
+
private disabled;
|
|
18
|
+
private required;
|
|
19
|
+
private hasError;
|
|
20
|
+
onMutation(): void;
|
|
21
|
+
componentWillLoad(): void;
|
|
22
|
+
disconnectedCallback(): void;
|
|
23
|
+
render(): JSX.Element;
|
|
24
|
+
private get variant();
|
|
25
|
+
private setInput;
|
|
26
|
+
private setLabel;
|
|
27
|
+
}
|
|
@@ -3,4 +3,4 @@ export declare function clearInput(input: HTMLInputElement): void;
|
|
|
3
3
|
export declare function hasErrorSlot(root: HTMLElement): boolean;
|
|
4
4
|
export declare function hasContent(input: HTMLInputElement | HTMLTextAreaElement): boolean;
|
|
5
5
|
export declare function getComputedLabelPosition(label: HTMLElement, labelPosition: GuxFormFieldLabelPosition): GuxFormFieldLabelPosition;
|
|
6
|
-
export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
|
|
6
|
+
export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxListboxElement | HTMLGuxListboxMultiElement): void;
|
|
@@ -7,6 +7,7 @@ export declare class GuxListbox {
|
|
|
7
7
|
root: HTMLGuxListboxElement;
|
|
8
8
|
value: string;
|
|
9
9
|
filter: string;
|
|
10
|
+
selectedValues: string[];
|
|
10
11
|
listboxOptions: HTMLGuxOptionElement[];
|
|
11
12
|
allListboxOptionsFiltered: boolean;
|
|
12
13
|
internallistboxoptionsupdated: EventEmitter;
|
|
@@ -20,7 +21,6 @@ export declare class GuxListbox {
|
|
|
20
21
|
private setListboxOptions;
|
|
21
22
|
private updateValue;
|
|
22
23
|
componentWillLoad(): Promise<void>;
|
|
23
|
-
componentDidLoad(): void;
|
|
24
24
|
componentWillRender(): void;
|
|
25
25
|
renderAllListboxOptionsFiltered(): JSX.Element;
|
|
26
26
|
render(): JSX.Element;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { EventEmitter, JSX } from '../../../stencil-public-runtime';
|
|
2
|
+
/**
|
|
3
|
+
* @slot - collection of gux-option-multi elements
|
|
4
|
+
*/
|
|
5
|
+
export declare class GuxListboxMulti {
|
|
6
|
+
private i18n;
|
|
7
|
+
root: HTMLGuxListboxElement;
|
|
8
|
+
value: string;
|
|
9
|
+
filter: string;
|
|
10
|
+
selectedValues: string[];
|
|
11
|
+
listboxOptions: HTMLGuxOptionElement[];
|
|
12
|
+
allListboxOptionsFiltered: boolean;
|
|
13
|
+
internallistboxoptionsupdated: EventEmitter;
|
|
14
|
+
onFocus(): void;
|
|
15
|
+
onBlur(): void;
|
|
16
|
+
onKeydown(event: KeyboardEvent): void;
|
|
17
|
+
onKeyup(event: KeyboardEvent): void;
|
|
18
|
+
onMousemove(): void;
|
|
19
|
+
onClick(event: MouseEvent): void;
|
|
20
|
+
validateValue(): void;
|
|
21
|
+
guxSelectActive(): Promise<void>;
|
|
22
|
+
private setListboxOptions;
|
|
23
|
+
private updateValue;
|
|
24
|
+
componentWillLoad(): Promise<void>;
|
|
25
|
+
componentWillRender(): void;
|
|
26
|
+
renderAllListboxOptionsFiltered(): JSX.Element;
|
|
27
|
+
render(): JSX.Element;
|
|
28
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { JSX } from '../../../../stencil-public-runtime';
|
|
2
|
+
export declare class GuxOptionMulti {
|
|
3
|
+
root: HTMLElement;
|
|
4
|
+
value: string;
|
|
5
|
+
active: boolean;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
filtered: boolean;
|
|
9
|
+
hovered: boolean;
|
|
10
|
+
onmouseenter(): void;
|
|
11
|
+
onMouseleave(): void;
|
|
12
|
+
componentWillLoad(): void;
|
|
13
|
+
private getAriaSelected;
|
|
14
|
+
render(): JSX.Element;
|
|
15
|
+
}
|