@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,50 +1,50 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const isString = (value) => typeof value === 'string';
|
|
4
|
-
// only use '==' instead of '===' to also catch undefined and void
|
|
5
|
-
const isNil = (value) => value == null;
|
|
6
|
-
const isDate = (value) => value instanceof Date;
|
|
3
|
+
const isString = (value) => typeof value === 'string';
|
|
4
|
+
// only use '==' instead of '===' to also catch undefined and void
|
|
5
|
+
const isNil = (value) => value == null;
|
|
6
|
+
const isDate = (value) => value instanceof Date;
|
|
7
7
|
const isNumber = (value) => value === 'number';
|
|
8
8
|
|
|
9
|
-
/*
|
|
10
|
-
* Defines the different time periods for the 12-hour-clock
|
|
11
|
-
*/
|
|
12
|
-
exports.SixTimePeriod = void 0;
|
|
13
|
-
(function (SixTimePeriod) {
|
|
14
|
-
SixTimePeriod["AM"] = "AM";
|
|
15
|
-
SixTimePeriod["PM"] = "PM";
|
|
16
|
-
})(exports.SixTimePeriod || (exports.SixTimePeriod = {}));
|
|
17
|
-
exports.SixTimePropertyName = void 0;
|
|
18
|
-
(function (SixTimePropertyName) {
|
|
19
|
-
SixTimePropertyName["HOURS"] = "hours";
|
|
20
|
-
SixTimePropertyName["MINUTES"] = "minutes";
|
|
21
|
-
SixTimePropertyName["SECONDS"] = "seconds";
|
|
22
|
-
SixTimePropertyName["MILLISECONDS"] = "milliseconds";
|
|
23
|
-
SixTimePropertyName["HAS_24_HOURS"] = "has24Hours";
|
|
24
|
-
SixTimePropertyName["PERIOD"] = "period";
|
|
25
|
-
})(exports.SixTimePropertyName || (exports.SixTimePropertyName = {}));
|
|
26
|
-
/*
|
|
27
|
-
* Defines the different time units allowed to use in a timestring
|
|
28
|
-
*/
|
|
29
|
-
exports.TIME_FORMAT_CHAR = void 0;
|
|
30
|
-
(function (TIME_FORMAT_CHAR) {
|
|
31
|
-
TIME_FORMAT_CHAR["HOUR_24"] = "HH";
|
|
32
|
-
TIME_FORMAT_CHAR["HOUR_12"] = "hh";
|
|
33
|
-
TIME_FORMAT_CHAR["MINUTE"] = "mm";
|
|
34
|
-
TIME_FORMAT_CHAR["SECOND"] = "ss";
|
|
35
|
-
TIME_FORMAT_CHAR["MILLISECOND"] = "ms";
|
|
36
|
-
TIME_FORMAT_CHAR["PERIOD"] = "aa";
|
|
37
|
-
})(exports.TIME_FORMAT_CHAR || (exports.TIME_FORMAT_CHAR = {}));
|
|
38
|
-
/*
|
|
39
|
-
* Defines a mapping from the time format unit characters to the sixTime property name
|
|
40
|
-
*/
|
|
41
|
-
const TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP = {
|
|
42
|
-
[exports.TIME_FORMAT_CHAR.HOUR_24]: 'hours',
|
|
43
|
-
[exports.TIME_FORMAT_CHAR.HOUR_12]: 'hours',
|
|
44
|
-
[exports.TIME_FORMAT_CHAR.MINUTE]: 'minutes',
|
|
45
|
-
[exports.TIME_FORMAT_CHAR.SECOND]: 'seconds',
|
|
46
|
-
[exports.TIME_FORMAT_CHAR.MILLISECOND]: 'milliseconds',
|
|
47
|
-
[exports.TIME_FORMAT_CHAR.PERIOD]: 'period',
|
|
9
|
+
/*
|
|
10
|
+
* Defines the different time periods for the 12-hour-clock
|
|
11
|
+
*/
|
|
12
|
+
exports.SixTimePeriod = void 0;
|
|
13
|
+
(function (SixTimePeriod) {
|
|
14
|
+
SixTimePeriod["AM"] = "AM";
|
|
15
|
+
SixTimePeriod["PM"] = "PM";
|
|
16
|
+
})(exports.SixTimePeriod || (exports.SixTimePeriod = {}));
|
|
17
|
+
exports.SixTimePropertyName = void 0;
|
|
18
|
+
(function (SixTimePropertyName) {
|
|
19
|
+
SixTimePropertyName["HOURS"] = "hours";
|
|
20
|
+
SixTimePropertyName["MINUTES"] = "minutes";
|
|
21
|
+
SixTimePropertyName["SECONDS"] = "seconds";
|
|
22
|
+
SixTimePropertyName["MILLISECONDS"] = "milliseconds";
|
|
23
|
+
SixTimePropertyName["HAS_24_HOURS"] = "has24Hours";
|
|
24
|
+
SixTimePropertyName["PERIOD"] = "period";
|
|
25
|
+
})(exports.SixTimePropertyName || (exports.SixTimePropertyName = {}));
|
|
26
|
+
/*
|
|
27
|
+
* Defines the different time units allowed to use in a timestring
|
|
28
|
+
*/
|
|
29
|
+
exports.TIME_FORMAT_CHAR = void 0;
|
|
30
|
+
(function (TIME_FORMAT_CHAR) {
|
|
31
|
+
TIME_FORMAT_CHAR["HOUR_24"] = "HH";
|
|
32
|
+
TIME_FORMAT_CHAR["HOUR_12"] = "hh";
|
|
33
|
+
TIME_FORMAT_CHAR["MINUTE"] = "mm";
|
|
34
|
+
TIME_FORMAT_CHAR["SECOND"] = "ss";
|
|
35
|
+
TIME_FORMAT_CHAR["MILLISECOND"] = "ms";
|
|
36
|
+
TIME_FORMAT_CHAR["PERIOD"] = "aa";
|
|
37
|
+
})(exports.TIME_FORMAT_CHAR || (exports.TIME_FORMAT_CHAR = {}));
|
|
38
|
+
/*
|
|
39
|
+
* Defines a mapping from the time format unit characters to the sixTime property name
|
|
40
|
+
*/
|
|
41
|
+
const TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP = {
|
|
42
|
+
[exports.TIME_FORMAT_CHAR.HOUR_24]: 'hours',
|
|
43
|
+
[exports.TIME_FORMAT_CHAR.HOUR_12]: 'hours',
|
|
44
|
+
[exports.TIME_FORMAT_CHAR.MINUTE]: 'minutes',
|
|
45
|
+
[exports.TIME_FORMAT_CHAR.SECOND]: 'seconds',
|
|
46
|
+
[exports.TIME_FORMAT_CHAR.MILLISECOND]: 'milliseconds',
|
|
47
|
+
[exports.TIME_FORMAT_CHAR.PERIOD]: 'period',
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
exports.TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP = TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP;
|
|
@@ -3,181 +3,181 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-341df120.js');
|
|
6
|
-
const popover = require('./popover-
|
|
6
|
+
const popover = require('./popover-1d2a037c.js');
|
|
7
7
|
|
|
8
8
|
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)}";
|
|
9
9
|
|
|
10
|
-
let id = 0;
|
|
11
|
-
let SixTooltip = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.sixShow = index.createEvent(this, "six-tooltip-show", 7);
|
|
15
|
-
this.sixAfterShow = index.createEvent(this, "six-tooltip-after-show", 7);
|
|
16
|
-
this.sixHide = index.createEvent(this, "six-tooltip-hide", 7);
|
|
17
|
-
this.sixAfterHide = index.createEvent(this, "six-tooltip-after-hide", 7);
|
|
18
|
-
this.componentId = `tooltip-${++id}`;
|
|
19
|
-
this.isVisible = false;
|
|
20
|
-
/** The tooltip's content. Alternatively, you can use the content slot. */
|
|
21
|
-
this.content = '';
|
|
22
|
-
/**
|
|
23
|
-
* The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
|
|
24
|
-
* inside of the viewport.
|
|
25
|
-
*/
|
|
26
|
-
this.placement = 'top';
|
|
27
|
-
/** Set to true to disable the tooltip so it won't show when triggered. */
|
|
28
|
-
this.disabled = false;
|
|
29
|
-
/** The distance in pixels from which to offset the tooltip away from its target. */
|
|
30
|
-
this.distance = 10;
|
|
31
|
-
/** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
|
|
32
|
-
this.open = false;
|
|
33
|
-
/** The distance in pixels from which to offset the tooltip along its target. */
|
|
34
|
-
this.skidding = 0;
|
|
35
|
-
/**
|
|
36
|
-
* Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
|
|
37
|
-
* options can be passed by separating them with a space. When manual is used, the tooltip must be activated
|
|
38
|
-
* programmatically.
|
|
39
|
-
*/
|
|
40
|
-
this.trigger = 'hover focus';
|
|
41
|
-
}
|
|
42
|
-
handleOpenChange() {
|
|
43
|
-
this.open ? this.show() : this.hide();
|
|
44
|
-
}
|
|
45
|
-
connectedCallback() {
|
|
46
|
-
this.handleBlur = this.handleBlur.bind(this);
|
|
47
|
-
this.handleClick = this.handleClick.bind(this);
|
|
48
|
-
this.handleFocus = this.handleFocus.bind(this);
|
|
49
|
-
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
50
|
-
this.handleMouseOver = this.handleMouseOver.bind(this);
|
|
51
|
-
this.handleMouseOut = this.handleMouseOut.bind(this);
|
|
52
|
-
this.handleSlotChange = this.handleSlotChange.bind(this);
|
|
53
|
-
}
|
|
54
|
-
componentDidLoad() {
|
|
55
|
-
this.target = this.getTarget();
|
|
56
|
-
this.popover = new popover.Popover(this.target, this.tooltipPositioner);
|
|
57
|
-
this.syncOptions();
|
|
58
|
-
this.host.addEventListener('blur', this.handleBlur, true);
|
|
59
|
-
this.host.addEventListener('click', this.handleClick, true);
|
|
60
|
-
this.host.addEventListener('focus', this.handleFocus, true);
|
|
61
|
-
// Show on init if open
|
|
62
|
-
this.tooltipPositioner.hidden = !this.open;
|
|
63
|
-
if (this.open) {
|
|
64
|
-
this.show();
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
componentDidUpdate() {
|
|
68
|
-
this.syncOptions();
|
|
69
|
-
}
|
|
70
|
-
disconnectedCallback() {
|
|
71
|
-
this.popover.destroy();
|
|
72
|
-
this.host.removeEventListener('blur', this.handleBlur, true);
|
|
73
|
-
this.host.removeEventListener('click', this.handleClick, true);
|
|
74
|
-
this.host.removeEventListener('focus', this.handleFocus, true);
|
|
75
|
-
}
|
|
76
|
-
/** Shows the tooltip. */
|
|
77
|
-
async show() {
|
|
78
|
-
// Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
|
|
79
|
-
if (this.isVisible || this.disabled) {
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
const sixShow = this.sixShow.emit();
|
|
83
|
-
if (sixShow.defaultPrevented) {
|
|
84
|
-
this.open = false;
|
|
85
|
-
return;
|
|
86
|
-
}
|
|
87
|
-
this.isVisible = true;
|
|
88
|
-
this.open = true;
|
|
89
|
-
this.popover.show();
|
|
90
|
-
}
|
|
91
|
-
/** Shows the tooltip. */
|
|
92
|
-
async hide() {
|
|
93
|
-
// Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
|
|
94
|
-
if (!this.isVisible || this.disabled) {
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
const sixHide = this.sixHide.emit();
|
|
98
|
-
if (sixHide.defaultPrevented) {
|
|
99
|
-
this.open = true;
|
|
100
|
-
return;
|
|
101
|
-
}
|
|
102
|
-
this.isVisible = false;
|
|
103
|
-
this.open = false;
|
|
104
|
-
this.popover.hide();
|
|
105
|
-
}
|
|
106
|
-
getTarget() {
|
|
107
|
-
// Get the first child that isn't a <style> or content slot
|
|
108
|
-
const target = [...this.host.children].find((el) => el.tagName.toLowerCase() !== 'style' && el.getAttribute('slot') !== 'content');
|
|
109
|
-
if (!target) {
|
|
110
|
-
throw new Error('Invalid tooltip target: no child element was found.');
|
|
111
|
-
}
|
|
112
|
-
return target;
|
|
113
|
-
}
|
|
114
|
-
handleBlur() {
|
|
115
|
-
if (this.hasTrigger('focus')) {
|
|
116
|
-
this.hide();
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
handleClick() {
|
|
120
|
-
if (this.hasTrigger('click')) {
|
|
121
|
-
this.open ? this.hide() : this.show();
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
handleFocus() {
|
|
125
|
-
if (this.hasTrigger('focus')) {
|
|
126
|
-
this.show();
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
handleKeyDown(event) {
|
|
130
|
-
// Pressing escape when the target element has focus should dismiss the tooltip
|
|
131
|
-
if (this.open && event.key === 'Escape') {
|
|
132
|
-
event.stopPropagation();
|
|
133
|
-
this.hide();
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
handleMouseOver() {
|
|
137
|
-
if (this.hasTrigger('hover')) {
|
|
138
|
-
this.show();
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
handleMouseOut() {
|
|
142
|
-
if (this.hasTrigger('hover')) {
|
|
143
|
-
this.hide();
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
handleSlotChange() {
|
|
147
|
-
const oldTarget = this.target;
|
|
148
|
-
const newTarget = this.getTarget();
|
|
149
|
-
if (newTarget !== oldTarget) {
|
|
150
|
-
if (oldTarget) {
|
|
151
|
-
oldTarget.removeAttribute('aria-describedby');
|
|
152
|
-
}
|
|
153
|
-
newTarget.setAttribute('aria-describedby', this.componentId);
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
hasTrigger(triggerType) {
|
|
157
|
-
const triggers = this.trigger.split(' ');
|
|
158
|
-
return triggers.includes(triggerType);
|
|
159
|
-
}
|
|
160
|
-
syncOptions() {
|
|
161
|
-
this.popover.setOptions({
|
|
162
|
-
placement: this.placement,
|
|
163
|
-
distance: this.distance,
|
|
164
|
-
skidding: this.skidding,
|
|
165
|
-
transitionElement: this.tooltip,
|
|
166
|
-
onAfterHide: () => this.sixAfterHide.emit(),
|
|
167
|
-
onAfterShow: () => this.sixAfterShow.emit(),
|
|
168
|
-
});
|
|
169
|
-
}
|
|
170
|
-
render() {
|
|
171
|
-
return (index.h(index.Host, { onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, index.h("slot", { onSlotchange: this.handleSlotChange }), index.h("div", { ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, index.h("div", { part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
|
|
172
|
-
tooltip: true,
|
|
173
|
-
'tooltip--open': this.open,
|
|
174
|
-
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, index.h("slot", { name: "content" }, this.content)))));
|
|
175
|
-
}
|
|
176
|
-
get host() { return index.getElement(this); }
|
|
177
|
-
static get watchers() { return {
|
|
178
|
-
"open": ["handleOpenChange"]
|
|
179
|
-
}; }
|
|
180
|
-
};
|
|
10
|
+
let id = 0;
|
|
11
|
+
let SixTooltip = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.sixShow = index.createEvent(this, "six-tooltip-show", 7);
|
|
15
|
+
this.sixAfterShow = index.createEvent(this, "six-tooltip-after-show", 7);
|
|
16
|
+
this.sixHide = index.createEvent(this, "six-tooltip-hide", 7);
|
|
17
|
+
this.sixAfterHide = index.createEvent(this, "six-tooltip-after-hide", 7);
|
|
18
|
+
this.componentId = `tooltip-${++id}`;
|
|
19
|
+
this.isVisible = false;
|
|
20
|
+
/** The tooltip's content. Alternatively, you can use the content slot. */
|
|
21
|
+
this.content = '';
|
|
22
|
+
/**
|
|
23
|
+
* The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
|
|
24
|
+
* inside of the viewport.
|
|
25
|
+
*/
|
|
26
|
+
this.placement = 'top';
|
|
27
|
+
/** Set to true to disable the tooltip so it won't show when triggered. */
|
|
28
|
+
this.disabled = false;
|
|
29
|
+
/** The distance in pixels from which to offset the tooltip away from its target. */
|
|
30
|
+
this.distance = 10;
|
|
31
|
+
/** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
|
|
32
|
+
this.open = false;
|
|
33
|
+
/** The distance in pixels from which to offset the tooltip along its target. */
|
|
34
|
+
this.skidding = 0;
|
|
35
|
+
/**
|
|
36
|
+
* Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
|
|
37
|
+
* options can be passed by separating them with a space. When manual is used, the tooltip must be activated
|
|
38
|
+
* programmatically.
|
|
39
|
+
*/
|
|
40
|
+
this.trigger = 'hover focus';
|
|
41
|
+
}
|
|
42
|
+
handleOpenChange() {
|
|
43
|
+
this.open ? this.show() : this.hide();
|
|
44
|
+
}
|
|
45
|
+
connectedCallback() {
|
|
46
|
+
this.handleBlur = this.handleBlur.bind(this);
|
|
47
|
+
this.handleClick = this.handleClick.bind(this);
|
|
48
|
+
this.handleFocus = this.handleFocus.bind(this);
|
|
49
|
+
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
50
|
+
this.handleMouseOver = this.handleMouseOver.bind(this);
|
|
51
|
+
this.handleMouseOut = this.handleMouseOut.bind(this);
|
|
52
|
+
this.handleSlotChange = this.handleSlotChange.bind(this);
|
|
53
|
+
}
|
|
54
|
+
componentDidLoad() {
|
|
55
|
+
this.target = this.getTarget();
|
|
56
|
+
this.popover = new popover.Popover(this.target, this.tooltipPositioner);
|
|
57
|
+
this.syncOptions();
|
|
58
|
+
this.host.addEventListener('blur', this.handleBlur, true);
|
|
59
|
+
this.host.addEventListener('click', this.handleClick, true);
|
|
60
|
+
this.host.addEventListener('focus', this.handleFocus, true);
|
|
61
|
+
// Show on init if open
|
|
62
|
+
this.tooltipPositioner.hidden = !this.open;
|
|
63
|
+
if (this.open) {
|
|
64
|
+
this.show();
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
componentDidUpdate() {
|
|
68
|
+
this.syncOptions();
|
|
69
|
+
}
|
|
70
|
+
disconnectedCallback() {
|
|
71
|
+
this.popover.destroy();
|
|
72
|
+
this.host.removeEventListener('blur', this.handleBlur, true);
|
|
73
|
+
this.host.removeEventListener('click', this.handleClick, true);
|
|
74
|
+
this.host.removeEventListener('focus', this.handleFocus, true);
|
|
75
|
+
}
|
|
76
|
+
/** Shows the tooltip. */
|
|
77
|
+
async show() {
|
|
78
|
+
// Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
|
|
79
|
+
if (this.isVisible || this.disabled) {
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
const sixShow = this.sixShow.emit();
|
|
83
|
+
if (sixShow.defaultPrevented) {
|
|
84
|
+
this.open = false;
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
this.isVisible = true;
|
|
88
|
+
this.open = true;
|
|
89
|
+
this.popover.show();
|
|
90
|
+
}
|
|
91
|
+
/** Shows the tooltip. */
|
|
92
|
+
async hide() {
|
|
93
|
+
// Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
|
|
94
|
+
if (!this.isVisible || this.disabled) {
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
const sixHide = this.sixHide.emit();
|
|
98
|
+
if (sixHide.defaultPrevented) {
|
|
99
|
+
this.open = true;
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
this.isVisible = false;
|
|
103
|
+
this.open = false;
|
|
104
|
+
this.popover.hide();
|
|
105
|
+
}
|
|
106
|
+
getTarget() {
|
|
107
|
+
// Get the first child that isn't a <style> or content slot
|
|
108
|
+
const target = [...this.host.children].find((el) => el.tagName.toLowerCase() !== 'style' && el.getAttribute('slot') !== 'content');
|
|
109
|
+
if (!target) {
|
|
110
|
+
throw new Error('Invalid tooltip target: no child element was found.');
|
|
111
|
+
}
|
|
112
|
+
return target;
|
|
113
|
+
}
|
|
114
|
+
handleBlur() {
|
|
115
|
+
if (this.hasTrigger('focus')) {
|
|
116
|
+
this.hide();
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
handleClick() {
|
|
120
|
+
if (this.hasTrigger('click')) {
|
|
121
|
+
this.open ? this.hide() : this.show();
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
handleFocus() {
|
|
125
|
+
if (this.hasTrigger('focus')) {
|
|
126
|
+
this.show();
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
handleKeyDown(event) {
|
|
130
|
+
// Pressing escape when the target element has focus should dismiss the tooltip
|
|
131
|
+
if (this.open && event.key === 'Escape') {
|
|
132
|
+
event.stopPropagation();
|
|
133
|
+
this.hide();
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
handleMouseOver() {
|
|
137
|
+
if (this.hasTrigger('hover')) {
|
|
138
|
+
this.show();
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
handleMouseOut() {
|
|
142
|
+
if (this.hasTrigger('hover')) {
|
|
143
|
+
this.hide();
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
handleSlotChange() {
|
|
147
|
+
const oldTarget = this.target;
|
|
148
|
+
const newTarget = this.getTarget();
|
|
149
|
+
if (newTarget !== oldTarget) {
|
|
150
|
+
if (oldTarget) {
|
|
151
|
+
oldTarget.removeAttribute('aria-describedby');
|
|
152
|
+
}
|
|
153
|
+
newTarget.setAttribute('aria-describedby', this.componentId);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
hasTrigger(triggerType) {
|
|
157
|
+
const triggers = this.trigger.split(' ');
|
|
158
|
+
return triggers.includes(triggerType);
|
|
159
|
+
}
|
|
160
|
+
syncOptions() {
|
|
161
|
+
this.popover.setOptions({
|
|
162
|
+
placement: this.placement,
|
|
163
|
+
distance: this.distance,
|
|
164
|
+
skidding: this.skidding,
|
|
165
|
+
transitionElement: this.tooltip,
|
|
166
|
+
onAfterHide: () => this.sixAfterHide.emit(),
|
|
167
|
+
onAfterShow: () => this.sixAfterShow.emit(),
|
|
168
|
+
});
|
|
169
|
+
}
|
|
170
|
+
render() {
|
|
171
|
+
return (index.h(index.Host, { onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, index.h("slot", { onSlotchange: this.handleSlotChange }), index.h("div", { ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, index.h("div", { part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
|
|
172
|
+
tooltip: true,
|
|
173
|
+
'tooltip--open': this.open,
|
|
174
|
+
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, index.h("slot", { name: "content" }, this.content)))));
|
|
175
|
+
}
|
|
176
|
+
get host() { return index.getElement(this); }
|
|
177
|
+
static get watchers() { return {
|
|
178
|
+
"open": ["handleOpenChange"]
|
|
179
|
+
}; }
|
|
180
|
+
};
|
|
181
181
|
SixTooltip.style = sixTooltipCss;
|
|
182
182
|
|
|
183
183
|
exports.six_tooltip = SixTooltip;
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
//
|
|
4
|
-
//
|
|
5
|
-
// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
|
|
6
|
-
// string. This is useful because we can't use slot.textContent as an alternative.
|
|
7
|
-
//
|
|
8
|
-
function getTextContent(slot) {
|
|
9
|
-
const nodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
10
|
-
let text = '';
|
|
11
|
-
[...nodes].map((node) => {
|
|
12
|
-
if (node.nodeType === Node.TEXT_NODE) {
|
|
13
|
-
text += node.textContent;
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
return text;
|
|
17
|
-
}
|
|
18
|
-
//
|
|
19
|
-
// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
|
|
20
|
-
// slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
|
|
21
|
-
//
|
|
22
|
-
function hasSlot(el, name) {
|
|
23
|
-
// Look for a named slot
|
|
24
|
-
if (name) {
|
|
25
|
-
return el.querySelector(`[slot="${name}"]`) !== null;
|
|
26
|
-
}
|
|
27
|
-
// Look for a default slot
|
|
28
|
-
return Array.from(el.childNodes).some((node) => {
|
|
29
|
-
if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
|
|
30
|
-
return true;
|
|
31
|
-
}
|
|
32
|
-
if (node.nodeType === node.ELEMENT_NODE) {
|
|
33
|
-
const el = node;
|
|
34
|
-
if (!el.hasAttribute('slot')) {
|
|
35
|
-
return true;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
return false;
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
const fromPairs = (acc, [k, v]) => (Object.assign(Object.assign({}, acc), { [k]: v }));
|
|
42
|
-
const getAvailableSlots = (slots) => (host) => Object.values(slots)
|
|
43
|
-
.map((name) => [name, hasSlot(host, name)])
|
|
44
|
-
.reduce(fromPairs, {});
|
|
3
|
+
//
|
|
4
|
+
//
|
|
5
|
+
// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
|
|
6
|
+
// string. This is useful because we can't use slot.textContent as an alternative.
|
|
7
|
+
//
|
|
8
|
+
function getTextContent(slot) {
|
|
9
|
+
const nodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
10
|
+
let text = '';
|
|
11
|
+
[...nodes].map((node) => {
|
|
12
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
13
|
+
text += node.textContent;
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
return text;
|
|
17
|
+
}
|
|
18
|
+
//
|
|
19
|
+
// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
|
|
20
|
+
// slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
|
|
21
|
+
//
|
|
22
|
+
function hasSlot(el, name) {
|
|
23
|
+
// Look for a named slot
|
|
24
|
+
if (name) {
|
|
25
|
+
return el.querySelector(`[slot="${name}"]`) !== null;
|
|
26
|
+
}
|
|
27
|
+
// Look for a default slot
|
|
28
|
+
return Array.from(el.childNodes).some((node) => {
|
|
29
|
+
if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
|
|
30
|
+
return true;
|
|
31
|
+
}
|
|
32
|
+
if (node.nodeType === node.ELEMENT_NODE) {
|
|
33
|
+
const el = node;
|
|
34
|
+
if (!el.hasAttribute('slot')) {
|
|
35
|
+
return true;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return false;
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
const fromPairs = (acc, [k, v]) => (Object.assign(Object.assign({}, acc), { [k]: v }));
|
|
42
|
+
const getAvailableSlots = (slots) => (host) => Object.values(slots)
|
|
43
|
+
.map((name) => [name, hasSlot(host, name)])
|
|
44
|
+
.reduce(fromPairs, {});
|
|
45
45
|
const getSlotChildren = (el) => { var _a; return (_a = el.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }); };
|
|
46
46
|
|
|
47
47
|
exports.getAvailableSlots = getAvailableSlots;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
exports.SortDirection = void 0;
|
|
4
|
-
(function (SortDirection) {
|
|
5
|
-
SortDirection["None"] = "none";
|
|
6
|
-
SortDirection["Asc"] = "asc";
|
|
7
|
-
SortDirection["Desc"] = "desc";
|
|
8
|
-
})(exports.SortDirection || (exports.SortDirection = {}));
|
|
9
|
-
exports.FilterMode = void 0;
|
|
10
|
-
(function (FilterMode) {
|
|
11
|
-
FilterMode["Equals"] = "eq";
|
|
12
|
-
FilterMode["NotEquals"] = "ne";
|
|
13
|
-
FilterMode["Includes"] = "in";
|
|
14
|
-
FilterMode["NotIncludes"] = "ni";
|
|
3
|
+
exports.SortDirection = void 0;
|
|
4
|
+
(function (SortDirection) {
|
|
5
|
+
SortDirection["None"] = "none";
|
|
6
|
+
SortDirection["Asc"] = "asc";
|
|
7
|
+
SortDirection["Desc"] = "desc";
|
|
8
|
+
})(exports.SortDirection || (exports.SortDirection = {}));
|
|
9
|
+
exports.FilterMode = void 0;
|
|
10
|
+
(function (FilterMode) {
|
|
11
|
+
FilterMode["Equals"] = "eq";
|
|
12
|
+
FilterMode["NotEquals"] = "ne";
|
|
13
|
+
FilterMode["Includes"] = "in";
|
|
14
|
+
FilterMode["NotIncludes"] = "ni";
|
|
15
15
|
})(exports.FilterMode || (exports.FilterMode = {}));
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
exports.ItemPickerType = void 0;
|
|
4
|
-
(function (ItemPickerType) {
|
|
5
|
-
ItemPickerType["NUMBER"] = "number";
|
|
6
|
-
ItemPickerType["LETTER"] = "letter";
|
|
7
|
-
ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
|
|
8
|
-
ItemPickerType["LOWER_LETTER"] = "lower-letter";
|
|
9
|
-
ItemPickerType["CUSTOM"] = "custom";
|
|
10
|
-
})(exports.ItemPickerType || (exports.ItemPickerType = {}));
|
|
11
|
-
exports.ItemPickerPaddingDirection = void 0;
|
|
12
|
-
(function (ItemPickerPaddingDirection) {
|
|
13
|
-
ItemPickerPaddingDirection["BEFORE"] = "before";
|
|
14
|
-
ItemPickerPaddingDirection["AFTER"] = "after";
|
|
3
|
+
exports.ItemPickerType = void 0;
|
|
4
|
+
(function (ItemPickerType) {
|
|
5
|
+
ItemPickerType["NUMBER"] = "number";
|
|
6
|
+
ItemPickerType["LETTER"] = "letter";
|
|
7
|
+
ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
|
|
8
|
+
ItemPickerType["LOWER_LETTER"] = "lower-letter";
|
|
9
|
+
ItemPickerType["CUSTOM"] = "custom";
|
|
10
|
+
})(exports.ItemPickerType || (exports.ItemPickerType = {}));
|
|
11
|
+
exports.ItemPickerPaddingDirection = void 0;
|
|
12
|
+
(function (ItemPickerPaddingDirection) {
|
|
13
|
+
ItemPickerPaddingDirection["BEFORE"] = "before";
|
|
14
|
+
ItemPickerPaddingDirection["AFTER"] = "after";
|
|
15
15
|
})(exports.ItemPickerPaddingDirection || (exports.ItemPickerPaddingDirection = {}));
|