@six-group/ui-library 3.0.0-beta.1.7 → 3.0.0-beta.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{event-listeners-4a8d66d5.js → event-listeners-74715e62.js} +38 -38
- package/dist/cjs/{execution-control-3bc9c7c4.js → execution-control-46f388e0.js} +35 -35
- package/dist/cjs/{focus-visible-b08d956f.js → focus-visible-0b352c74.js} +40 -40
- package/dist/cjs/{form-control-9e4dffd1.js → form-control-866bbece.js} +25 -25
- package/dist/cjs/{modal-a9679ddf.js → modal-48d42228.js} +41 -41
- package/dist/cjs/{popover-e3781f5a.js → popover-1d2a037c.js} +95 -95
- package/dist/cjs/{scroll-5b8676ba.js → scroll-76e6f5d7.js} +57 -57
- package/dist/cjs/set-attributes_2.cjs.entry.js +57 -57
- package/dist/cjs/six-alert.cjs.entry.js +131 -131
- package/dist/cjs/six-avatar.cjs.entry.js +28 -28
- package/dist/cjs/six-badge.cjs.entry.js +26 -26
- package/dist/cjs/six-button.cjs.entry.js +97 -97
- package/dist/cjs/six-card.cjs.entry.js +8 -8
- package/dist/cjs/six-checkbox.cjs.entry.js +152 -152
- package/dist/cjs/six-datepicker.cjs.entry.js +1189 -1189
- package/dist/cjs/six-details.cjs.entry.js +139 -139
- package/dist/cjs/six-dialog.cjs.entry.js +152 -152
- package/dist/cjs/six-drawer.cjs.entry.js +174 -174
- package/dist/cjs/six-dropdown_3.cjs.entry.js +728 -728
- package/dist/cjs/six-error-page.cjs.entry.js +94 -94
- package/dist/cjs/six-file-list-item.cjs.entry.js +38 -38
- package/dist/cjs/six-file-list.cjs.entry.js +8 -8
- package/dist/cjs/six-file-upload.cjs.entry.js +96 -96
- package/dist/cjs/six-footer.cjs.entry.js +8 -8
- package/dist/cjs/six-form.cjs.entry.js +219 -219
- package/dist/cjs/six-group-label.cjs.entry.js +46 -46
- package/dist/cjs/six-header.cjs.entry.js +149 -149
- package/dist/cjs/six-icon-button.cjs.entry.js +33 -33
- package/dist/cjs/six-icon.cjs.entry.js +24 -24
- package/dist/cjs/six-input.cjs.entry.js +230 -230
- package/dist/cjs/six-item-picker.cjs.entry.js +361 -361
- package/dist/cjs/six-language-switcher.cjs.entry.js +52 -52
- package/dist/cjs/six-layout-grid.cjs.entry.js +19 -19
- package/dist/cjs/six-main-container.cjs.entry.js +11 -11
- package/dist/cjs/six-menu-divider.cjs.entry.js +8 -8
- package/dist/cjs/six-menu-label.cjs.entry.js +8 -8
- package/dist/cjs/six-picto.cjs.entry.js +15 -15
- package/dist/cjs/six-progress-bar.cjs.entry.js +17 -17
- package/dist/cjs/six-progress-ring.cjs.entry.js +31 -31
- package/dist/cjs/six-radio.cjs.entry.js +121 -121
- package/dist/cjs/six-range.cjs.entry.js +198 -198
- package/dist/cjs/six-root.cjs.entry.js +34 -34
- package/dist/cjs/six-search-field.cjs.entry.js +43 -43
- package/dist/cjs/six-select.cjs.entry.js +447 -447
- package/dist/cjs/six-sidebar-item-group.cjs.entry.js +42 -42
- package/dist/cjs/six-sidebar-item.cjs.entry.js +18 -18
- package/dist/cjs/six-sidebar.cjs.entry.js +171 -171
- package/dist/cjs/six-spinner.cjs.entry.js +16 -16
- package/dist/cjs/six-switch.cjs.entry.js +100 -100
- package/dist/cjs/six-tab-group.cjs.entry.js +226 -226
- package/dist/cjs/six-tab-panel.cjs.entry.js +17 -17
- package/dist/cjs/six-tab.cjs.entry.js +42 -42
- package/dist/cjs/six-table-cell_4.cjs.entry.js +70 -70
- package/dist/cjs/six-table.cjs.entry.js +145 -145
- package/dist/cjs/six-tag.cjs.entry.js +40 -40
- package/dist/cjs/six-textarea.cjs.entry.js +211 -211
- package/dist/cjs/six-tile.cjs.entry.js +89 -89
- package/dist/cjs/six-timepicker.cjs.entry.js +489 -489
- package/dist/cjs/{six-timepicker.types-c58cc88b.js → six-timepicker.types-c19ebff3.js} +43 -43
- package/dist/cjs/six-tooltip.cjs.entry.js +172 -172
- package/dist/cjs/{slot-8abe833c.js → slot-ad537f24.js} +42 -42
- package/dist/cjs/{types-65e5c95b.js → types-581e8ff0.js} +12 -12
- package/dist/cjs/{types-0c28e484.js → types-64878648.js} +12 -12
- package/dist/collection/components/six-alert/six-alert.js +366 -366
- package/dist/collection/components/six-avatar/six-avatar.js +131 -131
- package/dist/collection/components/six-badge/six-badge.js +101 -101
- package/dist/collection/components/six-button/six-button.js +466 -466
- package/dist/collection/components/six-card/six-card.js +21 -21
- package/dist/collection/components/six-checkbox/six-checkbox.js +550 -550
- package/dist/collection/components/six-datepicker/components/day-selection.js +13 -13
- package/dist/collection/components/six-datepicker/components/month-selection.js +12 -12
- package/dist/collection/components/six-datepicker/components/year-selection.js +10 -10
- package/dist/collection/components/six-datepicker/six-date-formats.js +23 -23
- package/dist/collection/components/six-datepicker/six-datepicker.js +1343 -1343
- package/dist/collection/components/six-datepicker/test/six-datepicker.test-helpers.js +16 -16
- package/dist/collection/components/six-details/six-details.js +432 -432
- package/dist/collection/components/six-dialog/six-dialog.js +401 -401
- package/dist/collection/components/six-drawer/six-drawer.js +458 -458
- package/dist/collection/components/six-dropdown/six-dropdown.js +939 -939
- package/dist/collection/components/six-error-page/six-error-page.js +199 -199
- package/dist/collection/components/six-file-list/six-file-list.js +20 -20
- package/dist/collection/components/six-file-list-item/six-file-list-item.js +203 -203
- package/dist/collection/components/six-file-upload/six-file-upload.js +272 -272
- package/dist/collection/components/six-footer/six-footer.js +21 -21
- package/dist/collection/components/six-form/six-form.js +408 -408
- package/dist/collection/components/six-group-label/six-group-label.js +166 -166
- package/dist/collection/components/six-header/six-header.js +420 -420
- package/dist/collection/components/six-icon/six-icon.js +77 -77
- package/dist/collection/components/six-icon-button/six-icon-button.js +142 -142
- package/dist/collection/components/six-input/six-input.js +1141 -1141
- package/dist/collection/components/six-item-picker/six-item-picker.js +688 -688
- package/dist/collection/components/six-item-picker/types.js +13 -13
- package/dist/collection/components/six-language-switcher/six-language-switcher.js +128 -128
- package/dist/collection/components/six-layout-grid/six-layout-grid.js +52 -52
- package/dist/collection/components/six-main-container/six-main-container.js +53 -53
- package/dist/collection/components/six-menu/six-menu.js +406 -406
- package/dist/collection/components/six-menu-divider/six-menu-divider.js +22 -22
- package/dist/collection/components/six-menu-item/six-menu-item.js +177 -177
- package/dist/collection/components/six-menu-label/six-menu-label.js +25 -25
- package/dist/collection/components/six-picto/six-picto.js +50 -50
- package/dist/collection/components/six-progress-bar/six-progress-bar.js +77 -77
- package/dist/collection/components/six-progress-ring/six-progress-ring.js +111 -111
- package/dist/collection/components/six-radio/six-radio.js +410 -410
- package/dist/collection/components/six-range/six-range.js +620 -620
- package/dist/collection/components/six-root/six-root.js +167 -167
- package/dist/collection/components/six-search-field/six-search-field.js +171 -171
- package/dist/collection/components/six-select/six-select.js +1105 -1105
- package/dist/collection/components/six-sidebar/six-sidebar.js +455 -455
- package/dist/collection/components/six-sidebar-item/six-sidebar-item.js +89 -89
- package/dist/collection/components/six-sidebar-item-group/six-sidebar-item-group.js +158 -158
- package/dist/collection/components/six-spinner/six-spinner.js +55 -55
- package/dist/collection/components/six-stage-indicator/six-stage-indicator.js +46 -46
- package/dist/collection/components/six-switch/six-switch.js +393 -393
- package/dist/collection/components/six-tab/six-tab.js +198 -198
- package/dist/collection/components/six-tab-group/six-tab-group.js +362 -362
- package/dist/collection/components/six-tab-panel/six-tab-panel.js +75 -75
- package/dist/collection/components/six-table/six-table.js +209 -209
- package/dist/collection/components/six-table/test/helpers.js +13 -13
- package/dist/collection/components/six-table/types.js +8 -8
- package/dist/collection/components/six-table/util/filter-by.js +34 -34
- package/dist/collection/components/six-table/util/from-data.js +33 -33
- package/dist/collection/components/six-table/util/is.js +3 -3
- package/dist/collection/components/six-table/util/quick-filter-by.js +13 -13
- package/dist/collection/components/six-table/util/sort-by.js +25 -25
- package/dist/collection/components/six-table-cell/six-table-cell.js +21 -21
- package/dist/collection/components/six-table-header/six-table-header.js +21 -21
- package/dist/collection/components/six-table-header-cell/get-next-state.js +7 -7
- package/dist/collection/components/six-table-header-cell/icons.js +12 -12
- package/dist/collection/components/six-table-header-cell/six-table-header-cell.js +174 -174
- package/dist/collection/components/six-table-header-cell/types.js +13 -13
- package/dist/collection/components/six-table-header-cell/util/create-model.js +6 -6
- package/dist/collection/components/six-table-header-cell/util/get-next-state.js +7 -7
- package/dist/collection/components/six-table-row/six-table-row.js +21 -21
- package/dist/collection/components/six-tag/six-tag.js +157 -157
- package/dist/collection/components/six-textarea/six-textarea.js +912 -912
- package/dist/collection/components/six-tile/six-tile.js +315 -315
- package/dist/collection/components/six-timepicker/six-time-format.js +14 -14
- package/dist/collection/components/six-timepicker/six-timepicker.js +980 -980
- package/dist/collection/components/six-timepicker/six-timepicker.types.js +40 -40
- package/dist/collection/components/six-tooltip/six-tooltip.js +435 -435
- package/dist/collection/functional-components/form-control/form-control.js +28 -28
- package/dist/collection/index.js +1 -1
- package/dist/collection/testUtil/delay.js +3 -3
- package/dist/collection/utils/as-array.js +1 -1
- package/dist/collection/utils/date-util.js +712 -712
- package/dist/collection/utils/event-listeners.js +39 -39
- package/dist/collection/utils/execution-control.js +38 -38
- package/dist/collection/utils/focus-visible.js +41 -41
- package/dist/collection/utils/matchers.js +2 -2
- package/dist/collection/utils/modal.js +28 -28
- package/dist/collection/utils/offset.js +13 -13
- package/dist/collection/utils/popover.js +113 -113
- package/dist/collection/utils/scroll.js +47 -47
- package/dist/collection/utils/slot.js +59 -59
- package/dist/collection/utils/support.js +15 -15
- package/dist/collection/utils/tabbable.js +22 -22
- package/dist/collection/utils/testing.js +38 -38
- package/dist/collection/utils/time.util.js +74 -74
- package/dist/collection/utils/type-check.js +5 -5
- package/dist/collection/utils/types.js +1 -1
- package/dist/collection/wrappers/set-attributes/set-attributes.js +68 -68
- package/dist/components.json +1 -1
- package/dist/custom-elements/index.js +7595 -7595
- package/dist/esm/{event-listeners-1bef934e.js → event-listeners-570a24ea.js} +38 -38
- package/dist/esm/{execution-control-235f5126.js → execution-control-1a60d709.js} +35 -35
- package/dist/esm/{focus-visible-4b7946aa.js → focus-visible-97933ea9.js} +40 -40
- package/dist/esm/{form-control-17478ad2.js → form-control-24f446af.js} +25 -25
- package/dist/esm/{modal-e5709f6b.js → modal-5ebdc320.js} +41 -41
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/{popover-5a51f84d.js → popover-1c7a1139.js} +95 -95
- package/dist/esm/{scroll-99b214c2.js → scroll-180b53fd.js} +57 -57
- package/dist/esm/set-attributes_2.entry.js +57 -57
- package/dist/esm/six-alert.entry.js +131 -131
- package/dist/esm/six-avatar.entry.js +28 -28
- package/dist/esm/six-badge.entry.js +26 -26
- package/dist/esm/six-button.entry.js +97 -97
- package/dist/esm/six-card.entry.js +8 -8
- package/dist/esm/six-checkbox.entry.js +152 -152
- package/dist/esm/six-datepicker.entry.js +1189 -1189
- package/dist/esm/six-details.entry.js +139 -139
- package/dist/esm/six-dialog.entry.js +152 -152
- package/dist/esm/six-drawer.entry.js +174 -174
- package/dist/esm/six-dropdown_3.entry.js +728 -728
- package/dist/esm/six-error-page.entry.js +94 -94
- package/dist/esm/six-file-list-item.entry.js +38 -38
- package/dist/esm/six-file-list.entry.js +8 -8
- package/dist/esm/six-file-upload.entry.js +96 -96
- package/dist/esm/six-footer.entry.js +8 -8
- package/dist/esm/six-form.entry.js +219 -219
- package/dist/esm/six-group-label.entry.js +46 -46
- package/dist/esm/six-header.entry.js +149 -149
- package/dist/esm/six-icon-button.entry.js +33 -33
- package/dist/esm/six-icon.entry.js +24 -24
- package/dist/esm/six-input.entry.js +230 -230
- package/dist/esm/six-item-picker.entry.js +361 -361
- package/dist/esm/six-language-switcher.entry.js +52 -52
- package/dist/esm/six-layout-grid.entry.js +19 -19
- package/dist/esm/six-main-container.entry.js +11 -11
- package/dist/esm/six-menu-divider.entry.js +8 -8
- package/dist/esm/six-menu-label.entry.js +8 -8
- package/dist/esm/six-picto.entry.js +15 -15
- package/dist/esm/six-progress-bar.entry.js +17 -17
- package/dist/esm/six-progress-ring.entry.js +31 -31
- package/dist/esm/six-radio.entry.js +121 -121
- package/dist/esm/six-range.entry.js +198 -198
- package/dist/esm/six-root.entry.js +34 -34
- package/dist/esm/six-search-field.entry.js +43 -43
- package/dist/esm/six-select.entry.js +447 -447
- package/dist/esm/six-sidebar-item-group.entry.js +42 -42
- package/dist/esm/six-sidebar-item.entry.js +18 -18
- package/dist/esm/six-sidebar.entry.js +171 -171
- package/dist/esm/six-spinner.entry.js +16 -16
- package/dist/esm/six-switch.entry.js +100 -100
- package/dist/esm/six-tab-group.entry.js +226 -226
- package/dist/esm/six-tab-panel.entry.js +17 -17
- package/dist/esm/six-tab.entry.js +42 -42
- package/dist/esm/six-table-cell_4.entry.js +70 -70
- package/dist/esm/six-table.entry.js +145 -145
- package/dist/esm/six-tag.entry.js +40 -40
- package/dist/esm/six-textarea.entry.js +211 -211
- package/dist/esm/six-tile.entry.js +89 -89
- package/dist/esm/six-timepicker.entry.js +489 -489
- package/dist/esm/{six-timepicker.types-cd6bac03.js → six-timepicker.types-e161a447.js} +43 -43
- package/dist/esm/six-tooltip.entry.js +172 -172
- package/dist/esm/{slot-5253e199.js → slot-6f3984c7.js} +42 -42
- package/dist/esm/{types-a37c1695.js → types-4b10b413.js} +12 -12
- package/dist/esm/{types-33d15673.js → types-ed860f7c.js} +12 -12
- package/dist/types/components/six-alert/six-alert.d.ts +60 -60
- package/dist/types/components/six-avatar/six-avatar.d.ts +27 -27
- package/dist/types/components/six-badge/six-badge.d.ts +20 -20
- package/dist/types/components/six-button/six-button.d.ts +69 -69
- package/dist/types/components/six-card/six-card.d.ts +9 -9
- package/dist/types/components/six-checkbox/six-checkbox.d.ts +86 -86
- package/dist/types/components/six-datepicker/components/day-selection.d.ts +5 -5
- package/dist/types/components/six-datepicker/components/month-selection.d.ts +5 -5
- package/dist/types/components/six-datepicker/components/year-selection.d.ts +5 -5
- package/dist/types/components/six-datepicker/six-date-formats.d.ts +22 -22
- package/dist/types/components/six-datepicker/six-datepicker.d.ts +214 -214
- package/dist/types/components/six-datepicker/test/six-datepicker.test-helpers.d.ts +1 -1
- package/dist/types/components/six-details/six-details.d.ts +61 -61
- package/dist/types/components/six-dialog/six-dialog.d.ts +75 -75
- package/dist/types/components/six-drawer/six-drawer.d.ts +82 -82
- package/dist/types/components/six-dropdown/six-dropdown.d.ts +140 -140
- package/dist/types/components/six-error-page/six-error-page.d.ts +27 -27
- package/dist/types/components/six-file-list/six-file-list.d.ts +8 -8
- package/dist/types/components/six-file-list-item/six-file-list-item.d.ts +35 -35
- package/dist/types/components/six-file-upload/six-file-upload.d.ts +42 -42
- package/dist/types/components/six-footer/six-footer.d.ts +9 -9
- package/dist/types/components/six-form/six-form.d.ts +69 -69
- package/dist/types/components/six-group-label/six-group-label.d.ts +37 -37
- package/dist/types/components/six-header/six-header.d.ts +90 -90
- package/dist/types/components/six-icon/six-icon.d.ts +13 -13
- package/dist/types/components/six-icon-button/six-icon-button.d.ts +28 -28
- package/dist/types/components/six-input/six-input.d.ts +165 -165
- package/dist/types/components/six-item-picker/six-item-picker.d.ts +106 -106
- package/dist/types/components/six-item-picker/types.d.ts +11 -11
- package/dist/types/components/six-language-switcher/six-language-switcher.d.ts +25 -25
- package/dist/types/components/six-layout-grid/six-layout-grid.d.ts +14 -14
- package/dist/types/components/six-main-container/six-main-container.d.ts +16 -16
- package/dist/types/components/six-menu/six-menu.d.ts +81 -81
- package/dist/types/components/six-menu-divider/six-menu-divider.d.ts +11 -11
- package/dist/types/components/six-menu-item/six-menu-item.d.ts +36 -36
- package/dist/types/components/six-menu-label/six-menu-label.d.ts +13 -13
- package/dist/types/components/six-picto/six-picto.d.ts +14 -14
- package/dist/types/components/six-progress-bar/six-progress-bar.d.ts +19 -19
- package/dist/types/components/six-progress-ring/six-progress-ring.d.ts +24 -24
- package/dist/types/components/six-radio/six-radio.d.ts +66 -66
- package/dist/types/components/six-range/six-range.d.ts +101 -101
- package/dist/types/components/six-root/six-root.d.ts +34 -34
- package/dist/types/components/six-search-field/six-search-field.d.ts +32 -32
- package/dist/types/components/six-select/six-select.d.ts +163 -163
- package/dist/types/components/six-sidebar/six-sidebar.d.ts +55 -55
- package/dist/types/components/six-sidebar-item/six-sidebar-item.d.ts +15 -15
- package/dist/types/components/six-sidebar-item-group/six-sidebar-item-group.d.ts +26 -26
- package/dist/types/components/six-spinner/six-spinner.d.ts +15 -15
- package/dist/types/components/six-stage-indicator/six-stage-indicator.d.ts +6 -6
- package/dist/types/components/six-switch/six-switch.d.ts +62 -62
- package/dist/types/components/six-tab/six-tab.d.ts +35 -35
- package/dist/types/components/six-tab-group/six-tab-group.d.ts +62 -62
- package/dist/types/components/six-tab-panel/six-tab-panel.d.ts +19 -19
- package/dist/types/components/six-table/six-table.d.ts +30 -30
- package/dist/types/components/six-table/test/helpers.d.ts +2 -2
- package/dist/types/components/six-table/types.d.ts +33 -33
- package/dist/types/components/six-table/util/filter-by.d.ts +2 -2
- package/dist/types/components/six-table/util/from-data.d.ts +8 -8
- package/dist/types/components/six-table/util/is.d.ts +3 -3
- package/dist/types/components/six-table/util/quick-filter-by.d.ts +2 -2
- package/dist/types/components/six-table/util/sort-by.d.ts +2 -2
- package/dist/types/components/six-table-cell/six-table-cell.d.ts +9 -9
- package/dist/types/components/six-table-header/six-table-header.d.ts +9 -9
- package/dist/types/components/six-table-header-cell/get-next-state.d.ts +2 -2
- package/dist/types/components/six-table-header-cell/icons.d.ts +3 -3
- package/dist/types/components/six-table-header-cell/six-table-header-cell.d.ts +32 -32
- package/dist/types/components/six-table-header-cell/types.d.ts +11 -11
- package/dist/types/components/six-table-header-cell/util/create-model.d.ts +4 -4
- package/dist/types/components/six-table-header-cell/util/get-next-state.d.ts +3 -3
- package/dist/types/components/six-table-row/six-table-row.d.ts +9 -9
- package/dist/types/components/six-tag/six-tag.d.ts +30 -30
- package/dist/types/components/six-textarea/six-textarea.d.ts +134 -134
- package/dist/types/components/six-tile/six-tile.d.ts +40 -40
- package/dist/types/components/six-timepicker/six-time-format.d.ts +13 -13
- package/dist/types/components/six-timepicker/six-timepicker.d.ts +184 -184
- package/dist/types/components/six-timepicker/six-timepicker.types.d.ts +36 -36
- package/dist/types/components/six-tooltip/six-tooltip.d.ts +72 -72
- package/dist/types/functional-components/form-control/form-control.d.ts +34 -34
- package/dist/types/index.d.ts +1 -1
- package/dist/types/testUtil/delay.d.ts +1 -1
- package/dist/types/utils/as-array.d.ts +1 -1
- package/dist/types/utils/date-util.d.ts +194 -194
- package/dist/types/utils/event-listeners.d.ts +15 -15
- package/dist/types/utils/execution-control.d.ts +26 -26
- package/dist/types/utils/focus-visible.d.ts +6 -6
- package/dist/types/utils/matchers.d.ts +2 -2
- package/dist/types/utils/modal.d.ts +13 -13
- package/dist/types/utils/offset.d.ts +4 -4
- package/dist/types/utils/popover.d.ts +27 -27
- package/dist/types/utils/scroll.d.ts +3 -3
- package/dist/types/utils/slot.d.ts +9 -9
- package/dist/types/utils/support.d.ts +1 -1
- package/dist/types/utils/tabbable.d.ts +2 -2
- package/dist/types/utils/testing.d.ts +2 -2
- package/dist/types/utils/time.util.d.ts +10 -10
- package/dist/types/utils/type-check.d.ts +4 -4
- package/dist/types/utils/types.d.ts +4 -4
- package/dist/types/wrappers/set-attributes/set-attributes.d.ts +9 -9
- package/dist/ui-library/{p-a8c225f2.entry.js → p-007bc8e8.entry.js} +1 -1
- package/dist/ui-library/{p-f9c0cfb7.entry.js → p-044b784e.entry.js} +1 -1
- package/dist/ui-library/{p-c733dead.js → p-0786fa7c.js} +0 -0
- package/dist/ui-library/{p-12cc24c3.js → p-07d1e830.js} +0 -0
- package/dist/ui-library/{p-48ea4419.entry.js → p-09cb13fa.entry.js} +1 -1
- package/dist/ui-library/{p-e96dcf96.entry.js → p-0c596054.entry.js} +1 -1
- package/dist/ui-library/{p-a77a6442.entry.js → p-1b8dc7b7.entry.js} +1 -1
- package/dist/ui-library/{p-68d31736.js → p-25a3bf57.js} +0 -0
- package/dist/ui-library/{p-ebaea182.entry.js → p-281e8c2d.entry.js} +1 -1
- package/dist/ui-library/{p-9f2dc381.entry.js → p-2924f82f.entry.js} +1 -1
- package/dist/ui-library/{p-ea1fcff2.entry.js → p-2d7ed407.entry.js} +1 -1
- package/dist/ui-library/{p-89f68e76.entry.js → p-4162dcdd.entry.js} +1 -1
- package/dist/ui-library/{p-6f67f986.entry.js → p-4d3a4e93.entry.js} +1 -1
- package/dist/ui-library/{p-8bd0873f.entry.js → p-4ed023b8.entry.js} +1 -1
- package/dist/ui-library/{p-af3d757c.js → p-4f8394d7.js} +0 -0
- package/dist/ui-library/{p-1b92cc7a.entry.js → p-530ea6ec.entry.js} +1 -1
- package/dist/ui-library/{p-19543c96.entry.js → p-531ab886.entry.js} +1 -1
- package/dist/ui-library/{p-fdb455d7.entry.js → p-54c48654.entry.js} +1 -1
- package/dist/ui-library/{p-c948d3db.entry.js → p-55c64cbc.entry.js} +1 -1
- package/dist/ui-library/{p-1c9f0dc6.js → p-5f1c6a5f.js} +0 -0
- package/dist/ui-library/{p-60491176.entry.js → p-675a8243.entry.js} +1 -1
- package/dist/ui-library/{p-b9fb8455.entry.js → p-6d622ed0.entry.js} +1 -1
- package/dist/ui-library/{p-572e3690.js → p-75297ad7.js} +0 -0
- package/dist/ui-library/{p-2ff97cdf.entry.js → p-90b26447.entry.js} +1 -1
- package/dist/ui-library/{p-fcd2356c.entry.js → p-93945629.entry.js} +1 -1
- package/dist/ui-library/{p-7735d99f.js → p-9a860acc.js} +0 -0
- package/dist/ui-library/{p-4cc01afc.entry.js → p-aa37e45a.entry.js} +1 -1
- package/dist/ui-library/{p-191f958b.js → p-b1e66136.js} +0 -0
- package/dist/ui-library/{p-c09dc3a9.js → p-b4dfb7cf.js} +0 -0
- package/dist/ui-library/{p-968c5169.entry.js → p-c24292b3.entry.js} +1 -1
- package/dist/ui-library/{p-ed21cc57.entry.js → p-cd79de73.entry.js} +1 -1
- package/dist/ui-library/{p-34e6d8e8.js → p-d12c6092.js} +0 -0
- package/dist/ui-library/{p-f0e91e17.entry.js → p-d28ac80a.entry.js} +1 -1
- package/dist/ui-library/{p-5ead7b2f.entry.js → p-d837e5a8.entry.js} +1 -1
- package/dist/ui-library/{p-ec1ecc2a.entry.js → p-dd3cae68.entry.js} +1 -1
- package/dist/ui-library/{p-044c6bf9.js → p-eb8f05a9.js} +0 -0
- package/dist/ui-library/ui-library.esm.js +1 -1
- package/package.json +1 -1
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
const isString = (value) => typeof value === 'string';
|
|
2
|
-
// only use '==' instead of '===' to also catch undefined and void
|
|
3
|
-
const isNil = (value) => value == null;
|
|
4
|
-
const isDate = (value) => value instanceof Date;
|
|
1
|
+
const isString = (value) => typeof value === 'string';
|
|
2
|
+
// only use '==' instead of '===' to also catch undefined and void
|
|
3
|
+
const isNil = (value) => value == null;
|
|
4
|
+
const isDate = (value) => value instanceof Date;
|
|
5
5
|
const isNumber = (value) => value === 'number';
|
|
6
6
|
|
|
7
|
-
/*
|
|
8
|
-
* Defines the different time periods for the 12-hour-clock
|
|
9
|
-
*/
|
|
10
|
-
var SixTimePeriod;
|
|
11
|
-
(function (SixTimePeriod) {
|
|
12
|
-
SixTimePeriod["AM"] = "AM";
|
|
13
|
-
SixTimePeriod["PM"] = "PM";
|
|
14
|
-
})(SixTimePeriod || (SixTimePeriod = {}));
|
|
15
|
-
var SixTimePropertyName;
|
|
16
|
-
(function (SixTimePropertyName) {
|
|
17
|
-
SixTimePropertyName["HOURS"] = "hours";
|
|
18
|
-
SixTimePropertyName["MINUTES"] = "minutes";
|
|
19
|
-
SixTimePropertyName["SECONDS"] = "seconds";
|
|
20
|
-
SixTimePropertyName["MILLISECONDS"] = "milliseconds";
|
|
21
|
-
SixTimePropertyName["HAS_24_HOURS"] = "has24Hours";
|
|
22
|
-
SixTimePropertyName["PERIOD"] = "period";
|
|
23
|
-
})(SixTimePropertyName || (SixTimePropertyName = {}));
|
|
24
|
-
/*
|
|
25
|
-
* Defines the different time units allowed to use in a timestring
|
|
26
|
-
*/
|
|
27
|
-
var TIME_FORMAT_CHAR;
|
|
28
|
-
(function (TIME_FORMAT_CHAR) {
|
|
29
|
-
TIME_FORMAT_CHAR["HOUR_24"] = "HH";
|
|
30
|
-
TIME_FORMAT_CHAR["HOUR_12"] = "hh";
|
|
31
|
-
TIME_FORMAT_CHAR["MINUTE"] = "mm";
|
|
32
|
-
TIME_FORMAT_CHAR["SECOND"] = "ss";
|
|
33
|
-
TIME_FORMAT_CHAR["MILLISECOND"] = "ms";
|
|
34
|
-
TIME_FORMAT_CHAR["PERIOD"] = "aa";
|
|
35
|
-
})(TIME_FORMAT_CHAR || (TIME_FORMAT_CHAR = {}));
|
|
36
|
-
/*
|
|
37
|
-
* Defines a mapping from the time format unit characters to the sixTime property name
|
|
38
|
-
*/
|
|
39
|
-
const TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP = {
|
|
40
|
-
[TIME_FORMAT_CHAR.HOUR_24]: 'hours',
|
|
41
|
-
[TIME_FORMAT_CHAR.HOUR_12]: 'hours',
|
|
42
|
-
[TIME_FORMAT_CHAR.MINUTE]: 'minutes',
|
|
43
|
-
[TIME_FORMAT_CHAR.SECOND]: 'seconds',
|
|
44
|
-
[TIME_FORMAT_CHAR.MILLISECOND]: 'milliseconds',
|
|
45
|
-
[TIME_FORMAT_CHAR.PERIOD]: 'period',
|
|
7
|
+
/*
|
|
8
|
+
* Defines the different time periods for the 12-hour-clock
|
|
9
|
+
*/
|
|
10
|
+
var SixTimePeriod;
|
|
11
|
+
(function (SixTimePeriod) {
|
|
12
|
+
SixTimePeriod["AM"] = "AM";
|
|
13
|
+
SixTimePeriod["PM"] = "PM";
|
|
14
|
+
})(SixTimePeriod || (SixTimePeriod = {}));
|
|
15
|
+
var SixTimePropertyName;
|
|
16
|
+
(function (SixTimePropertyName) {
|
|
17
|
+
SixTimePropertyName["HOURS"] = "hours";
|
|
18
|
+
SixTimePropertyName["MINUTES"] = "minutes";
|
|
19
|
+
SixTimePropertyName["SECONDS"] = "seconds";
|
|
20
|
+
SixTimePropertyName["MILLISECONDS"] = "milliseconds";
|
|
21
|
+
SixTimePropertyName["HAS_24_HOURS"] = "has24Hours";
|
|
22
|
+
SixTimePropertyName["PERIOD"] = "period";
|
|
23
|
+
})(SixTimePropertyName || (SixTimePropertyName = {}));
|
|
24
|
+
/*
|
|
25
|
+
* Defines the different time units allowed to use in a timestring
|
|
26
|
+
*/
|
|
27
|
+
var TIME_FORMAT_CHAR;
|
|
28
|
+
(function (TIME_FORMAT_CHAR) {
|
|
29
|
+
TIME_FORMAT_CHAR["HOUR_24"] = "HH";
|
|
30
|
+
TIME_FORMAT_CHAR["HOUR_12"] = "hh";
|
|
31
|
+
TIME_FORMAT_CHAR["MINUTE"] = "mm";
|
|
32
|
+
TIME_FORMAT_CHAR["SECOND"] = "ss";
|
|
33
|
+
TIME_FORMAT_CHAR["MILLISECOND"] = "ms";
|
|
34
|
+
TIME_FORMAT_CHAR["PERIOD"] = "aa";
|
|
35
|
+
})(TIME_FORMAT_CHAR || (TIME_FORMAT_CHAR = {}));
|
|
36
|
+
/*
|
|
37
|
+
* Defines a mapping from the time format unit characters to the sixTime property name
|
|
38
|
+
*/
|
|
39
|
+
const TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP = {
|
|
40
|
+
[TIME_FORMAT_CHAR.HOUR_24]: 'hours',
|
|
41
|
+
[TIME_FORMAT_CHAR.HOUR_12]: 'hours',
|
|
42
|
+
[TIME_FORMAT_CHAR.MINUTE]: 'minutes',
|
|
43
|
+
[TIME_FORMAT_CHAR.SECOND]: 'seconds',
|
|
44
|
+
[TIME_FORMAT_CHAR.MILLISECOND]: 'milliseconds',
|
|
45
|
+
[TIME_FORMAT_CHAR.PERIOD]: 'period',
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
export { SixTimePropertyName as S, TIME_FORMAT_CHAR as T, isNumber as a, isDate as b, isString as c, SixTimePeriod as d, TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP as e, isNil as i };
|
|
@@ -1,179 +1,179 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2605a62.js';
|
|
2
|
-
import { P as Popover } from './popover-
|
|
2
|
+
import { P as Popover } from './popover-1c7a1139.js';
|
|
3
3
|
|
|
4
4
|
const sixTooltipCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--max-width:20rem;--hide-delay:0s;--hide-duration:0.125s;--hide-timing-function:ease;--show-delay:0.125s;--show-duration:0.125s;--show-timing-function:ease;display:contents}.tooltip-positioner{position:absolute;z-index:var(--six-z-index-tooltip);pointer-events:none}.tooltip{max-width:var(--max-width);border-radius:var(--six-border-radius-medium);background-color:var(--six-tooltip-background-color);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-tooltip-color);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-x-small);transform:scale(0.8);transform-origin:bottom;transition-property:opacity, transform;transition-delay:var(--hide-delay);transition-duration:var(--hide-duration);transition-timing-function:var(--hide-timing-function)}.tooltip::after{content:\"\";position:absolute;width:0;height:0}.tooltip-positioner[data-popper-placement^=top] .tooltip{transform-origin:bottom}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;transform:none;transition-delay:var(--show-delay);transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip::after{bottom:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-bottom:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=top] .tooltip::after{top:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-top:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=top-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=left] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));left:100%;border-left:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=left-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement^=right] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));right:100%;border-right:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=right-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}";
|
|
5
5
|
|
|
6
|
-
let id = 0;
|
|
7
|
-
let SixTooltip = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.sixShow = createEvent(this, "six-tooltip-show", 7);
|
|
11
|
-
this.sixAfterShow = createEvent(this, "six-tooltip-after-show", 7);
|
|
12
|
-
this.sixHide = createEvent(this, "six-tooltip-hide", 7);
|
|
13
|
-
this.sixAfterHide = createEvent(this, "six-tooltip-after-hide", 7);
|
|
14
|
-
this.componentId = `tooltip-${++id}`;
|
|
15
|
-
this.isVisible = false;
|
|
16
|
-
/** The tooltip's content. Alternatively, you can use the content slot. */
|
|
17
|
-
this.content = '';
|
|
18
|
-
/**
|
|
19
|
-
* The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
|
|
20
|
-
* inside of the viewport.
|
|
21
|
-
*/
|
|
22
|
-
this.placement = 'top';
|
|
23
|
-
/** Set to true to disable the tooltip so it won't show when triggered. */
|
|
24
|
-
this.disabled = false;
|
|
25
|
-
/** The distance in pixels from which to offset the tooltip away from its target. */
|
|
26
|
-
this.distance = 10;
|
|
27
|
-
/** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
|
|
28
|
-
this.open = false;
|
|
29
|
-
/** The distance in pixels from which to offset the tooltip along its target. */
|
|
30
|
-
this.skidding = 0;
|
|
31
|
-
/**
|
|
32
|
-
* Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
|
|
33
|
-
* options can be passed by separating them with a space. When manual is used, the tooltip must be activated
|
|
34
|
-
* programmatically.
|
|
35
|
-
*/
|
|
36
|
-
this.trigger = 'hover focus';
|
|
37
|
-
}
|
|
38
|
-
handleOpenChange() {
|
|
39
|
-
this.open ? this.show() : this.hide();
|
|
40
|
-
}
|
|
41
|
-
connectedCallback() {
|
|
42
|
-
this.handleBlur = this.handleBlur.bind(this);
|
|
43
|
-
this.handleClick = this.handleClick.bind(this);
|
|
44
|
-
this.handleFocus = this.handleFocus.bind(this);
|
|
45
|
-
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
46
|
-
this.handleMouseOver = this.handleMouseOver.bind(this);
|
|
47
|
-
this.handleMouseOut = this.handleMouseOut.bind(this);
|
|
48
|
-
this.handleSlotChange = this.handleSlotChange.bind(this);
|
|
49
|
-
}
|
|
50
|
-
componentDidLoad() {
|
|
51
|
-
this.target = this.getTarget();
|
|
52
|
-
this.popover = new Popover(this.target, this.tooltipPositioner);
|
|
53
|
-
this.syncOptions();
|
|
54
|
-
this.host.addEventListener('blur', this.handleBlur, true);
|
|
55
|
-
this.host.addEventListener('click', this.handleClick, true);
|
|
56
|
-
this.host.addEventListener('focus', this.handleFocus, true);
|
|
57
|
-
// Show on init if open
|
|
58
|
-
this.tooltipPositioner.hidden = !this.open;
|
|
59
|
-
if (this.open) {
|
|
60
|
-
this.show();
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
componentDidUpdate() {
|
|
64
|
-
this.syncOptions();
|
|
65
|
-
}
|
|
66
|
-
disconnectedCallback() {
|
|
67
|
-
this.popover.destroy();
|
|
68
|
-
this.host.removeEventListener('blur', this.handleBlur, true);
|
|
69
|
-
this.host.removeEventListener('click', this.handleClick, true);
|
|
70
|
-
this.host.removeEventListener('focus', this.handleFocus, true);
|
|
71
|
-
}
|
|
72
|
-
/** Shows the tooltip. */
|
|
73
|
-
async show() {
|
|
74
|
-
// Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
|
|
75
|
-
if (this.isVisible || this.disabled) {
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
const sixShow = this.sixShow.emit();
|
|
79
|
-
if (sixShow.defaultPrevented) {
|
|
80
|
-
this.open = false;
|
|
81
|
-
return;
|
|
82
|
-
}
|
|
83
|
-
this.isVisible = true;
|
|
84
|
-
this.open = true;
|
|
85
|
-
this.popover.show();
|
|
86
|
-
}
|
|
87
|
-
/** Shows the tooltip. */
|
|
88
|
-
async hide() {
|
|
89
|
-
// Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
|
|
90
|
-
if (!this.isVisible || this.disabled) {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
const sixHide = this.sixHide.emit();
|
|
94
|
-
if (sixHide.defaultPrevented) {
|
|
95
|
-
this.open = true;
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
this.isVisible = false;
|
|
99
|
-
this.open = false;
|
|
100
|
-
this.popover.hide();
|
|
101
|
-
}
|
|
102
|
-
getTarget() {
|
|
103
|
-
// Get the first child that isn't a <style> or content slot
|
|
104
|
-
const target = [...this.host.children].find((el) => el.tagName.toLowerCase() !== 'style' && el.getAttribute('slot') !== 'content');
|
|
105
|
-
if (!target) {
|
|
106
|
-
throw new Error('Invalid tooltip target: no child element was found.');
|
|
107
|
-
}
|
|
108
|
-
return target;
|
|
109
|
-
}
|
|
110
|
-
handleBlur() {
|
|
111
|
-
if (this.hasTrigger('focus')) {
|
|
112
|
-
this.hide();
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
handleClick() {
|
|
116
|
-
if (this.hasTrigger('click')) {
|
|
117
|
-
this.open ? this.hide() : this.show();
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
handleFocus() {
|
|
121
|
-
if (this.hasTrigger('focus')) {
|
|
122
|
-
this.show();
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
handleKeyDown(event) {
|
|
126
|
-
// Pressing escape when the target element has focus should dismiss the tooltip
|
|
127
|
-
if (this.open && event.key === 'Escape') {
|
|
128
|
-
event.stopPropagation();
|
|
129
|
-
this.hide();
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
handleMouseOver() {
|
|
133
|
-
if (this.hasTrigger('hover')) {
|
|
134
|
-
this.show();
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
handleMouseOut() {
|
|
138
|
-
if (this.hasTrigger('hover')) {
|
|
139
|
-
this.hide();
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
handleSlotChange() {
|
|
143
|
-
const oldTarget = this.target;
|
|
144
|
-
const newTarget = this.getTarget();
|
|
145
|
-
if (newTarget !== oldTarget) {
|
|
146
|
-
if (oldTarget) {
|
|
147
|
-
oldTarget.removeAttribute('aria-describedby');
|
|
148
|
-
}
|
|
149
|
-
newTarget.setAttribute('aria-describedby', this.componentId);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
hasTrigger(triggerType) {
|
|
153
|
-
const triggers = this.trigger.split(' ');
|
|
154
|
-
return triggers.includes(triggerType);
|
|
155
|
-
}
|
|
156
|
-
syncOptions() {
|
|
157
|
-
this.popover.setOptions({
|
|
158
|
-
placement: this.placement,
|
|
159
|
-
distance: this.distance,
|
|
160
|
-
skidding: this.skidding,
|
|
161
|
-
transitionElement: this.tooltip,
|
|
162
|
-
onAfterHide: () => this.sixAfterHide.emit(),
|
|
163
|
-
onAfterShow: () => this.sixAfterShow.emit(),
|
|
164
|
-
});
|
|
165
|
-
}
|
|
166
|
-
render() {
|
|
167
|
-
return (h(Host, { onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, h("slot", { onSlotchange: this.handleSlotChange }), h("div", { ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, h("div", { part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
|
|
168
|
-
tooltip: true,
|
|
169
|
-
'tooltip--open': this.open,
|
|
170
|
-
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { name: "content" }, this.content)))));
|
|
171
|
-
}
|
|
172
|
-
get host() { return getElement(this); }
|
|
173
|
-
static get watchers() { return {
|
|
174
|
-
"open": ["handleOpenChange"]
|
|
175
|
-
}; }
|
|
176
|
-
};
|
|
6
|
+
let id = 0;
|
|
7
|
+
let SixTooltip = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.sixShow = createEvent(this, "six-tooltip-show", 7);
|
|
11
|
+
this.sixAfterShow = createEvent(this, "six-tooltip-after-show", 7);
|
|
12
|
+
this.sixHide = createEvent(this, "six-tooltip-hide", 7);
|
|
13
|
+
this.sixAfterHide = createEvent(this, "six-tooltip-after-hide", 7);
|
|
14
|
+
this.componentId = `tooltip-${++id}`;
|
|
15
|
+
this.isVisible = false;
|
|
16
|
+
/** The tooltip's content. Alternatively, you can use the content slot. */
|
|
17
|
+
this.content = '';
|
|
18
|
+
/**
|
|
19
|
+
* The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
|
|
20
|
+
* inside of the viewport.
|
|
21
|
+
*/
|
|
22
|
+
this.placement = 'top';
|
|
23
|
+
/** Set to true to disable the tooltip so it won't show when triggered. */
|
|
24
|
+
this.disabled = false;
|
|
25
|
+
/** The distance in pixels from which to offset the tooltip away from its target. */
|
|
26
|
+
this.distance = 10;
|
|
27
|
+
/** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
|
|
28
|
+
this.open = false;
|
|
29
|
+
/** The distance in pixels from which to offset the tooltip along its target. */
|
|
30
|
+
this.skidding = 0;
|
|
31
|
+
/**
|
|
32
|
+
* Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
|
|
33
|
+
* options can be passed by separating them with a space. When manual is used, the tooltip must be activated
|
|
34
|
+
* programmatically.
|
|
35
|
+
*/
|
|
36
|
+
this.trigger = 'hover focus';
|
|
37
|
+
}
|
|
38
|
+
handleOpenChange() {
|
|
39
|
+
this.open ? this.show() : this.hide();
|
|
40
|
+
}
|
|
41
|
+
connectedCallback() {
|
|
42
|
+
this.handleBlur = this.handleBlur.bind(this);
|
|
43
|
+
this.handleClick = this.handleClick.bind(this);
|
|
44
|
+
this.handleFocus = this.handleFocus.bind(this);
|
|
45
|
+
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
46
|
+
this.handleMouseOver = this.handleMouseOver.bind(this);
|
|
47
|
+
this.handleMouseOut = this.handleMouseOut.bind(this);
|
|
48
|
+
this.handleSlotChange = this.handleSlotChange.bind(this);
|
|
49
|
+
}
|
|
50
|
+
componentDidLoad() {
|
|
51
|
+
this.target = this.getTarget();
|
|
52
|
+
this.popover = new Popover(this.target, this.tooltipPositioner);
|
|
53
|
+
this.syncOptions();
|
|
54
|
+
this.host.addEventListener('blur', this.handleBlur, true);
|
|
55
|
+
this.host.addEventListener('click', this.handleClick, true);
|
|
56
|
+
this.host.addEventListener('focus', this.handleFocus, true);
|
|
57
|
+
// Show on init if open
|
|
58
|
+
this.tooltipPositioner.hidden = !this.open;
|
|
59
|
+
if (this.open) {
|
|
60
|
+
this.show();
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
componentDidUpdate() {
|
|
64
|
+
this.syncOptions();
|
|
65
|
+
}
|
|
66
|
+
disconnectedCallback() {
|
|
67
|
+
this.popover.destroy();
|
|
68
|
+
this.host.removeEventListener('blur', this.handleBlur, true);
|
|
69
|
+
this.host.removeEventListener('click', this.handleClick, true);
|
|
70
|
+
this.host.removeEventListener('focus', this.handleFocus, true);
|
|
71
|
+
}
|
|
72
|
+
/** Shows the tooltip. */
|
|
73
|
+
async show() {
|
|
74
|
+
// Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
|
|
75
|
+
if (this.isVisible || this.disabled) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
const sixShow = this.sixShow.emit();
|
|
79
|
+
if (sixShow.defaultPrevented) {
|
|
80
|
+
this.open = false;
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
this.isVisible = true;
|
|
84
|
+
this.open = true;
|
|
85
|
+
this.popover.show();
|
|
86
|
+
}
|
|
87
|
+
/** Shows the tooltip. */
|
|
88
|
+
async hide() {
|
|
89
|
+
// Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
|
|
90
|
+
if (!this.isVisible || this.disabled) {
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
const sixHide = this.sixHide.emit();
|
|
94
|
+
if (sixHide.defaultPrevented) {
|
|
95
|
+
this.open = true;
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
this.isVisible = false;
|
|
99
|
+
this.open = false;
|
|
100
|
+
this.popover.hide();
|
|
101
|
+
}
|
|
102
|
+
getTarget() {
|
|
103
|
+
// Get the first child that isn't a <style> or content slot
|
|
104
|
+
const target = [...this.host.children].find((el) => el.tagName.toLowerCase() !== 'style' && el.getAttribute('slot') !== 'content');
|
|
105
|
+
if (!target) {
|
|
106
|
+
throw new Error('Invalid tooltip target: no child element was found.');
|
|
107
|
+
}
|
|
108
|
+
return target;
|
|
109
|
+
}
|
|
110
|
+
handleBlur() {
|
|
111
|
+
if (this.hasTrigger('focus')) {
|
|
112
|
+
this.hide();
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
handleClick() {
|
|
116
|
+
if (this.hasTrigger('click')) {
|
|
117
|
+
this.open ? this.hide() : this.show();
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
handleFocus() {
|
|
121
|
+
if (this.hasTrigger('focus')) {
|
|
122
|
+
this.show();
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
handleKeyDown(event) {
|
|
126
|
+
// Pressing escape when the target element has focus should dismiss the tooltip
|
|
127
|
+
if (this.open && event.key === 'Escape') {
|
|
128
|
+
event.stopPropagation();
|
|
129
|
+
this.hide();
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
handleMouseOver() {
|
|
133
|
+
if (this.hasTrigger('hover')) {
|
|
134
|
+
this.show();
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
handleMouseOut() {
|
|
138
|
+
if (this.hasTrigger('hover')) {
|
|
139
|
+
this.hide();
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
handleSlotChange() {
|
|
143
|
+
const oldTarget = this.target;
|
|
144
|
+
const newTarget = this.getTarget();
|
|
145
|
+
if (newTarget !== oldTarget) {
|
|
146
|
+
if (oldTarget) {
|
|
147
|
+
oldTarget.removeAttribute('aria-describedby');
|
|
148
|
+
}
|
|
149
|
+
newTarget.setAttribute('aria-describedby', this.componentId);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
hasTrigger(triggerType) {
|
|
153
|
+
const triggers = this.trigger.split(' ');
|
|
154
|
+
return triggers.includes(triggerType);
|
|
155
|
+
}
|
|
156
|
+
syncOptions() {
|
|
157
|
+
this.popover.setOptions({
|
|
158
|
+
placement: this.placement,
|
|
159
|
+
distance: this.distance,
|
|
160
|
+
skidding: this.skidding,
|
|
161
|
+
transitionElement: this.tooltip,
|
|
162
|
+
onAfterHide: () => this.sixAfterHide.emit(),
|
|
163
|
+
onAfterShow: () => this.sixAfterShow.emit(),
|
|
164
|
+
});
|
|
165
|
+
}
|
|
166
|
+
render() {
|
|
167
|
+
return (h(Host, { onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, h("slot", { onSlotchange: this.handleSlotChange }), h("div", { ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, h("div", { part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
|
|
168
|
+
tooltip: true,
|
|
169
|
+
'tooltip--open': this.open,
|
|
170
|
+
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { name: "content" }, this.content)))));
|
|
171
|
+
}
|
|
172
|
+
get host() { return getElement(this); }
|
|
173
|
+
static get watchers() { return {
|
|
174
|
+
"open": ["handleOpenChange"]
|
|
175
|
+
}; }
|
|
176
|
+
};
|
|
177
177
|
SixTooltip.style = sixTooltipCss;
|
|
178
178
|
|
|
179
179
|
export { SixTooltip as six_tooltip };
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
//
|
|
2
|
-
//
|
|
3
|
-
// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
|
|
4
|
-
// string. This is useful because we can't use slot.textContent as an alternative.
|
|
5
|
-
//
|
|
6
|
-
function getTextContent(slot) {
|
|
7
|
-
const nodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
8
|
-
let text = '';
|
|
9
|
-
[...nodes].map((node) => {
|
|
10
|
-
if (node.nodeType === Node.TEXT_NODE) {
|
|
11
|
-
text += node.textContent;
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
return text;
|
|
15
|
-
}
|
|
16
|
-
//
|
|
17
|
-
// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
|
|
18
|
-
// slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
|
|
19
|
-
//
|
|
20
|
-
function hasSlot(el, name) {
|
|
21
|
-
// Look for a named slot
|
|
22
|
-
if (name) {
|
|
23
|
-
return el.querySelector(`[slot="${name}"]`) !== null;
|
|
24
|
-
}
|
|
25
|
-
// Look for a default slot
|
|
26
|
-
return Array.from(el.childNodes).some((node) => {
|
|
27
|
-
if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
|
|
28
|
-
return true;
|
|
29
|
-
}
|
|
30
|
-
if (node.nodeType === node.ELEMENT_NODE) {
|
|
31
|
-
const el = node;
|
|
32
|
-
if (!el.hasAttribute('slot')) {
|
|
33
|
-
return true;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
return false;
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
const fromPairs = (acc, [k, v]) => (Object.assign(Object.assign({}, acc), { [k]: v }));
|
|
40
|
-
const getAvailableSlots = (slots) => (host) => Object.values(slots)
|
|
41
|
-
.map((name) => [name, hasSlot(host, name)])
|
|
42
|
-
.reduce(fromPairs, {});
|
|
1
|
+
//
|
|
2
|
+
//
|
|
3
|
+
// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
|
|
4
|
+
// string. This is useful because we can't use slot.textContent as an alternative.
|
|
5
|
+
//
|
|
6
|
+
function getTextContent(slot) {
|
|
7
|
+
const nodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
8
|
+
let text = '';
|
|
9
|
+
[...nodes].map((node) => {
|
|
10
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
11
|
+
text += node.textContent;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
return text;
|
|
15
|
+
}
|
|
16
|
+
//
|
|
17
|
+
// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
|
|
18
|
+
// slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
|
|
19
|
+
//
|
|
20
|
+
function hasSlot(el, name) {
|
|
21
|
+
// Look for a named slot
|
|
22
|
+
if (name) {
|
|
23
|
+
return el.querySelector(`[slot="${name}"]`) !== null;
|
|
24
|
+
}
|
|
25
|
+
// Look for a default slot
|
|
26
|
+
return Array.from(el.childNodes).some((node) => {
|
|
27
|
+
if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
|
|
28
|
+
return true;
|
|
29
|
+
}
|
|
30
|
+
if (node.nodeType === node.ELEMENT_NODE) {
|
|
31
|
+
const el = node;
|
|
32
|
+
if (!el.hasAttribute('slot')) {
|
|
33
|
+
return true;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
return false;
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
const fromPairs = (acc, [k, v]) => (Object.assign(Object.assign({}, acc), { [k]: v }));
|
|
40
|
+
const getAvailableSlots = (slots) => (host) => Object.values(slots)
|
|
41
|
+
.map((name) => [name, hasSlot(host, name)])
|
|
42
|
+
.reduce(fromPairs, {});
|
|
43
43
|
const getSlotChildren = (el) => { var _a; return (_a = el.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }); };
|
|
44
44
|
|
|
45
45
|
export { getTextContent as a, getSlotChildren as b, getAvailableSlots as g, hasSlot as h };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
var ItemPickerType;
|
|
2
|
-
(function (ItemPickerType) {
|
|
3
|
-
ItemPickerType["NUMBER"] = "number";
|
|
4
|
-
ItemPickerType["LETTER"] = "letter";
|
|
5
|
-
ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
|
|
6
|
-
ItemPickerType["LOWER_LETTER"] = "lower-letter";
|
|
7
|
-
ItemPickerType["CUSTOM"] = "custom";
|
|
8
|
-
})(ItemPickerType || (ItemPickerType = {}));
|
|
9
|
-
var ItemPickerPaddingDirection;
|
|
10
|
-
(function (ItemPickerPaddingDirection) {
|
|
11
|
-
ItemPickerPaddingDirection["BEFORE"] = "before";
|
|
12
|
-
ItemPickerPaddingDirection["AFTER"] = "after";
|
|
1
|
+
var ItemPickerType;
|
|
2
|
+
(function (ItemPickerType) {
|
|
3
|
+
ItemPickerType["NUMBER"] = "number";
|
|
4
|
+
ItemPickerType["LETTER"] = "letter";
|
|
5
|
+
ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
|
|
6
|
+
ItemPickerType["LOWER_LETTER"] = "lower-letter";
|
|
7
|
+
ItemPickerType["CUSTOM"] = "custom";
|
|
8
|
+
})(ItemPickerType || (ItemPickerType = {}));
|
|
9
|
+
var ItemPickerPaddingDirection;
|
|
10
|
+
(function (ItemPickerPaddingDirection) {
|
|
11
|
+
ItemPickerPaddingDirection["BEFORE"] = "before";
|
|
12
|
+
ItemPickerPaddingDirection["AFTER"] = "after";
|
|
13
13
|
})(ItemPickerPaddingDirection || (ItemPickerPaddingDirection = {}));
|
|
14
14
|
|
|
15
15
|
export { ItemPickerType as I, ItemPickerPaddingDirection as a };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
var SortDirection;
|
|
2
|
-
(function (SortDirection) {
|
|
3
|
-
SortDirection["None"] = "none";
|
|
4
|
-
SortDirection["Asc"] = "asc";
|
|
5
|
-
SortDirection["Desc"] = "desc";
|
|
6
|
-
})(SortDirection || (SortDirection = {}));
|
|
7
|
-
var FilterMode;
|
|
8
|
-
(function (FilterMode) {
|
|
9
|
-
FilterMode["Equals"] = "eq";
|
|
10
|
-
FilterMode["NotEquals"] = "ne";
|
|
11
|
-
FilterMode["Includes"] = "in";
|
|
12
|
-
FilterMode["NotIncludes"] = "ni";
|
|
1
|
+
var SortDirection;
|
|
2
|
+
(function (SortDirection) {
|
|
3
|
+
SortDirection["None"] = "none";
|
|
4
|
+
SortDirection["Asc"] = "asc";
|
|
5
|
+
SortDirection["Desc"] = "desc";
|
|
6
|
+
})(SortDirection || (SortDirection = {}));
|
|
7
|
+
var FilterMode;
|
|
8
|
+
(function (FilterMode) {
|
|
9
|
+
FilterMode["Equals"] = "eq";
|
|
10
|
+
FilterMode["NotEquals"] = "ne";
|
|
11
|
+
FilterMode["Includes"] = "in";
|
|
12
|
+
FilterMode["NotIncludes"] = "ni";
|
|
13
13
|
})(FilterMode || (FilterMode = {}));
|
|
14
14
|
|
|
15
15
|
export { FilterMode as F, SortDirection as S };
|