@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,4 +1,4 @@
|
|
|
1
|
-
export declare const isString: (value: any) => value is string;
|
|
2
|
-
export declare const isNil: (value: any) => boolean;
|
|
3
|
-
export declare const isDate: (value: any) => value is Date;
|
|
4
|
-
export declare const isNumber: (value: any) => value is number;
|
|
1
|
+
export declare const isString: (value: any) => value is string;
|
|
2
|
+
export declare const isNil: (value: any) => boolean;
|
|
3
|
+
export declare const isDate: (value: any) => value is Date;
|
|
4
|
+
export declare const isNumber: (value: any) => value is number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare type EmptyPayload = undefined;
|
|
2
|
-
export interface StyleDeclaration {
|
|
3
|
-
[key: string]: string | undefined;
|
|
4
|
-
}
|
|
1
|
+
export declare type EmptyPayload = undefined;
|
|
2
|
+
export interface StyleDeclaration {
|
|
3
|
+
[key: string]: string | undefined;
|
|
4
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export declare class SetAttributes {
|
|
2
|
-
host: HTMLSetAttributesElement;
|
|
3
|
-
/** Attributes map */
|
|
4
|
-
value: {};
|
|
5
|
-
componentWillLoad(): void;
|
|
6
|
-
attrsUpdated(): void;
|
|
7
|
-
injectAttrs(): void;
|
|
8
|
-
render(): any;
|
|
9
|
-
}
|
|
1
|
+
export declare class SetAttributes {
|
|
2
|
+
host: HTMLSetAttributesElement;
|
|
3
|
+
/** Attributes map */
|
|
4
|
+
value: {};
|
|
5
|
+
componentWillLoad(): void;
|
|
6
|
+
attrsUpdated(): void;
|
|
7
|
+
injectAttrs(): void;
|
|
8
|
+
render(): any;
|
|
9
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e}from"./p-30ebc1e7.js";import{E as s}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e}from"./p-30ebc1e7.js";import{E as s}from"./p-9a860acc.js";let n=class{constructor(e){t(this,e),this.sixSubmit=i(this,"six-form-submit",7),this.sixChange=i(this,"six-form-change",7),this.sixReset=i(this,"six-form-reset",7),this.eventListeners=new s,this.novalidate=!1}connectedCallback(){this.formControls=[{tag:"six-button",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,click:t=>{const i=t.target;i.submit&&this.submit(),i.reset&&this.reset()}},{tag:"six-checkbox",serialize:(t,i)=>t.name&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-checkbox-change"},{tag:"six-color-picker",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null},{tag:"six-input",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,keyDown:t=>{"Enter"!==t.key||t.defaultPrevented||this.submit()},changeEventName:"six-input-change"},{tag:"six-datepicker",serialize:(t,i)=>{var e;return t.name&&!t.disabled?i.append(t.name,null===(e=t.value)||void 0===e?void 0:e.toISOString()):null},keyDown:t=>{"Enter"!==t.key||t.defaultPrevented||this.submit()},changeEventName:"six-datepicker-select"},{tag:"six-radio",serialize:(t,i)=>t.name&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-radio-change"},{tag:"six-range",serialize:(t,i)=>{t.name&&!t.disabled&&i.append(t.name,t.value+"")},changeEventName:"six-range-change"},{tag:"six-select",serialize:(t,i)=>{if(t.name&&!t.disabled)if(t.multiple){const e=[...t.value];e.length?e.map((e=>i.append(t.name,e))):i.append(t.name,"")}else i.append(t.name,t.value+"")},changeEventName:"six-select-change"},{tag:"six-switch",serialize:(t,i)=>t.name&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-switch-change"},{tag:"six-textarea",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-textarea-change"},{tag:"six-timepicker",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,keyDown:t=>{"Enter"!==t.key||t.defaultPrevented||this.submit()},changeEventName:"six-timepicker-change"}],this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}disconnectedCallback(){this.eventListeners.removeAll()}componentDidLoad(){this.getFormControls().then((t=>t.forEach((t=>this.appendChangeListener(t)))))}appendChangeListener(t){const i=t.tagName.toLowerCase();for(const e of this.formControls)e.tag===i&&e.changeEventName&&this.eventListeners.add(t,e.changeEventName,(()=>this.handleChange(t)))}async getFormData(){const t=new FormData;return(await this.getFormControls()).map((i=>this.serializeElement(i,t))),t}async getFormControls(){const t=this.form.querySelector("slot"),i=this.formControls.map((t=>t.tag));return t.assignedElements({flatten:!0}).reduce(((t,i)=>t.concat(i,[...i.querySelectorAll("*")])),[]).filter((t=>i.includes(t.tagName.toLowerCase())))}async submit(){const t=await this.getFormData(),i=await this.getFormControls(),e=i.filter((t=>"function"==typeof t.reportValidity));if(!this.novalidate){let t=!0;for(const i of e)await i.reportValidity()||(t=!1);if(!t)return!1}return this.sixSubmit.emit({formData:t,formControls:i}),!0}async checkValidity(){const t=(await this.getFormControls()).filter((t=>"function"==typeof t.checkValidity)).map((t=>t.checkValidity()));return 0==(await Promise.all(t).then((t=>t.filter((t=>!1===t))))).length}async reset(){(await this.getFormControls()).filter((t=>(null==t?void 0:t.reset)&&"function"==typeof(null==t?void 0:t.reset))).forEach((t=>t.reset())),this.sixReset.emit()}handleClick(t){const i=t.target.tagName.toLowerCase();for(const e of this.formControls)e.tag===i&&e.click&&e.click(t)}handleKeyDown(t){const i=t.target.tagName.toLowerCase();for(const e of this.formControls)e.tag===i&&e.keyDown&&e.keyDown(t)}handleChange(t){this.checkValidity().then((i=>this.sixChange.emit({valid:i,formControl:t})))}serializeElement(t,i){const e=t.tagName.toLowerCase();for(const s of this.formControls)if(s.tag===e)return s.serialize(t,i);return null}render(){return e("div",{ref:t=>this.form=t,part:"base",class:"form",role:"form",onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("slot",null))}};n.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}";export{n as six_form}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as s,g as a}from"./p-30ebc1e7.js";import{u as o,l as e}from"./p-
|
|
1
|
+
import{r as i,c as t,h as s,g as a}from"./p-30ebc1e7.js";import{u as o,l as e}from"./p-eb8f05a9.js";import{h as l}from"./p-b4dfb7cf.js";import{i as h,M as n}from"./p-4f8394d7.js";const r=h();let d=0,g=class{constructor(s){i(this,s),this.sixShow=t(this,"six-dialog-show",7),this.sixAfterShow=t(this,"six-dialog-after-show",7),this.sixHide=t(this,"six-dialog-hide",7),this.sixAfterHide=t(this,"six-dialog-after-hide",7),this.sixInitialFocus=t(this,"six-dialog-initial-focus",7),this.sixOverlayDismiss=t(this,"six-dialog-overlay-dismiss",7),this.componentId="dialog-"+ ++d,this.willShow=!1,this.willHide=!1,this.hasFooter=!1,this.isVisible=!1,this.open=!1,this.label="",this.noHeader=!1}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.handleCloseClick=this.handleCloseClick.bind(this),this.handleTransitionEnd=this.handleTransitionEnd.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleOverlayClick=this.handleOverlayClick.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.modal=new n(this.host,{onFocusOut:()=>this.panel.focus()})}componentWillLoad(){this.handleSlotChange(),this.open&&this.show()}disconnectedCallback(){o(this.host)}async show(){this.willShow||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.willShow=!0,this.isVisible=!0,this.open=!0,this.modal.activate(),e(this.host),this.open&&(r?requestAnimationFrame((()=>{this.sixInitialFocus.emit().defaultPrevented||this.panel.focus({preventScroll:!0})})):this.dialog.addEventListener("transitionend",(()=>{this.sixInitialFocus.emit().defaultPrevented||this.panel.focus()}),{once:!0}))))}async hide(){this.willHide||(this.sixHide.emit().defaultPrevented?this.open=!0:(this.willHide=!0,this.open=!1,this.modal.deactivate(),o(this.host)))}handleCloseClick(){this.hide()}handleKeyDown(i){"Escape"===i.key&&this.hide()}handleOverlayClick(){this.sixOverlayDismiss.emit().defaultPrevented||this.hide()}handleSlotChange(){this.hasFooter=l(this.host,"footer")}handleTransitionEnd(i){"opacity"===i.propertyName&&i.target.classList.contains("dialog__panel")&&(this.isVisible=this.open,this.willShow=!1,this.willHide=!1,this.open?this.sixAfterShow.emit():this.sixAfterHide.emit())}render(){return s("div",{ref:i=>this.dialog=i,part:"base",class:{dialog:!0,"dialog--open":this.open,"dialog--visible":this.isVisible,"dialog--has-footer":this.hasFooter},onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},s("div",{part:"overlay",class:"dialog__overlay",onClick:this.handleOverlayClick}),s("div",{ref:i=>this.panel=i,part:"panel",class:"dialog__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":this.noHeader?null:`${this.componentId}-title`,tabIndex:0},!this.noHeader&&s("header",{part:"header",class:"dialog__header"},s("span",{part:"title",class:"dialog__title",id:`${this.componentId}-title`},s("slot",{name:"label"},this.label||String.fromCharCode(65279))),s("six-icon-button",{exportparts:"base:close-button",class:"dialog__close",name:"close",onClick:this.handleCloseClick})),s("div",{part:"body",class:"dialog__body"},s("slot",null)),s("footer",{part:"footer",class:"dialog__footer"},s("slot",{name:"footer",onSlotchange:this.handleSlotChange}))))}get host(){return a(this)}static get watchers(){return{open:["handleOpenChange"]}}};g.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--width:31rem;display:contents}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--six-z-index-dialog);color:var(--six-color-web-rock-900)}.dialog:not(.dialog--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.dialog__panel{display:flex;flex-direction:column;z-index:2;width:var(--width);max-width:calc(100% - var(--six-spacing-xx-large));max-height:calc(100% - var(--six-spacing-xx-large));background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);box-shadow:var(--six-shadow-x-large);opacity:0;transform:scale(0.8);transition:var(--six-transition-medium) opacity, var(--six-transition-medium) transform}.dialog__panel:focus{outline:none}@media screen and (max-width: 420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog__header{flex:0 0 auto;display:flex}.dialog__title{flex:1 1 auto;font-size:var(--six-font-size-x-large);font-weight:var(--six-font-weight-bold);line-height:var(--six-line-height-dense);padding:var(--six-spacing-large) var(--six-spacing-large) var(--six-spacing-small)}.dialog__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-x-large);padding:0 var(--six-spacing-x-small)}.dialog__body{flex:1 1 auto;padding:var(--six-spacing-small) var(--six-spacing-large) var(--six-spacing-large);overflow:auto;-webkit-overflow-scrolling:touch}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--six-spacing-large)}.dialog__footer ::slotted(six-button:not(:first-of-type)){margin-left:var(--six-spacing-xx-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--six-overlay-background-color);opacity:0;transition:var(--six-transition-medium) opacity}.dialog--open .dialog__overlay{opacity:0.8}";export{g as six_dialog}
|
|
File without changes
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as r,g as i}from"./p-30ebc1e7.js";import{F as e}from"./p-572e3690.js";import{h as s}from"./p-c09dc3a9.js";import{E as a}from"./p-7735d99f.js";let l=0,n=class{constructor(r){t(this,r),this.sixChange=o(this,"six-range-change",7),this.sixBlur=o(this,"six-range-blur",7),this.sixFocus=o(this,"six-range-focus",7),this.inputId="input-"+ ++l,this.labelId=`input-label-${l}`,this.helpTextId=`input-help-text-${l}`,this.errorTextId=`input-error-text-${l}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new a,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasLabelSlot=!1,this.hasErrorTextSlot=!1,this.hasTooltip=!1,this.name="",this.label="",this.helpText="",this.errorText="",this.disabled=!1,this.invalid=!1,this.min=0,this.max=100,this.step=1,this.tooltip="top",this.tooltipFormatter=t=>t.toString(),this.errorOnBlur=!1,this.defaultValue=0}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.input&&(this.input.value=this.value,this.calculateColorRunnableTrack()),this.invalid=!!this.input&&!this.input.checkValidity()}connectedCallback(){this.handleInput=this.handleInput.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.handleTouchStart=this.handleTouchStart.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){null==this.value&&(this.value=this.min),this.value<this.min&&(this.value=this.min),this.value>this.max&&(this.value=this.max),this.defaultValue=this.value,this.handleSlotChange()}componentDidLoad(){this.syncTooltip(),this.calculateColorRunnableTrack(),this.resizeObserver=new ResizeObserver((()=>this.syncTooltip())),this.eventListeners.add(this.input,"invalid",(t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=this.input.validationMessage),t.preventDefault()}))}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async setFocus(t){this.input.focus(t)}async removeFocus(){this.input.blur()}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.input.setCustomValidity(""),this.invalid=!1}handleInput(){this.value=Number(this.input.value),this.sixChange.emit(),requestAnimationFrame((()=>this.syncTooltip())),requestAnimationFrame((()=>this.calculateColorRunnableTrack()))}handleBlur(){this.hasFocus=!1,this.hasTooltip=!1,this.sixBlur.emit(),this.resizeObserver.unobserve(this.input)}handleFocus(){this.hasFocus=!0,this.hasTooltip=!0,this.sixFocus.emit(),this.resizeObserver.observe(this.input)}handleSlotChange(){this.hasHelpTextSlot=s(this.host,"help-text"),this.hasErrorTextSlot=s(this.host,"error-text"),this.hasLabelSlot=s(this.host,"label")}handleTouchStart(){this.setFocus()}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}syncTooltip(){if("none"!==this.tooltip){const t=Math.max(0,(this.value-this.min)/(this.max-this.min)),o=this.input.offsetWidth,r=this.output.offsetWidth,i=getComputedStyle(this.input).getPropertyValue("--thumb-size");this.output.style.transform=`translateX(calc(${o*t}px - calc(calc(${t} * ${i}) - calc(${i} / 2))))`,this.output.style.marginLeft=`-${r/2}px`}}calculateColorRunnableTrack(){if(!this.isFirefox()){const t=parseInt(this.input.value,10),o=parseInt(this.input.min,10),r=parseInt(this.input.max,10),i=Math.ceil((t-o)/(r-o)*100);this.input.style.background="-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) "+i+"%, var(--six-color-web-rock-300) "+i+"%)"}}isFirefox(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1}render(){return r(e,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:"medium",errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,disabled:this.disabled,required:this.required,displayError:this.displayError()},r("div",{part:"base",class:{range:!0,"range--disabled":this.disabled,"range--focused":this.hasFocus,"range--tooltip-visible":this.hasTooltip,"range--tooltip-top":"top"===this.tooltip,"range--tooltip-bottom":"bottom"===this.tooltip},onTouchStart:this.handleTouchStart},r("input",{part:"input",ref:t=>this.input=t,type:"range",class:"range__control",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,value:this.value,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),"none"!==this.tooltip&&r("output",{part:"tooltip",ref:t=>this.output=t,class:"range__tooltip"},this.tooltipFormatter(this.value))))}get host(){return i(this)}static get watchers(){return{label:["handleLabelChange"],errorText:["handleLabelChange"],helpText:["handleLabelChange"],value:["handleValueChange"]}}};n.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--thumb-size:14px;--tooltip-offset-y:10px;--track-color:var(--six-color-web-rock-900);--thumb-color:var(--six-color-web-rock-900);--track-height:3px;display:block}.range{position:relative}.range .range__control{-webkit-appearance:none;width:100%;height:var(--six-input-height-medium);background:transparent;line-height:var(--six-input-height-medium);vertical-align:middle}.range .range__control::-webkit-slider-runnable-track{width:100%;height:var(--track-height);border-radius:3px;border:none}.range .range__control::-webkit-slider-thumb{border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);-webkit-appearance:none;margin-top:calc(var(--thumb-size) / -2 + var(--track-height) / 2);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-webkit-slider-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-webkit-slider-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-webkit-slider-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control::-moz-focus-outer{border:0}.range .range__control::-moz-range-track{width:100%;height:var(--track-height);background-color:var(--six-progress-track-color);border-radius:3px;border:none}.range .range__control::-moz-range-progress{height:var(--track-height);border-radius:3px;background-color:var(--track-color);border:none}.range .range__control::-moz-range-thumb{border:none;height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-moz-range-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-moz-range-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-moz-range-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control:focus{outline:none}.range .range__control:disabled::-webkit-slider-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range .range__control:disabled::-moz-range-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range__tooltip{position:absolute;z-index:var(--six-z-index-tooltip);left:1px;border-radius:var(--six-border-radius-medium);background-color:var(--six-color-web-rock-900);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-color-white);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-xx-small);transition:var(--six-transition-fast) opacity;pointer-events:none}.range__tooltip::after{content:"";position:absolute;width:0;height:0;left:50%;margin-left:calc(-1 * var(--six-tooltip-arrow-size))}.range--tooltip-visible .range__tooltip{opacity:1}.range--tooltip-top .range__tooltip{top:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-top .range__tooltip::after{border-top:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;top:100%}.range--tooltip-bottom .range__tooltip{bottom:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-bottom .range__tooltip::after{border-bottom:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;bottom:100%}';export{n as six_range}
|
|
1
|
+
import{r as t,c as o,h as r,g as i}from"./p-30ebc1e7.js";import{F as e}from"./p-75297ad7.js";import{h as s}from"./p-b4dfb7cf.js";import{E as a}from"./p-9a860acc.js";let l=0,n=class{constructor(r){t(this,r),this.sixChange=o(this,"six-range-change",7),this.sixBlur=o(this,"six-range-blur",7),this.sixFocus=o(this,"six-range-focus",7),this.inputId="input-"+ ++l,this.labelId=`input-label-${l}`,this.helpTextId=`input-help-text-${l}`,this.errorTextId=`input-error-text-${l}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new a,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasLabelSlot=!1,this.hasErrorTextSlot=!1,this.hasTooltip=!1,this.name="",this.label="",this.helpText="",this.errorText="",this.disabled=!1,this.invalid=!1,this.min=0,this.max=100,this.step=1,this.tooltip="top",this.tooltipFormatter=t=>t.toString(),this.errorOnBlur=!1,this.defaultValue=0}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.input&&(this.input.value=this.value,this.calculateColorRunnableTrack()),this.invalid=!!this.input&&!this.input.checkValidity()}connectedCallback(){this.handleInput=this.handleInput.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.handleTouchStart=this.handleTouchStart.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){null==this.value&&(this.value=this.min),this.value<this.min&&(this.value=this.min),this.value>this.max&&(this.value=this.max),this.defaultValue=this.value,this.handleSlotChange()}componentDidLoad(){this.syncTooltip(),this.calculateColorRunnableTrack(),this.resizeObserver=new ResizeObserver((()=>this.syncTooltip())),this.eventListeners.add(this.input,"invalid",(t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=this.input.validationMessage),t.preventDefault()}))}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async setFocus(t){this.input.focus(t)}async removeFocus(){this.input.blur()}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.input.setCustomValidity(""),this.invalid=!1}handleInput(){this.value=Number(this.input.value),this.sixChange.emit(),requestAnimationFrame((()=>this.syncTooltip())),requestAnimationFrame((()=>this.calculateColorRunnableTrack()))}handleBlur(){this.hasFocus=!1,this.hasTooltip=!1,this.sixBlur.emit(),this.resizeObserver.unobserve(this.input)}handleFocus(){this.hasFocus=!0,this.hasTooltip=!0,this.sixFocus.emit(),this.resizeObserver.observe(this.input)}handleSlotChange(){this.hasHelpTextSlot=s(this.host,"help-text"),this.hasErrorTextSlot=s(this.host,"error-text"),this.hasLabelSlot=s(this.host,"label")}handleTouchStart(){this.setFocus()}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}syncTooltip(){if("none"!==this.tooltip){const t=Math.max(0,(this.value-this.min)/(this.max-this.min)),o=this.input.offsetWidth,r=this.output.offsetWidth,i=getComputedStyle(this.input).getPropertyValue("--thumb-size");this.output.style.transform=`translateX(calc(${o*t}px - calc(calc(${t} * ${i}) - calc(${i} / 2))))`,this.output.style.marginLeft=`-${r/2}px`}}calculateColorRunnableTrack(){if(!this.isFirefox()){const t=parseInt(this.input.value,10),o=parseInt(this.input.min,10),r=parseInt(this.input.max,10),i=Math.ceil((t-o)/(r-o)*100);this.input.style.background="-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) "+i+"%, var(--six-color-web-rock-300) "+i+"%)"}}isFirefox(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1}render(){return r(e,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:"medium",errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,disabled:this.disabled,required:this.required,displayError:this.displayError()},r("div",{part:"base",class:{range:!0,"range--disabled":this.disabled,"range--focused":this.hasFocus,"range--tooltip-visible":this.hasTooltip,"range--tooltip-top":"top"===this.tooltip,"range--tooltip-bottom":"bottom"===this.tooltip},onTouchStart:this.handleTouchStart},r("input",{part:"input",ref:t=>this.input=t,type:"range",class:"range__control",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,value:this.value,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),"none"!==this.tooltip&&r("output",{part:"tooltip",ref:t=>this.output=t,class:"range__tooltip"},this.tooltipFormatter(this.value))))}get host(){return i(this)}static get watchers(){return{label:["handleLabelChange"],errorText:["handleLabelChange"],helpText:["handleLabelChange"],value:["handleValueChange"]}}};n.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--thumb-size:14px;--tooltip-offset-y:10px;--track-color:var(--six-color-web-rock-900);--thumb-color:var(--six-color-web-rock-900);--track-height:3px;display:block}.range{position:relative}.range .range__control{-webkit-appearance:none;width:100%;height:var(--six-input-height-medium);background:transparent;line-height:var(--six-input-height-medium);vertical-align:middle}.range .range__control::-webkit-slider-runnable-track{width:100%;height:var(--track-height);border-radius:3px;border:none}.range .range__control::-webkit-slider-thumb{border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);-webkit-appearance:none;margin-top:calc(var(--thumb-size) / -2 + var(--track-height) / 2);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-webkit-slider-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-webkit-slider-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-webkit-slider-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control::-moz-focus-outer{border:0}.range .range__control::-moz-range-track{width:100%;height:var(--track-height);background-color:var(--six-progress-track-color);border-radius:3px;border:none}.range .range__control::-moz-range-progress{height:var(--track-height);border-radius:3px;background-color:var(--track-color);border:none}.range .range__control::-moz-range-thumb{border:none;height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-moz-range-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-moz-range-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-moz-range-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control:focus{outline:none}.range .range__control:disabled::-webkit-slider-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range .range__control:disabled::-moz-range-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range__tooltip{position:absolute;z-index:var(--six-z-index-tooltip);left:1px;border-radius:var(--six-border-radius-medium);background-color:var(--six-color-web-rock-900);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-color-white);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-xx-small);transition:var(--six-transition-fast) opacity;pointer-events:none}.range__tooltip::after{content:"";position:absolute;width:0;height:0;left:50%;margin-left:calc(-1 * var(--six-tooltip-arrow-size))}.range--tooltip-visible .range__tooltip{opacity:1}.range--tooltip-top .range__tooltip{top:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-top .range__tooltip::after{border-top:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;top:100%}.range--tooltip-bottom .range__tooltip{bottom:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-bottom .range__tooltip::after{border-bottom:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;bottom:100%}';export{n as six_range}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,g as i}from"./p-30ebc1e7.js";import{a as l,h as o}from"./p-c09dc3a9.js";import{F as r}from"./p-572e3690.js";import{E as a}from"./p-7735d99f.js";import{D as n,a as h}from"./p-c733dead.js";let c=0,d=class{constructor(s){t(this,s),this.sixChange=e(this,"six-select-change",7),this.sixFocus=e(this,"six-select-focus",7),this.sixBlur=e(this,"six-select-blur",7),this.inputId="select-"+ ++c,this.labelId=`select-label-${c}`,this.helpTextId=`select-help-text-${c}`,this.errorTextId=`select-error-text-${c}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new a,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.isOpen=!1,this.displayLabel="",this.displayTags=[],this.multiple=!1,this.maxTagsVisible=3,this.disabled=!1,this.name="",this.placeholder="",this.filterDebounce=n,this.size="medium",this.hoist=!1,this.value="",this.pill=!1,this.label="",this.helpText="",this.errorText="",this.required=!1,this.clearable=!1,this.invalid=!1,this.line=!1,this.errorOnBlur=!1,this.filter=!1,this.asyncFilter=!1,this.autocomplete=!1,this.inputDebounce=n,this.options=null,this.virtualScroll=!1,this.defaultValue=null}handleDisabledChange(){this.disabled&&this.isOpen&&this.dropdown.hide()}handleLabelChange(){this.handleSlotChange()}handleMultipleChange(){const t=this.getValueAsArray();this.value=this.multiple?t:t[0]||"",this.syncItemsFromValue()}handleValueChange(){this.syncItemsFromValue(),this.input&&this.sixChange.emit({value:this.value,isSelected:!0})}connectedCallback(){this.virtualScroll&&null===this.options&&console.error("Options must be defined when using virtual scrolling"),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleClearClick=this.handleClearClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleSelectAll=this.handleSelectAll.bind(this),this.handleLabelClick=this.handleLabelClick.bind(this),this.handleMenuHide=this.handleMenuHide.bind(this),this.handleMenuShow=this.handleMenuShow.bind(this),this.handleMenuSelect=this.handleMenuSelect.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleTagInteraction=this.handleTagInteraction.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.handleSlotChange(),this.multiple&&this.value&&(this.value=this.getValueAsArray())}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>this.resizeMenu())),requestAnimationFrame((()=>this.syncItemsFromValue())),this.eventListeners.add(this.input,"invalid",(async t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=await this.input.getValidationMessage()),t.preventDefault()})),this.eventListeners.add(this.input,"six-input-input",h((t=>{const e=this.input.value;this.clearValues(),this.sixChange.emit({value:e,isSelected:!1}),t.stopPropagation()}),this.inputDebounce)),this.input.value=this.hasSelection()?this.displayLabel:""}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async reportValidity(){return this.input.reportValidity()}async checkValidity(){return this.input.isValid()}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.input.setCustomValidity(""),this.invalid=!1}getItemLabel(t){const e=t.shadowRoot.querySelector("slot:not([name])");return e?l(e):t.textContent}getItems(){return null!==this.options?this.options.map((t=>s("six-menu-item",{value:t.value},t.label))):[...this.host.querySelectorAll("six-menu-item")]}hasMenuItems(){return this.getItems().length>0}getValueAsArray(){return(Array.isArray(this.value)?this.value:[this.value]).map(String)}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleInvalid(){this.invalid=!0}handleClearClick(t){t.stopPropagation(),this.clearValues()}clearValues(){var t;this.value=null!==(t=this.defaultValue)&&void 0!==t?t:this.multiple?[]:"",this.syncItemsFromValue()}handleSelectAll(t){const e=this.getItems().filter((t=>"none"!==t.style.display));if("Control"!==t.key&&this.isOpen&&this.multiple&&"KeyA"===t.code&&t.ctrlKey){t.preventDefault();const s=e.some((t=>!t.disabled&&!t.checked));e.filter((t=>!t.disabled)).forEach((t=>t.checked=s));const i=e.filter((t=>t.checked)).map((t=>t.value));this.value=s?i:[]}}handleKeyDown(t){const e=t.target,s=this.getItems(),i=s[0],l=s[s.length-1];if("six-tag"!==e.tagName.toLowerCase())if("Tab"!==t.key){if(["ArrowDown","ArrowUp"].includes(t.key)){if(t.preventDefault(),this.isOpen||this.dropdown.show(),"ArrowDown"===t.key&&i)return void i.setFocus();if("ArrowUp"===t.key&&l)return void l.setFocus()}this.isOpen||(t.stopPropagation(),t.preventDefault(),this.dropdown.show(),this.menu.typeToSelect(t.key))}else this.isOpen&&this.dropdown.hide()}handleLabelClick(){this.box.focus()}handleMenuSelect(t){const e=t.detail.item;this.value=(()=>this.multiple?this.value.includes(e.value)?this.value.filter((t=>t!==e.value)):[...this.value,e.value]:e.value)(),this.syncItemsFromValue()}handleMenuShow(t){this.disabled?t.preventDefault():(this.resizeMenu(),this.resizeObserver.observe(this.host),this.isOpen=!0)}handleMenuHide(){this.resizeObserver.unobserve(this.host),this.isOpen=!1}handleSlotChange(){this.hasHelpTextSlot=o(this.host,"help-text"),this.hasErrorTextSlot=o(this.host,"error-text"),this.hasLabelSlot=o(this.host,"label"),this.syncItemsFromValue()}handleTagInteraction(t){t.composedPath().find((t=>{if(t instanceof HTMLElement)return t.classList.contains("tag__clear")}))&&t.stopPropagation()}resizeMenu(){this.menu.style.minWidth=`${this.box.clientWidth}px`,this.dropdown&&this.dropdown.reposition()}syncItemsFromValue(){const t=this.getItems(),e=this.getValueAsArray();if(t.forEach((t=>t.checked=e.includes(t.value))),this.multiple){const i=[];if(e.forEach((e=>t.map((t=>t.value===e?i.push(t):null)))),this.displayTags=i.map((t=>s("six-tag",{exportparts:"base:tag",type:"primary",size:this.size,pill:this.pill,clearable:!0,onClick:this.handleTagInteraction,onKeyDown:this.handleTagInteraction,"onSix-tag-clear":e=>{e.stopPropagation(),this.disabled||(t.checked=!1,this.syncValueFromItems())}},this.getItemLabel(t)))),this.maxTagsVisible>0&&this.displayTags.length>this.maxTagsVisible){const t=this.displayTags.length;this.displayLabel="",this.displayTags=this.displayTags.slice(0,this.maxTagsVisible),this.displayTags.push(s("six-tag",{exportparts:"base:tag",type:"info",size:this.size},"+",t-this.maxTagsVisible))}}else this.displayLabel=this.extractLabelForSelectedItem(e,t),this.displayTags=[];const i=this.hasSelection();i&&(this.touched=!0),this.input&&this.touched&&(this.autocomplete?i&&(this.input.value=Array.isArray(this.value)?this.value.join(","):this.value):this.input.value=i?this.displayLabel:"",this.invalid=!this.input.checkValidity())}extractLabelForSelectedItem(t,e){if(0===t.length||1===t.length&&""===t[0])return"";if(null!==this.options){const e=this.options.find((e=>e.value===t[0]));return(null==e?void 0:e.value)||""}const s=e.find((e=>e.value===t[0]));return s?this.getItemLabel(s):""}syncValueFromItems(){const t=this.getItems().filter((t=>t.checked)).map((t=>t.value));this.value=this.multiple?this.getValueAsArray().filter((e=>t.includes(e))):t.length>0?t[0]:""}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus&&!this.isOpen)}render(){var t;const e=this.hasSelection();return s(r,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,onLabelClick:this.handleLabelClick,disabled:this.disabled,required:this.required,displayError:this.displayError()},s("six-dropdown",{part:"base",ref:t=>this.dropdown=t,hoist:this.hoist,closeOnSelect:!this.multiple,containingElement:this.host,disableHideOnEnterAndSpace:this.autocomplete,class:{select:!0,"select--open":this.isOpen,"select--empty":0===(null===(t=this.value)||void 0===t?void 0:t.length),"select--focused":this.hasFocus,"select--clearable":this.clearable,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--has-tags":this.multiple&&e,"select--placeholder-visible":""===this.displayLabel,"select--small":"small"===this.size,"select--medium":"medium"===this.size,"select--large":"large"===this.size,"select--pill":this.pill,"select--invalid":this.invalid},onKeyDown:this.handleSelectAll,"onSix-dropdown-show":this.handleMenuShow,"onSix-dropdown-hide":this.handleMenuHide,filterPlaceholder:this.filterPlaceholder,filterDebounce:this.filterDebounce,filter:this.filter,asyncFilter:this.asyncFilter},s("div",{slot:"trigger",ref:t=>this.box=t,id:this.inputId,class:{select__box:!0,"select__box--line":this.line,"select__box--autocomplete":this.autocomplete},role:"combobox","aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-haspopup":"true","aria-expanded":this.isOpen?"true":"false",tabIndex:this.disabled?-1:0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown},s("span",{class:"select__label"},this.displayTags.length?s("span",{part:"tags",class:"select__tags"},this.displayTags):this.displayLabel||this.placeholder),this.clearable&&e&&s("six-icon-button",{exportparts:"base:clear-button",class:"select__clear",name:"clear",size:"small",onClick:this.handleClearClick,tabindex:"-1"}),this.hasMenuItems()&&s("span",{part:"icon",class:"select__icon"},s("six-icon",{size:"medium"},"expand_more")),s("six-input",{ref:t=>this.input=t,class:{select__input:!0,"select__hidden-select":!this.autocomplete},"aria-hidden":"true",required:this.required,onInvalid:this.handleInvalid,onFocus:this.handleFocus,clearable:this.clearable,placeholder:this.placeholder,pill:this.pill,disabled:this.disabled,size:this.size,tabIndex:-1})),s("six-menu",{ref:t=>this.menu=t,part:"menu",class:{select__menu:!0,"select__menu--filtered":this.filter||this.asyncFilter,"select__menu--hidden":!this.hasMenuItems()},"onSix-menu-item-selected":this.handleMenuSelect,items:this.options,virtualScroll:this.virtualScroll,"remove-box-shadow":!0},s("slot",{onSlotchange:this.handleSlotChange}))))}hasSelection(){return this.multiple?this.value.length>0:""!==this.value}get host(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],multiple:["handleMultipleChange"],value:["handleValueChange"]}}};d.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.select{display:block}.select__box{display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);font-size:var(--six-input-font-size-medium);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:pointer}.select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select__box--autocomplete{border:none;overflow:initial}.select:not(.select--disabled) .select__box:hover{background-color:var(--six-input-background-color-hover);color:var(--six-input-color-hover);border-bottom-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:hover:not(.select__box--line){border-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:focus{background-color:var(--six-input-background-color-focus);outline:none;color:var(--six-input-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.select:not(.select--disabled) .select__box:focus:not(.select__box--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.select--disabled .select__box{background-color:var(--six-input-background-color-disabled);color:var(--six-input-color-disabled);cursor:not-allowed;outline:none}.select--disabled .select__box:not(.select__box--line){border-color:var(--six-input-border-color-disabled)}.select--disabled .select__tags,.select--disabled .select__clear{pointer-events:none}.select--invalid:not(.select--disabled):not(.select--focused) .select__box{border-bottom-color:var(--six-input-border-color-danger)}.select--invalid:not(.select--disabled):not(.select--focused) .select__box:not(.input--line){border-color:var(--six-input-border-color-danger)}.select__label{flex-shrink:1;flex-grow:1;align-items:center;user-select:none;width:0;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.select__label::-webkit-scrollbar{width:0;height:0}.select__clear{flex-shrink:0;flex-grow:0;display:inline}.select__icon{flex-shrink:0;flex-grow:0;display:inline;transition:var(--six-transition-medium) transform ease}.select--open .select__icon{transform:rotate(-180deg)}.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color)}.select--disabled.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color-disabled)}.select__tags{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:left;margin-left:var(--six-spacing-xx-small)}.select__hidden-select{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.select__input{position:absolute;top:0;left:0;width:100%;height:100%}.select--small .select__box{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);min-height:var(--six-height-small)}.select--small .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--small .select__label{margin:0 var(--six-input-spacing-small)}.select--small .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--small .select__icon{margin-right:var(--six-spacing-x-small)}.select--small .select__tags{padding-bottom:2px}.select--small .select__tags six-tag{padding-top:2px}.select--small .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--small.select--has-tags .select__label{margin-left:0}.select--medium .select__box{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);min-height:var(--six-height-medium)}.select--medium .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--medium .select__label{margin:0 var(--six-input-spacing-medium)}.select--medium .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--medium .select__icon{margin-right:var(--six-spacing-x-small)}.select--medium .select__tags{padding-bottom:3px}.select--medium .select__tags six-tag{padding-top:3px}.select--medium .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--medium.select--has-tags .select__label{margin-left:0}.select--large .select__box{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);min-height:var(--six-height-large)}.select--large .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--large .select__label{margin:0 var(--six-input-spacing-large)}.select--large .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--large .select__icon{margin-right:var(--six-spacing-x-small)}.select--large .select__tags{padding-bottom:4px}.select--large .select__tags six-tag{padding-top:4px}.select--large .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--large.select--has-tags .select__label{margin-left:0}.select--pill.select--small .select__box{border-radius:var(--six-height-small)}.select--pill.select--medium .select__box{border-radius:var(--six-height-medium)}.select--pill.select--large .select__box{border-radius:var(--six-height-large)}.select__menu{max-width:50vw;width:fit-content}.select__menu--filtered{width:100% !important}.select__menu--hidden{display:none}six-icon-button::part(base){padding-top:0;padding-bottom:0}';export{d as six_select}
|
|
1
|
+
import{r as t,c as e,h as s,g as i}from"./p-30ebc1e7.js";import{a as l,h as o}from"./p-b4dfb7cf.js";import{F as r}from"./p-75297ad7.js";import{E as a}from"./p-9a860acc.js";import{D as n,a as h}from"./p-0786fa7c.js";let c=0,d=class{constructor(s){t(this,s),this.sixChange=e(this,"six-select-change",7),this.sixFocus=e(this,"six-select-focus",7),this.sixBlur=e(this,"six-select-blur",7),this.inputId="select-"+ ++c,this.labelId=`select-label-${c}`,this.helpTextId=`select-help-text-${c}`,this.errorTextId=`select-error-text-${c}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new a,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.isOpen=!1,this.displayLabel="",this.displayTags=[],this.multiple=!1,this.maxTagsVisible=3,this.disabled=!1,this.name="",this.placeholder="",this.filterDebounce=n,this.size="medium",this.hoist=!1,this.value="",this.pill=!1,this.label="",this.helpText="",this.errorText="",this.required=!1,this.clearable=!1,this.invalid=!1,this.line=!1,this.errorOnBlur=!1,this.filter=!1,this.asyncFilter=!1,this.autocomplete=!1,this.inputDebounce=n,this.options=null,this.virtualScroll=!1,this.defaultValue=null}handleDisabledChange(){this.disabled&&this.isOpen&&this.dropdown.hide()}handleLabelChange(){this.handleSlotChange()}handleMultipleChange(){const t=this.getValueAsArray();this.value=this.multiple?t:t[0]||"",this.syncItemsFromValue()}handleValueChange(){this.syncItemsFromValue(),this.input&&this.sixChange.emit({value:this.value,isSelected:!0})}connectedCallback(){this.virtualScroll&&null===this.options&&console.error("Options must be defined when using virtual scrolling"),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleClearClick=this.handleClearClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleSelectAll=this.handleSelectAll.bind(this),this.handleLabelClick=this.handleLabelClick.bind(this),this.handleMenuHide=this.handleMenuHide.bind(this),this.handleMenuShow=this.handleMenuShow.bind(this),this.handleMenuSelect=this.handleMenuSelect.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleTagInteraction=this.handleTagInteraction.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.handleSlotChange(),this.multiple&&this.value&&(this.value=this.getValueAsArray())}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>this.resizeMenu())),requestAnimationFrame((()=>this.syncItemsFromValue())),this.eventListeners.add(this.input,"invalid",(async t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=await this.input.getValidationMessage()),t.preventDefault()})),this.eventListeners.add(this.input,"six-input-input",h((t=>{const e=this.input.value;this.clearValues(),this.sixChange.emit({value:e,isSelected:!1}),t.stopPropagation()}),this.inputDebounce)),this.input.value=this.hasSelection()?this.displayLabel:""}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async reportValidity(){return this.input.reportValidity()}async checkValidity(){return this.input.isValid()}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.input.setCustomValidity(""),this.invalid=!1}getItemLabel(t){const e=t.shadowRoot.querySelector("slot:not([name])");return e?l(e):t.textContent}getItems(){return null!==this.options?this.options.map((t=>s("six-menu-item",{value:t.value},t.label))):[...this.host.querySelectorAll("six-menu-item")]}hasMenuItems(){return this.getItems().length>0}getValueAsArray(){return(Array.isArray(this.value)?this.value:[this.value]).map(String)}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleInvalid(){this.invalid=!0}handleClearClick(t){t.stopPropagation(),this.clearValues()}clearValues(){var t;this.value=null!==(t=this.defaultValue)&&void 0!==t?t:this.multiple?[]:"",this.syncItemsFromValue()}handleSelectAll(t){const e=this.getItems().filter((t=>"none"!==t.style.display));if("Control"!==t.key&&this.isOpen&&this.multiple&&"KeyA"===t.code&&t.ctrlKey){t.preventDefault();const s=e.some((t=>!t.disabled&&!t.checked));e.filter((t=>!t.disabled)).forEach((t=>t.checked=s));const i=e.filter((t=>t.checked)).map((t=>t.value));this.value=s?i:[]}}handleKeyDown(t){const e=t.target,s=this.getItems(),i=s[0],l=s[s.length-1];if("six-tag"!==e.tagName.toLowerCase())if("Tab"!==t.key){if(["ArrowDown","ArrowUp"].includes(t.key)){if(t.preventDefault(),this.isOpen||this.dropdown.show(),"ArrowDown"===t.key&&i)return void i.setFocus();if("ArrowUp"===t.key&&l)return void l.setFocus()}this.isOpen||(t.stopPropagation(),t.preventDefault(),this.dropdown.show(),this.menu.typeToSelect(t.key))}else this.isOpen&&this.dropdown.hide()}handleLabelClick(){this.box.focus()}handleMenuSelect(t){const e=t.detail.item;this.value=(()=>this.multiple?this.value.includes(e.value)?this.value.filter((t=>t!==e.value)):[...this.value,e.value]:e.value)(),this.syncItemsFromValue()}handleMenuShow(t){this.disabled?t.preventDefault():(this.resizeMenu(),this.resizeObserver.observe(this.host),this.isOpen=!0)}handleMenuHide(){this.resizeObserver.unobserve(this.host),this.isOpen=!1}handleSlotChange(){this.hasHelpTextSlot=o(this.host,"help-text"),this.hasErrorTextSlot=o(this.host,"error-text"),this.hasLabelSlot=o(this.host,"label"),this.syncItemsFromValue()}handleTagInteraction(t){t.composedPath().find((t=>{if(t instanceof HTMLElement)return t.classList.contains("tag__clear")}))&&t.stopPropagation()}resizeMenu(){this.menu.style.minWidth=`${this.box.clientWidth}px`,this.dropdown&&this.dropdown.reposition()}syncItemsFromValue(){const t=this.getItems(),e=this.getValueAsArray();if(t.forEach((t=>t.checked=e.includes(t.value))),this.multiple){const i=[];if(e.forEach((e=>t.map((t=>t.value===e?i.push(t):null)))),this.displayTags=i.map((t=>s("six-tag",{exportparts:"base:tag",type:"primary",size:this.size,pill:this.pill,clearable:!0,onClick:this.handleTagInteraction,onKeyDown:this.handleTagInteraction,"onSix-tag-clear":e=>{e.stopPropagation(),this.disabled||(t.checked=!1,this.syncValueFromItems())}},this.getItemLabel(t)))),this.maxTagsVisible>0&&this.displayTags.length>this.maxTagsVisible){const t=this.displayTags.length;this.displayLabel="",this.displayTags=this.displayTags.slice(0,this.maxTagsVisible),this.displayTags.push(s("six-tag",{exportparts:"base:tag",type:"info",size:this.size},"+",t-this.maxTagsVisible))}}else this.displayLabel=this.extractLabelForSelectedItem(e,t),this.displayTags=[];const i=this.hasSelection();i&&(this.touched=!0),this.input&&this.touched&&(this.autocomplete?i&&(this.input.value=Array.isArray(this.value)?this.value.join(","):this.value):this.input.value=i?this.displayLabel:"",this.invalid=!this.input.checkValidity())}extractLabelForSelectedItem(t,e){if(0===t.length||1===t.length&&""===t[0])return"";if(null!==this.options){const e=this.options.find((e=>e.value===t[0]));return(null==e?void 0:e.value)||""}const s=e.find((e=>e.value===t[0]));return s?this.getItemLabel(s):""}syncValueFromItems(){const t=this.getItems().filter((t=>t.checked)).map((t=>t.value));this.value=this.multiple?this.getValueAsArray().filter((e=>t.includes(e))):t.length>0?t[0]:""}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus&&!this.isOpen)}render(){var t;const e=this.hasSelection();return s(r,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,onLabelClick:this.handleLabelClick,disabled:this.disabled,required:this.required,displayError:this.displayError()},s("six-dropdown",{part:"base",ref:t=>this.dropdown=t,hoist:this.hoist,closeOnSelect:!this.multiple,containingElement:this.host,disableHideOnEnterAndSpace:this.autocomplete,class:{select:!0,"select--open":this.isOpen,"select--empty":0===(null===(t=this.value)||void 0===t?void 0:t.length),"select--focused":this.hasFocus,"select--clearable":this.clearable,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--has-tags":this.multiple&&e,"select--placeholder-visible":""===this.displayLabel,"select--small":"small"===this.size,"select--medium":"medium"===this.size,"select--large":"large"===this.size,"select--pill":this.pill,"select--invalid":this.invalid},onKeyDown:this.handleSelectAll,"onSix-dropdown-show":this.handleMenuShow,"onSix-dropdown-hide":this.handleMenuHide,filterPlaceholder:this.filterPlaceholder,filterDebounce:this.filterDebounce,filter:this.filter,asyncFilter:this.asyncFilter},s("div",{slot:"trigger",ref:t=>this.box=t,id:this.inputId,class:{select__box:!0,"select__box--line":this.line,"select__box--autocomplete":this.autocomplete},role:"combobox","aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-haspopup":"true","aria-expanded":this.isOpen?"true":"false",tabIndex:this.disabled?-1:0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown},s("span",{class:"select__label"},this.displayTags.length?s("span",{part:"tags",class:"select__tags"},this.displayTags):this.displayLabel||this.placeholder),this.clearable&&e&&s("six-icon-button",{exportparts:"base:clear-button",class:"select__clear",name:"clear",size:"small",onClick:this.handleClearClick,tabindex:"-1"}),this.hasMenuItems()&&s("span",{part:"icon",class:"select__icon"},s("six-icon",{size:"medium"},"expand_more")),s("six-input",{ref:t=>this.input=t,class:{select__input:!0,"select__hidden-select":!this.autocomplete},"aria-hidden":"true",required:this.required,onInvalid:this.handleInvalid,onFocus:this.handleFocus,clearable:this.clearable,placeholder:this.placeholder,pill:this.pill,disabled:this.disabled,size:this.size,tabIndex:-1})),s("six-menu",{ref:t=>this.menu=t,part:"menu",class:{select__menu:!0,"select__menu--filtered":this.filter||this.asyncFilter,"select__menu--hidden":!this.hasMenuItems()},"onSix-menu-item-selected":this.handleMenuSelect,items:this.options,virtualScroll:this.virtualScroll,"remove-box-shadow":!0},s("slot",{onSlotchange:this.handleSlotChange}))))}hasSelection(){return this.multiple?this.value.length>0:""!==this.value}get host(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],multiple:["handleMultipleChange"],value:["handleValueChange"]}}};d.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.select{display:block}.select__box{display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);font-size:var(--six-input-font-size-medium);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:pointer}.select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select__box--autocomplete{border:none;overflow:initial}.select:not(.select--disabled) .select__box:hover{background-color:var(--six-input-background-color-hover);color:var(--six-input-color-hover);border-bottom-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:hover:not(.select__box--line){border-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:focus{background-color:var(--six-input-background-color-focus);outline:none;color:var(--six-input-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.select:not(.select--disabled) .select__box:focus:not(.select__box--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.select--disabled .select__box{background-color:var(--six-input-background-color-disabled);color:var(--six-input-color-disabled);cursor:not-allowed;outline:none}.select--disabled .select__box:not(.select__box--line){border-color:var(--six-input-border-color-disabled)}.select--disabled .select__tags,.select--disabled .select__clear{pointer-events:none}.select--invalid:not(.select--disabled):not(.select--focused) .select__box{border-bottom-color:var(--six-input-border-color-danger)}.select--invalid:not(.select--disabled):not(.select--focused) .select__box:not(.input--line){border-color:var(--six-input-border-color-danger)}.select__label{flex-shrink:1;flex-grow:1;align-items:center;user-select:none;width:0;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.select__label::-webkit-scrollbar{width:0;height:0}.select__clear{flex-shrink:0;flex-grow:0;display:inline}.select__icon{flex-shrink:0;flex-grow:0;display:inline;transition:var(--six-transition-medium) transform ease}.select--open .select__icon{transform:rotate(-180deg)}.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color)}.select--disabled.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color-disabled)}.select__tags{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:left;margin-left:var(--six-spacing-xx-small)}.select__hidden-select{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.select__input{position:absolute;top:0;left:0;width:100%;height:100%}.select--small .select__box{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);min-height:var(--six-height-small)}.select--small .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--small .select__label{margin:0 var(--six-input-spacing-small)}.select--small .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--small .select__icon{margin-right:var(--six-spacing-x-small)}.select--small .select__tags{padding-bottom:2px}.select--small .select__tags six-tag{padding-top:2px}.select--small .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--small.select--has-tags .select__label{margin-left:0}.select--medium .select__box{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);min-height:var(--six-height-medium)}.select--medium .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--medium .select__label{margin:0 var(--six-input-spacing-medium)}.select--medium .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--medium .select__icon{margin-right:var(--six-spacing-x-small)}.select--medium .select__tags{padding-bottom:3px}.select--medium .select__tags six-tag{padding-top:3px}.select--medium .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--medium.select--has-tags .select__label{margin-left:0}.select--large .select__box{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);min-height:var(--six-height-large)}.select--large .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--large .select__label{margin:0 var(--six-input-spacing-large)}.select--large .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--large .select__icon{margin-right:var(--six-spacing-x-small)}.select--large .select__tags{padding-bottom:4px}.select--large .select__tags six-tag{padding-top:4px}.select--large .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--large.select--has-tags .select__label{margin-left:0}.select--pill.select--small .select__box{border-radius:var(--six-height-small)}.select--pill.select--medium .select__box{border-radius:var(--six-height-medium)}.select--pill.select--large .select__box{border-radius:var(--six-height-large)}.select__menu{max-width:50vw;width:fit-content}.select__menu--filtered{width:100% !important}.select__menu--hidden{display:none}six-icon-button::part(base){padding-top:0;padding-bottom:0}';export{d as six_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o}from"./p-30ebc1e7.js";import{f as i}from"./p-
|
|
1
|
+
import{r as t,h as o}from"./p-30ebc1e7.js";import{f as i}from"./p-b1e66136.js";let n=class{constructor(o){t(this,o),this.size="medium",this.disabled=!1,this.handleClickEvent=t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())}}componentDidLoad(){this.button&&i.observe(this.button)}disconnectedCallback(){this.button&&i.unobserve(this.button)}render(){const t=this.html&&o("span",{innerHTML:this.html});return o("div",{onClick:this.handleClickEvent,class:{"icon-button-wrapper--disabled":this.disabled}},o("button",{ref:t=>this.button=t,part:"base",disabled:this.disabled,class:{"icon-button":!0,"icon-button--disabled":this.disabled},type:"button","aria-label":this.label},o("six-icon",{"aria-hidden":"true",size:this.size},this.name),o("slot",null),t))}};n.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;background:none;border:none;border-radius:var(--six-border-radius-medium);font-size:inherit;color:var(--six-input-icon-color);padding:var(--six-spacing-x-small);cursor:pointer;transition:var(--six-transition-medium) color;-webkit-appearance:none}.icon-button:hover:not(.icon-button--disabled),.icon-button:focus:not(.icon-button--disabled){color:var(--six-input-icon-color-hover)}.icon-button:active:not(.icon-button--disabled){color:var(--six-input-icon-color)}.icon-button:focus{outline:none}.icon-button--disabled{opacity:0.5;pointer-events:none}.icon-button-wrapper--disabled{cursor:not-allowed}.focus-visible.icon-button:focus{box-shadow:var(--six-button-focus-shadow)}.icon-button ::slotted(six-badge){position:absolute;top:0;right:0;pointer-events:none}.icon-button six-icon[size=xLarge]+::slotted(six-badge){transform:translateY(40%) translateX(-35%)}.icon-button six-icon[size=large]+::slotted(six-badge){transform:translateY(20%) translateX(-20%)}.icon-button six-icon[size=medium]+::slotted(six-badge){transform:translateY(10%) translateX(50%)}.icon-button six-icon[size=xSmall]+::slotted(six-badge){transform:translateY(-25%) translateX(25%)}";export{n as six_icon_button}
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c as i,h as t}from"./p-30ebc1e7.js";import{D as e,a as h}from"./p-
|
|
1
|
+
import{r as s,c as i,h as t}from"./p-30ebc1e7.js";import{D as e,a as h}from"./p-0786fa7c.js";import{E as a}from"./p-9a860acc.js";let o=class{constructor(t){s(this,t),this.searchFieldChange=i(this,"six-search-field-change",7),this.debounce=e,this.disabled=!1,this.value="",this.clearable=!1,this.eventListeners=new a,this.handleInputChange=()=>{this.searchFieldChange.emit({value:this.inputElement.value})}}handleValueChange(){this.inputElement&&(this.inputElement.value=this.value)}componentDidLoad(){this.eventListeners.add(this.inputElement,"six-input-input",h(this.handleInputChange,this.debounce)),this.eventListeners.add(this.inputElement,"keydown",(s=>{"Enter"===s.key&&this.handleInputChange()}))}disconnectedCallback(){this.eventListeners.removeAll()}render(){return t("div",{class:"search-box"},t("six-input",{ref:s=>this.inputElement=s,placeholder:this.placeholder,value:this.value,disabled:this.disabled,clearable:this.clearable},t("six-icon",{class:"search-box__icon",slot:"prefix",size:"small",onClick:this.handleInputChange},"search")),t("slot",null))}static get watchers(){return{value:["handleValueChange"]}}};o.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.search-box{z-index:var(--six-z-index-search-field)}.search-box__icon{cursor:pointer}";export{o as six_search_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,g as s}from"./p-30ebc1e7.js";import{I as r,a as h}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,g as s}from"./p-30ebc1e7.js";import{I as r,a as h}from"./p-25a3bf57.js";import{D as o,b as n,a as l}from"./p-0786fa7c.js";import{E as a}from"./p-9a860acc.js";const c=(()=>{const t=Array.from(Array(26)).map(((t,i)=>i+65)),i={};return{alphabet:t.map(((t,e)=>{const s=String.fromCharCode(t);return i[s]=e,s})),letterIndexes:i}})(),u=(()=>{const t=[],i={};for(let e=0;e<c.alphabet.length;e++){const s=c.alphabet[e].toLowerCase();i[s]=t.length,t.push(s)}return{alphabet:t,letterIndexes:i}})(),d=(()=>{const t=[],i={};for(let e=0;e<c.alphabet.length;e++){const s=c.alphabet[e];i[s]=t.length,t.push(s);const r=u.alphabet[e];i[r]=t.length,t.push(r)}return{alphabet:t,letterIndexes:i}})(),m="[SIX-ITEM-PICKER]",p=(t,i)=>t-i,b=(t,i)=>t+i;let v=class{constructor(e){t(this,e),this.sixChange=i(this,"six-item-picker-change",7),this.sixChangeDebounced=i(this,"six-item-picker-change-debounced",7),this.eventListeners=new a,this.value="",this.type=r.NUMBER,this.roundtrip=!0,this.step=1,this.padded=!1,this.paddingLength=2,this.paddingChar="0",this.paddingDirection=h.BEFORE,this.timeout=o,this.interval=n,this.debounce=o,this._items=[],this.handleSixItemPickerChangeDebounced=()=>{this.sixChangeDebounced.emit(this.value)}}handleValueChange(){this.setup()}debounceChanged(){this.eventListeners.removeByIdentifier("debounced-item-picker"),this.eventListeners.add(this.host,"six-item-picker-change",l(this.handleSixItemPickerChangeDebounced,this.debounce),"debounced-item-picker")}handleSetChange(){this.setup(),this.min=this._items[0],this.max=this.getLastStringItem()}componentWillLoad(){this.setup()}componentDidLoad(){this.eventListeners.add(this.host,"six-item-picker-change",l(this.handleSixItemPickerChangeDebounced,this.debounce),"debounced-item-picker")}disconnectedCallback(){this.eventListeners.removeAll()}setup(){this.isNumber()?this.setupNumberItems():this.setUpStringItems()}setupNumberItems(){var t;this.isInvalidNumber()&&(console.warn(`${m} Expected number but value is not a number: "${this.value}"`),console.info(`${m} Will set value to either minimum or if not provided to zero.`),this.value=null!==(t=this.min)&&void 0!==t?t:0)}setUpStringItems(){if(this._items=this.getItems(),this._items){if(this._itemIndexes=this.getItemIndexes(),void 0===this._items.find((t=>String(t)===String(this.value)))&&(console.warn(`${m} Expected item from item set but value was not found in set: "${this.value}"`),console.info(`${m} Will set value to either minimum or if not provided to "${this._items[0]}".`),this.value=this._items[0]),void 0===this.min&&(this.roundtrip||(console.warn(`${m} Expected a min value`),console.info(`${m} Will set min value to ${this._items[0]}`)),this.min=this._items[0]),void 0===this.max){const t=this.getLastStringItem();this.roundtrip||(console.warn(`${m} Expected a min value if roundtrip is enabled`),console.info(`${m} Will set min value to ${t}`)),this.max=t}}else console.warn(`${m}: abort setup because no items were found.`)}getLastStringItem(){return this._items[this._items.length-1]}getItems(){return{[r.LETTER]:d.alphabet,[r.CAPITAL_LETTER]:c.alphabet,[r.LOWER_LETTER]:u.alphabet,[r.CUSTOM]:this.items}[this.type]}getItemIndexes(){return this.type===r.CUSTOM?(t=>{const i={};for(let e=0;e<(null==t?void 0:t.length);e++)i[t[e]]=e;return i})(this.items):{[r.LETTER]:d.letterIndexes,[r.CAPITAL_LETTER]:c.letterIndexes,[r.LOWER_LETTER]:u.letterIndexes}[this.type]}previousItem(){this.isNumber()?this.previousNumber():this.previousStringItem(),this.sixChange.emit(this.value)}previousNumber(){this.changeValue({isNextItemAllowed:()=>!this.isPreviousNumberDisabled(),getNextItem:()=>Number(this.value)-this.step,getRoundtripItem:()=>Number(this.max),isRoundtripPossible:()=>void 0===this.max&&this.roundtrip})}previousStringItem(){const t=this.value,i=this.min;this.changeValue({isNextItemAllowed:()=>void 0===i||this.getStringItemIndex(t)>this.getStringItemIndex(i),getNextItem:()=>this.getNextItemByOperation(p),getRoundtripItem:()=>this.max,isRoundtripPossible:()=>void 0===this.max&&this.roundtrip})}nextItem(){this.isNumber()?this.nextNumber():this.nextStringItem(),this.sixChange.emit(this.value)}nextNumber(){this.changeValue({isNextItemAllowed:()=>!this.isNextNumberDisabled(),getNextItem:()=>Number(this.value)+this.step,getRoundtripItem:()=>Number(this.min),isRoundtripPossible:()=>void 0===this.min&&this.roundtrip})}getStringItemIndex(t){return this._itemIndexes[t]}nextStringItem(){const t=this.value,i=this.max;this.changeValue({isNextItemAllowed:()=>void 0===i||this.getStringItemIndex(t)<this.getStringItemIndex(i),getNextItem:()=>this.getNextItemByOperation(b),getRoundtripItem:()=>this.min,isRoundtripPossible:()=>void 0===this.min&&this.roundtrip})}getNextItemByOperation(t){const i=t(this.getStringItemIndex(this.value),this.step),e=this._items.length;return this._items[(i%e+e)%e]}changeValue(t){t.isNextItemAllowed()?this.value=t.getNextItem():t.isRoundtripPossible()?console.error(`${m} Item picker is expected to perform a roundtrip, but either max or min value is missing so a roundtrip is not possible`):this.roundtrip?this.value=t.getRoundtripItem():console.warn(`${m} Roundtrip is not allowed, but was still triggered, please report this issue to the developer of six-item-picker`)}isNumber(){return this.type===r.NUMBER}isInvalidNumber(){return""===this.value||!!isNaN(this.value)}isNextDisabled(){return!this.roundtrip&&(this.isNumber()?this.isNextNumberDisabled():!this._itemIndexes||this._itemIndexes[String(this.value)]+this.step>this._itemIndexes[String(this.max)])}isNextNumberDisabled(){var t;return Number(this.value)+this.step>(null!==(t=this.max)&&void 0!==t?t:1/0)}isPrevDisabled(){return!this.roundtrip&&(this.isNumber()?this.isPreviousNumberDisabled():!this._itemIndexes||this._itemIndexes[String(this.value)]-this.step<this._itemIndexes[String(this.min)])}isPreviousNumberDisabled(){var t;return Number(this.value)-this.step<(null!==(t=this.min)&&void 0!==t?t:-1/0)}onMouseDownNext(){this.isNextDisabled()||(this.nextItem(),this._timeoutNext=setTimeout((()=>{this._intervalNext=setInterval((()=>{this.nextItem()}),this.interval)}),this.timeout))}onMouseUpNext(){clearTimeout(this._timeoutNext),clearInterval(this._intervalNext)}onMouseDownPrev(){this.isPrevDisabled()||(this.previousItem(),this._timeoutPrev=setTimeout((()=>{this._intervalPrev=setInterval((()=>{this.previousItem()}),this.interval)}),this.timeout))}onMouseUpPrev(){clearTimeout(this._timeoutPrev),clearInterval(this._intervalPrev)}getFormattedValue(){return null==this.value?this.value:this.padded?this.paddingDirection===h.BEFORE?String(this.value).padStart(this.paddingLength,this.paddingChar):this.paddingDirection===h.AFTER?String(this.value).padEnd(this.paddingLength,this.paddingChar):this.value:this.value}render(){return e("div",{part:"container",class:"item_picker__container"},e("div",{part:"up",class:{item_picker__btn:!0,"item_picker__btn--disabled":this.isNextDisabled()},onMouseDown:()=>this.onMouseDownNext(),onMouseUp:()=>this.onMouseUpNext()},e("six-icon",{size:"large"},"expand_less")),e("div",{part:"content",class:"item_picker__content"},this.getFormattedValue()),e("div",{part:"down",class:{item_picker__btn:!0,"item_picker__btn--disabled":this.isPrevDisabled()},onMouseDown:()=>this.onMouseDownPrev(),onMouseUp:()=>this.onMouseUpPrev()},e("six-icon",{size:"large"},"expand_more")))}get host(){return s(this)}static get watchers(){return{value:["handleValueChange"],debounce:["debounceChanged"],items:["handleSetChange"]}}};v.style=".item_picker__container{width:2.5em;display:flex;flex-wrap:wrap;justify-content:center}.item_picker__content{font-size:1.5rem}.item_picker__btn{cursor:pointer;width:2.5em;height:2.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--six-color-web-rock-500)}.item_picker__btn:hover{background-color:var(--six-color-web-rock-100);border-radius:100%}.item_picker__btn:active{color:var(--six-color-web-rock-400)}.item_picker__btn--disabled{color:var(--six-color-web-rock-300);cursor:not-allowed}.item_picker__btn--disabled:hover{background-color:initial}.item_picker__btn--disabled:active{color:var(--six-color-web-rock-300)}";export{v as six_item_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,r as e,c as i,g as s}from"./p-30ebc1e7.js";import{i as r,a,b as o,c as n,S as h}from"./p-34e6d8e8.js";import{E as l}from"./p-7735d99f.js";import{D as d,d as c,a as u}from"./p-c733dead.js";import{h as p}from"./p-c09dc3a9.js";const m={en:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],monthsShortGrouped:[["Jan","Feb","Mar","Apr"],["May","Jun","Jul","Aug"],["Sep","Oct","Nov","Dec"]],weekdays:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],weekdaysShort:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],weekdaysMin:["Mo","Tu","We","Th","Fr","Sa","Su"]},de:{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsShort:["Jan.","Feb.","März","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],monthsShortGrouped:[["Jan.","Feb.","März","Apr."],["Mai","Juni","Juli","Aug."],["Sep.","Okt.","Nov.","Dez."]],weekdays:["Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag","Sonntag"],weekdaysShort:["Mo.","Di.","Mi.","Do.","Fr.","Sa.","So."],weekdaysMin:["Mo","Di","Mi","Do","Fr","Sa","So"]},fr:{months:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],monthsShort:["janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc."],monthsShortGrouped:[["janv.","févr.","mars","avr."],["mai","juin","juil.","août"],["sept.","oct.","nov.","déc."]],weekdays:["lundi","mardi","mercredi","jeudi","vendredi","samedi","dimanche"],weekdaysShort:["lun.","mar.","mer.","jeu.","ven.","sam.","dim."],weekdaysMin:["lu","ma","me","je","ve","sa","di"]},it:{months:["gennaio","febbraio","marzo","aprile","maggio","giugno","luglio","agosto","settembre","ottobre","novembre","dicembre"],monthsShort:["gen","feb","mar","apr","mag","giu","lug","ago","set","ott","nov","dic"],monthsShortGrouped:[["gen","feb","mar","apr"],["mag","giu","lug","ago"],["set","ott","nov","dic"]],weekdays:["lunedì","martedì","mercoledì","giovedì","venerdì","sabato","domenica"],weekdaysShort:["lun","mar","mer","gio","ven","sab","dom"],weekdaysMin:["lu","ma","me","gi","ve","sa","do"]}},y=()=>new Date,b=t=>!r(t)&&!a(t)&&(o(t)?!isNaN(t.getTime()):"Invalid Date"!==new Date(t).toString()),v=t=>{if(t&&b(t))return t.getFullYear();throw new Error("Not a valid date")},k=t=>{if(t&&b(t))return t.getMonth();throw new Error("Not a valid date")},g=t=>{if(t&&b(t))return t.getDate();throw new Error("Not a valid date")},w=t=>{if(t&&b(t))return t.getHours();throw new Error("Not a valid date")},f=t=>{if(t&&b(t))return t.getMinutes();throw new Error("Not a valid date")},x=t=>{if(t&&b(t))return t.getSeconds();throw new Error("Not a valid date")},_=t=>{const e=new Date(t);return e.setDate(e.getDate()-[6,0,1,2,3,4,5][e.getDay()]),e},M=(t,e)=>((t,e)=>(null==t?void 0:t.getFullYear())===(null==e?void 0:e.getFullYear()))(t,e)&&(null==t?void 0:t.getMonth())===(null==e?void 0:e.getMonth()),D=(t,e)=>M(t,e)&&(null==t?void 0:t.getDate())===(null==e?void 0:e.getDate()),S=(t,e)=>{if(!n(t)||!n(e))return!1;if(t.length<6||e.length<6)return!1;const{day:i,month:s}=P(t,e);if(i>31||s>11||i<=0||s<0)return!1;const a=I(t,e);return!r(a)&&"Invalid Date"!==a.toString()},j=(t,e,i)=>!(t&&(e&&t<e||i&&i<t)),C=(t,e,i,s=2)=>{const r=s-1,a=e.charAt(t+r)===i;return t+r<e.length&&a},O=(t,e)=>{let i=String(t);for(;i.length<e;)i="0"+i;return i},F=(t,e)=>{if(!t)return"";let i="";for(let s=0;s<e.length;s++)switch(e.charAt(s)){case"d":C(s,e,"d")?(i+=O(t.getDate(),2),s++):i+=String(t.getDate());break;case"m":C(s,e,"m")?(i+=O(t.getMonth()+1,2),s++):i+=String(t.getMonth()+1);break;case"y":C(s,e,"y",4)?(s+=3,i+=t.getFullYear()):(i+=(t.getFullYear()%100<10?"0":"")+t.getFullYear()%100,s++);break;case"h":C(s,e,"h")?(i+=O(t.getHours(),2),s++):i+=String(t.getHours());break;case"M":C(s,e,"M")?(i+=O(t.getMinutes(),2),s++):i+=String(t.getMinutes());break;case"s":C(s,e,"s")?(i+=O(t.getSeconds(),2),s++):i+=String(t.getSeconds());break;default:i+=e.charAt(s)}return i},z=/(\[[^\[]*\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g,J=/\d\d/,N=/[^0-9]/g,A={},E=(t,e,i)=>{const s=Array.isArray(t)?t:[t];let r;r="string"==typeof i?t=>{const e=parseInt(t,10);return{[i]:e}}:i,s.forEach((t=>{A[t]=[e,r]}))};E("yy",J,(t=>{const e=(new Date).getFullYear(),i=Math.floor(e/100);let s=parseInt(t,10);return s=100*(s>68?i-1:i)+s,{year:s}})),E("yyyy",/\d{4}/,"year"),E("mm",J,(t=>({month:parseInt(t,10)-1}))),E("dd",J,"day"),E("hh",J,"hour"),E("MM",J,"minute"),E("ss",J,"second");const P=(t,e)=>((t,e)=>{const i=e.match(z);if(!i)throw new Error;const{length:s}=i;let r={};for(let e=0;e<s;e+=1){const s=i[e],a=A[s];if(a){const e=a[1],i=(a[0].exec(t)||[])[0],s=e(i);r=Object.assign(Object.assign({},r),s),t=t.replace(i,"")}else{const e=s.replace(/^\[|\]$/g,"");if(0!==t.indexOf(e))throw new Error("not match");t=t.substr(e.length)}}return r})(((t,e)=>{if(t.length===e.length)return t;const i=t.match(N)[0];return t.split(i).map((t=>1===t.length?"0"+t:t)).join(i)})(t,e),e),I=(t,e)=>{try{const{backupDate:i=new Date}={},{year:s,month:r,day:a,hour:o,minute:n,second:h,date:l}=P(t,e);if(l)return l;let d;return d=((t,e,i,s,r,a)=>{if(!(t<100&&t>=0))return new Date(t,e,i,s,r,a);const o=new Date(t+400,e,i,s,r,a);return isFinite(o.getFullYear())&&o.setFullYear(t),o})(...((t,e=new Date)=>{const i=[0,0,1,0,0,0],s=[e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()];let r=!0;for(let e=0;e<7;e++)void 0===t[e]?i[e]=r?s[e]:i[e]:(i[e]=t[e],r=!1);return i})([s,r,a,o,n,h],i)),d}catch(t){return new Date(NaN)}};var T;!function(t){t.DDMMYYY_DOT="dd.mm.yyyy",t.YYYYMMDD_DASH="yyyy-mm-dd",t.DDMMYYYY_DASH="dd-mm-yyyy",t.DDMMYYYY_SLASH="dd/mm/yyyy",t.YYYYMMDD_SLASH="yyyy/mm/dd",t.DDMMYY_DOT="dd.mm.yy",t.YYMMDD_DASH="yy-mm-dd",t.DDMMYY_DASH="dd-mm-yy",t.DDMMYY_SLASH="dd/mm/yy",t.YYMMDD_SLASH="yy/mm/dd",t.DDMMYYY_DOT_TIME="dd.mm.yyyy hh:MM:ss",t.YYYYMMDD_DASH_TIME="yyyy-mm-dd hh:MM:ss",t.DDMMYYYY_DASH_TIME="dd-mm-yyyy hh:MM:ss",t.DDMMYYYY_SLASH_TIME="dd/mm/yyyy hh:MM:ss",t.YYYYMMDD_SLASH_TIME="yyyy/mm/dd hh:MM:ss",t.DDMMYY_DOT_TIME="dd.mm.yy hh:MM:ss",t.YYMMDD_DASH_TIME="yy-mm-dd hh:MM:ss",t.DDMMYY_DASH_TIME="dd-mm-yy hh:MM:ss",t.DDMMYY_SLASH_TIME="dd/mm/yy hh:MM:ss",t.YYMMDD_SLASH_TIME="yy/mm/dd hh:MM:ss"}(T||(T={}));const G=({locale:e,selectedDate:i,onClickMonthCell:s})=>{const r=t=>(null==i?void 0:i.getMonth())===e.monthsShort.findIndex((e=>e===t));return t("table",{class:"datepicker-table",part:"month-selection"},t("tbody",null,e.monthsShortGrouped.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>{return t("td",{onClick:()=>s(i),class:{"datepicker-table__cell":!0,"datepicker-table__cell--is-today":(a=i,e.monthsShort[y().getMonth()]===a),"datepicker-table__cell--is-selected":r(i)}},i);var a})))))))},B=({locale:e,calendarGrid:i,onClickDateCell:s})=>t("table",{class:"datepicker-table",part:"day-selection"},t("thead",{part:"weekday-header"},e.weekdaysMin.map((e=>t("th",{class:"datepicker__cell"},e)))),t("tbody",null,i.map((e=>t("tr",{class:"datepicker-table__row"},e.map((e=>t("td",{"data-date":e.dateString,onClick:()=>s(e),class:{"datepicker-table__cell":!0,"datepicker-table__cell--is-today":e.isToday,"datepicker-table__cell--is-selected":e.isSelected,"datepicker-table__cell--is-outdated":e.isOutdated,"datepicker-table__cell--is-disabled":e.isDisabled,"datepicker-table__cell--is-selectable":!e.isDisabled}},e.label)))))))),L=({selectedDate:e,yearSelection:i,onClickYearCell:s})=>t("table",{class:"datepicker-table",part:"year-selection"},t("tbody",null,i.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>t("td",{onClick:()=>s(i),class:{"datepicker-table__cell":!0,"datepicker-table__cell--is-today":y().getFullYear()===i,"datepicker-table__cell--is-selected":(null==e?void 0:e.getFullYear())===i}},i))))))));var U;!function(t){t.DAY="day",t.MONTH="month",t.YEAR="year"}(U||(U={}));const V=t=>Array.from(new Array(25).keys()).map((e=>e+t-Math.floor(12.5))).reduce(((t,e,i)=>(i%5==0&&t.push([]),t[t.length-1].push(e),t)),[]);let Y=class{constructor(t){e(this,t),this.sixSelect=i(this,"six-datepicker-select",7),this.sixClear=i(this,"six-datepicker-clear",7),this.sixBlur=i(this,"six-datepicker-blur",7),this.eventListeners=new l,this.selectedDate=null,this.pointerDate=Y.getCurrentDateAsPointer(),this.selectionMode=U.DAY,this.isDropDownContentUp=!1,this.type="date",this.locale="en",this.open=!1,this.inline=!1,this.readonly=!1,this.disabled=!1,this.allowedDates=()=>!0,this.min=null,this.max=null,this.closeOnSelect="date"===this.type,this.size="medium",this.value=null,this.dateFormat=T.DDMMYYY_DOT,this.debounce=d,this.errorOnBlur=!1,this.errorText="",this.label="",this.name="",this.clearable=!1,this.iconPosition="left",this.hoist=!1,this.defaultValue=null,this.handleDocumentKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.closePopup(),this.inputElement.setFocus()),"Tab"===t.key&&this.closePopup()},this.handleDocumentMouseDown=t=>{t.composedPath().includes(this.container)||this.closePopup()},this.onTimepickerChange=t=>{const e=t.detail.value,i=new Date;this.selectedDate&&i.setFullYear(this.selectedDate.getFullYear(),this.selectedDate.getMonth(),this.selectedDate.getDate()),i.setHours(e[h.HOURS],e[h.MINUTES],e[h.SECONDS]),this.updateValue(i),this.updatePointerDates()},this.onClickDateCell=t=>{t.isDisabled||this.select(t.dateString)},this.onClickMonthCell=t=>{const e=m[this.locale].monthsShort.findIndex((e=>e===t));this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{month:e}),this.selectionMode=U.DAY},this.onClickYearCell=t=>{this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:t}),this.selectionMode=U.DAY},this.handleInputChange=t=>{const e=this.inputElement.value;if(!S(e,this.dateFormat))return;const i=I(e,this.dateFormat);if(void 0===i)return;if(this.min&&this.min.getTime()>i.getTime())return;if(this.max&&this.max.getTime()<i.getTime())return;this.updateIfChanged(i),t.stopPropagation();const s=e.replace(/[^\d]/g,"");let r=!e;if(e&&s.length>=6){const t=I(e,this.dateFormat),i=F(t,this.dateFormat);S(i,this.dateFormat)&&(this.selectedDate=I(i,this.dateFormat),this.updatePointerDates(),this.updateValue(this.selectedDate),r=!0)}this.displayCustomMessage(r)},this.handleOnBlur=t=>{""===this.inputElement.value&&b(this.value)&&(this.value=void 0),t.stopPropagation();const e=this.inputElement.value,i=I(e,this.dateFormat),s=F(this.value,this.dateFormat);i&&e!==s&&(this.inputElement.value=s),this.sixBlur.emit(this.value)}}debounceChanged(){this.sixSelect=c(this.sixSelect,this.debounce)}valueChanged(){if(this.isValidValue())return console.warn("Encountered unreadable date, will map to undefined. Received value",this.value),void(this.value=void 0);this.selectedDate=this.value,this.updatePointerDates(),this.sixSelect.emit(this.value)}async resizeHandler(){this.calcIsDropDownContentUp(),this.moveOpenHoistedPopup(),this.adjustPopupPosition()}async scrollHandler(){this.calcIsDropDownContentUp(),this.moveOpenHoistedPopup()}get container(){return this.containingElement||this.host}get firstDateOfBox(){const t=new Date(this.pointerDate.year,this.pointerDate.month,1);return _(t)}async reportValidity(){return this.inputElement.reportValidity()}async checkValidity(){return this.inputElement.checkValidity()}async setCustomValidity(t){await this.inputElement.setCustomValidity(t)}async reset(){this.value=this.defaultValue,this.inputElement.value=F(this.defaultValue,this.dateFormat),await this.inputElement.reset()}isValidValue(){return null!=this.value&&(!(this.value instanceof Date)||this.value instanceof Date&&isNaN(this.value))}get calendarGrid(){return(t=>{const{firstDateOfBox:e,allowedDates:i,dateFormat:s,selectedDate:r,minDate:a,maxDate:o,pointerDate:n}=t,h=new Date(e),l=new Date(e);let d=[];do{let t=[];do{t=[...t,{date:new Date(l),display:F(l,s),dateString:F(l,s),label:g(l).toString(),isToday:D(l,y()),isSelected:r&&D(l,r),isDisabled:!i(l)||!j(l,a,o),isOutdated:n.month!==l.getMonth()||!j(l,a,o)}],l.setDate(l.getDate()+1)}while(c=h,D(_(l),_(c)));d=[...d,t],h.setDate(h.getDate()+7)}while(M(new Date(n.year,n.month,n.day),l));var c;return d})({firstDateOfBox:this.firstDateOfBox,allowedDates:this.allowedDates,dateFormat:this.dateFormat,locale:this.locale,selectedDate:this.selectedDate,minDate:this.min,maxDate:this.max,pointerDate:this.pointerDate})}calcIsDropDownContentUp(){if(!this.inputElement||!this.wrapper)return;const t=this.inputElement.getBoundingClientRect(),e=this.wrapper.getBoundingClientRect(),i=Math.max(e.height,400),s=t.y>window.innerHeight/2;this.isDropDownContentUp=s&&window.innerHeight<t.bottom+i}getMonthStringForIndex(t){return m[this.locale].months[t]}previousUnit(){this.selectionMode===U.DAY?this.previousMonth():this.selectionMode===U.MONTH?this.previousYear():this.selectionMode===U.YEAR&&this.previousYearGroup()}previousYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1})}previousYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-25})}previousMonth(){this.pointerDate=0===this.pointerDate.month?{year:this.pointerDate.year-1,month:11,day:1,hours:0,minutes:0,seconds:0}:{year:this.pointerDate.year,month:this.pointerDate.month-1,day:1,hours:0,minutes:0,seconds:0}}nextUnit(){this.selectionMode===U.DAY?this.nextMonth():this.selectionMode===U.MONTH?this.nextYear():this.selectionMode===U.YEAR&&this.nextYearGroup()}nextMonth(){this.pointerDate=11===this.pointerDate.month?{year:this.pointerDate.year+1,month:0,day:1,hours:0,minutes:0,seconds:0}:{year:this.pointerDate.year,month:this.pointerDate.month+1,day:1,hours:0,minutes:0,seconds:0}}nextYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1})}nextYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+25})}openCalendar(){this.open||this.disabled||(this.open=!0,this.setupEventListenersForOpenPopup())}setupEventListenersForOpenPopup(){this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}handleClearClick(t){t.stopPropagation(),this.select(void 0),this.sixClear.emit()}closePopup(){this.inline||(this.open=!1,this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown),this.selectionMode=U.DAY)}updatePointerDates(){const t=this.getPointerDate();this.differsFromPointerDate(t)&&(this.pointerDate={year:v(t),month:k(t),day:g(t),hours:w(t),minutes:f(t),seconds:x(t)})}differsFromPointerDate(t){return this.pointerDate.day!==g(t)||this.pointerDate.month!==k(t)||this.pointerDate.year!==v(t)||this.pointerDate.hours!==w(t)||this.pointerDate.minutes!==f(t)||this.pointerDate.seconds!==x(t)}getPointerDate(){return null!=this.selectedDate?this.selectedDate:r(this.defaultDate)?y():this.defaultDate&&I(this.defaultDate,this.dateFormat)}updateValue(t){this.displayCustomMessage(!0),this.updateIfChanged(t)}updateIfChanged(t){var e;(null===(e=this.value)||void 0===e?void 0:e.getTime())!==(null==t?void 0:t.getTime())&&(this.value=t)}async select(t){if(t){const e=I(t,this.dateFormat);e.setHours(this.pointerDate.hours,this.pointerDate.minutes,this.pointerDate.seconds),this.updateValue(e)}else this.updateValue(void 0);this.updatePointerDates(),this.closeOnSelect&&this.closePopup()}componentWillLoad(){this.validateProps(),this.defaultValue=this.value,this.selectedDate=this.value,this.updatePointerDates(),this.updateValue(this.value),this.inline&&(this.open=!0),this.open&&this.setupEventListenersForOpenPopup()}validateProps(){if(null!=this.value&&!(this.value instanceof Date))throw new Error("Datepicker no longer supports strings as value. Use a date object instead!");if(null!=this.min&&!(this.min instanceof Date))throw new Error("Datepicker no longer supports strings as min. Use a date object instead!");if(null!=this.max&&!(this.max instanceof Date))throw new Error("Datepicker no longer supports strings as min. Use a date object instead!")}componentDidLoad(){this.eventListeners.add(this.inputElement,"six-input-input",u(this.handleInputChange,this.debounce)),this.eventListeners.add(this.inputElement,"six-input-blur",this.handleOnBlur)}renderHeader(){return t("header",{class:"datepicker-header",part:"header"},t("div",{class:"datepicker-header__btn prev",onClick:()=>this.previousUnit()},t("svg",{viewBox:"0 5 13 13",width:"14",height:"23"},t("path",{d:"M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"}))),t("div",{class:"datepicker-header__label"},this.selectionMode===U.DAY&&t("div",{onClick:()=>this.selectionMode=U.MONTH},t("span",{class:"datepicker-header__label-month"},this.getMonthStringForIndex(this.pointerDate.month)),t("span",null,t("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},t("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode!==U.YEAR&&t("div",{onClick:()=>this.selectionMode=U.YEAR},t("span",{class:"datepicker-header__label-year"},this.pointerDate.year),t("span",null,t("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},t("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode===U.YEAR&&t("div",null,this.pointerDate.year-Math.floor(12.5)," –"," ",this.pointerDate.year+Math.floor(12.5))),t("div",{class:"datepicker-header__btn next",onClick:()=>this.nextUnit()},t("svg",{viewBox:"5 5 13 13",width:"14",height:"23"},t("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}))))}renderBody(){switch(this.selectionMode){case U.DAY:return t(B,{locale:m[this.locale],calendarGrid:this.calendarGrid,onClickDateCell:this.onClickDateCell});case U.MONTH:return t(G,{locale:m[this.locale],selectedDate:this.selectedDate,onClickMonthCell:this.onClickMonthCell});case U.YEAR:return t(L,{selectedDate:this.selectedDate,yearSelection:V(this.pointerDate.year),onClickYearCell:this.onClickYearCell})}}renderCustomIcon(){const e=p(this.host,"custom-icon")?t("slot",{name:"custom-icon"}):t("six-icon",{size:"large"===this.size?"medium":this.size},"today");return t("span",{slot:"prefix",part:"icon",class:{prefix:!0,"prefix--right":"right"===this.iconPosition}},e)}renderClearable(){return this.clearable&&t("button",{slot:"suffix",class:{"datepicker-clear":!0,"datepicker-clear--right":"left"===this.iconPosition,"datepicker-clear--left":"right"===this.iconPosition},type:"button",onClick:this.handleClearClick,tabindex:"-1"},t("six-icon",{size:"small"},"clear"))}render(){var e,i,s;return this.adjustPopupPosition(),t("div",{ref:t=>this.wrapper=t,class:"datepicker__container"},t("six-input",{part:"base",value:F(this.value,this.dateFormat),ref:t=>this.inputElement=t,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,name:this.name,label:this.label,required:this.required,"error-text":this.errorText,"error-on-blur":this.errorOnBlur,onClick:()=>this.openCalendar(),size:this.size,class:{"input--empty":!this.value}},this.renderCustomIcon(),this.renderClearable(),p(this.host,"error-text")?t("span",{slot:"error-text"},t("slot",{name:"error-text"})):null,p(this.host,"label")?t("span",{slot:"label"},t("slot",{name:"label"})):null),this.open&&t("div",{part:"popup",ref:t=>this.popup=t,class:{datepicker__popup:!0,"datepicker__popup--is-up":this.placement?"top"===this.placement:this.isDropDownContentUp,"datepicker__popup--is-inline":this.inline}},this.renderHeader(),this.renderBody(),"date-time"===this.type&&t("six-timepicker",{inline:!0,"onSix-timepicker-change-debounced":t=>this.onTimepickerChange(t),value:(null===(e=this.selectedDate)||void 0===e?void 0:e.getHours())+":"+(null===(i=this.selectedDate)||void 0===i?void 0:i.getMinutes())+":"+(null===(s=this.selectedDate)||void 0===s?void 0:s.getSeconds())}),t("div",{class:"datepicker__footer"},t("slot",null))))}adjustPopupPosition(){this.adjustPopupForHoisting(),this.adjustPopupForSmallScreens()}moveOpenHoistedPopup(){if(!this.hoist||!this.open)return;const t=this.popup.getBoundingClientRect().height,e=this.inputElement.getBoundingClientRect(),i=e.top,s=e.height;this.calcIsDropDownContentUp(),this.popup.style.top=this.isDropDownContentUp?i-t+"px":`${i+s}px`}adjustPopupForSmallScreens(){setTimeout((()=>{if(!this.popup)return;const t=this.popup.getBoundingClientRect(),e=()=>{this.popup.style.position="fixed",["top","left","width","height"].forEach((e=>{this.popup.style[e]=`${t[e]}px`}))};t.y<0&&window.innerHeight-t.height>0&&Math.abs(t.y)<=t.height?(e(),this.popup.style.top="0px"):window.innerHeight<t.y+t.height&&window.innerHeight>t.height&&Math.abs(t.y-window.innerHeight)<=t.height&&(e(),this.popup.style.top=window.innerHeight-t.height+"px"),window.innerWidth<t.x+t.width&&window.innerWidth>t.width&&Math.abs(t.x-window.innerWidth)<=t.width&&(e(),this.popup.style.left=window.innerWidth-t.width+"px")}),0)}adjustPopupForHoisting(){this.hoist&&setTimeout((()=>{if(!this.popup)return;const t=this.popup.getBoundingClientRect();this.popup.style.position="fixed",["top","left","width","height"].forEach((e=>{this.popup.style[e]=`${t[e]}px`}));const e=this.inputElement.getBoundingClientRect(),i=e.top,s=t.top;this.calcIsDropDownContentUp(),this.isDropDownContentUp&&i<s&&(this.popup.style.top=s-t.height-e.height+"px")}),0)}connectedCallback(){this.handleClearClick=this.handleClearClick.bind(this)}disconnectedCallback(){this.eventListeners.removeAll()}displayCustomMessage(t){this.inputElement&&this.setCustomValidity(t?"":this.errorText?this.errorText:"Invalid date format")}static getCurrentDateAsPointer(){return{year:v(y()),month:k(y()),day:g(y()),hours:w(y()),minutes:f(y()),seconds:x(y())}}get host(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};Y.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;font-family:var(--six-font-family)}.datepicker__container{position:relative}.datepicker__popup{min-width:400px;background-color:white;padding:0.5em 0.5em 1.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.datepicker__popup--is-up{bottom:100%;min-height:382px}.datepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.datepicker-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--six-color-web-rock-400);padding:0.5em;margin-bottom:1em}.datepicker-header svg{fill:var(--six-color-web-rock-900);stroke:none}.datepicker-header__btn{cursor:pointer;width:2.5em;height:2.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__btn:hover{background-color:var(--six-color-web-rock-100);border-radius:100%}.datepicker-header__label{display:flex}.datepicker-header__label>div{cursor:pointer;padding:0.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__label>div:hover{background-color:var(--six-color-web-rock-100)}.datepicker-table{width:100%}.datepicker-table__cell{text-align:center;width:2.5rem;height:2.5rem;cursor:pointer}.datepicker-table__cell:hover{background-color:var(--six-table-row-background-color-hover)}.datepicker-table__cell--is-today{border:1px solid var(--six-color-web-rock-400)}.datepicker-table__cell--is-selected{background-color:var(--six-color-red);color:var(--six-color-white)}.datepicker-table__cell--is-disabled{background-color:var(--six-color-web-rock-200);cursor:initial}.datepicker-table__cell--is-disabled:hover{background-color:var(--six-color-web-rock-200)}.datepicker-table__cell--is-outdated{color:var(--six-color-web-rock-400)}.datepicker-clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.datepicker-clear:hover{color:var(--six-input-icon-color-hover)}.datepicker-clear:focus{outline:none}.datepicker-clear--right{right:0;position:absolute}.datepicker-clear--left{right:35px;position:absolute}.input--empty .datepicker-clear{visibility:hidden}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}six-timepicker::part(popup){border:none;padding:0.5em 0.5em 0;min-height:0}";export{Y as six_datepicker}
|
|
1
|
+
import{h as t,r as e,c as i,g as s}from"./p-30ebc1e7.js";import{i as r,a,b as o,c as n,S as h}from"./p-d12c6092.js";import{E as l}from"./p-9a860acc.js";import{D as d,d as c,a as u}from"./p-0786fa7c.js";import{h as p}from"./p-b4dfb7cf.js";const m={en:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],monthsShortGrouped:[["Jan","Feb","Mar","Apr"],["May","Jun","Jul","Aug"],["Sep","Oct","Nov","Dec"]],weekdays:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],weekdaysShort:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],weekdaysMin:["Mo","Tu","We","Th","Fr","Sa","Su"]},de:{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsShort:["Jan.","Feb.","März","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],monthsShortGrouped:[["Jan.","Feb.","März","Apr."],["Mai","Juni","Juli","Aug."],["Sep.","Okt.","Nov.","Dez."]],weekdays:["Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag","Sonntag"],weekdaysShort:["Mo.","Di.","Mi.","Do.","Fr.","Sa.","So."],weekdaysMin:["Mo","Di","Mi","Do","Fr","Sa","So"]},fr:{months:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],monthsShort:["janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc."],monthsShortGrouped:[["janv.","févr.","mars","avr."],["mai","juin","juil.","août"],["sept.","oct.","nov.","déc."]],weekdays:["lundi","mardi","mercredi","jeudi","vendredi","samedi","dimanche"],weekdaysShort:["lun.","mar.","mer.","jeu.","ven.","sam.","dim."],weekdaysMin:["lu","ma","me","je","ve","sa","di"]},it:{months:["gennaio","febbraio","marzo","aprile","maggio","giugno","luglio","agosto","settembre","ottobre","novembre","dicembre"],monthsShort:["gen","feb","mar","apr","mag","giu","lug","ago","set","ott","nov","dic"],monthsShortGrouped:[["gen","feb","mar","apr"],["mag","giu","lug","ago"],["set","ott","nov","dic"]],weekdays:["lunedì","martedì","mercoledì","giovedì","venerdì","sabato","domenica"],weekdaysShort:["lun","mar","mer","gio","ven","sab","dom"],weekdaysMin:["lu","ma","me","gi","ve","sa","do"]}},y=()=>new Date,b=t=>!r(t)&&!a(t)&&(o(t)?!isNaN(t.getTime()):"Invalid Date"!==new Date(t).toString()),v=t=>{if(t&&b(t))return t.getFullYear();throw new Error("Not a valid date")},k=t=>{if(t&&b(t))return t.getMonth();throw new Error("Not a valid date")},g=t=>{if(t&&b(t))return t.getDate();throw new Error("Not a valid date")},w=t=>{if(t&&b(t))return t.getHours();throw new Error("Not a valid date")},f=t=>{if(t&&b(t))return t.getMinutes();throw new Error("Not a valid date")},x=t=>{if(t&&b(t))return t.getSeconds();throw new Error("Not a valid date")},_=t=>{const e=new Date(t);return e.setDate(e.getDate()-[6,0,1,2,3,4,5][e.getDay()]),e},M=(t,e)=>((t,e)=>(null==t?void 0:t.getFullYear())===(null==e?void 0:e.getFullYear()))(t,e)&&(null==t?void 0:t.getMonth())===(null==e?void 0:e.getMonth()),D=(t,e)=>M(t,e)&&(null==t?void 0:t.getDate())===(null==e?void 0:e.getDate()),S=(t,e)=>{if(!n(t)||!n(e))return!1;if(t.length<6||e.length<6)return!1;const{day:i,month:s}=P(t,e);if(i>31||s>11||i<=0||s<0)return!1;const a=I(t,e);return!r(a)&&"Invalid Date"!==a.toString()},j=(t,e,i)=>!(t&&(e&&t<e||i&&i<t)),C=(t,e,i,s=2)=>{const r=s-1,a=e.charAt(t+r)===i;return t+r<e.length&&a},O=(t,e)=>{let i=String(t);for(;i.length<e;)i="0"+i;return i},F=(t,e)=>{if(!t)return"";let i="";for(let s=0;s<e.length;s++)switch(e.charAt(s)){case"d":C(s,e,"d")?(i+=O(t.getDate(),2),s++):i+=String(t.getDate());break;case"m":C(s,e,"m")?(i+=O(t.getMonth()+1,2),s++):i+=String(t.getMonth()+1);break;case"y":C(s,e,"y",4)?(s+=3,i+=t.getFullYear()):(i+=(t.getFullYear()%100<10?"0":"")+t.getFullYear()%100,s++);break;case"h":C(s,e,"h")?(i+=O(t.getHours(),2),s++):i+=String(t.getHours());break;case"M":C(s,e,"M")?(i+=O(t.getMinutes(),2),s++):i+=String(t.getMinutes());break;case"s":C(s,e,"s")?(i+=O(t.getSeconds(),2),s++):i+=String(t.getSeconds());break;default:i+=e.charAt(s)}return i},z=/(\[[^\[]*\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g,J=/\d\d/,N=/[^0-9]/g,A={},E=(t,e,i)=>{const s=Array.isArray(t)?t:[t];let r;r="string"==typeof i?t=>{const e=parseInt(t,10);return{[i]:e}}:i,s.forEach((t=>{A[t]=[e,r]}))};E("yy",J,(t=>{const e=(new Date).getFullYear(),i=Math.floor(e/100);let s=parseInt(t,10);return s=100*(s>68?i-1:i)+s,{year:s}})),E("yyyy",/\d{4}/,"year"),E("mm",J,(t=>({month:parseInt(t,10)-1}))),E("dd",J,"day"),E("hh",J,"hour"),E("MM",J,"minute"),E("ss",J,"second");const P=(t,e)=>((t,e)=>{const i=e.match(z);if(!i)throw new Error;const{length:s}=i;let r={};for(let e=0;e<s;e+=1){const s=i[e],a=A[s];if(a){const e=a[1],i=(a[0].exec(t)||[])[0],s=e(i);r=Object.assign(Object.assign({},r),s),t=t.replace(i,"")}else{const e=s.replace(/^\[|\]$/g,"");if(0!==t.indexOf(e))throw new Error("not match");t=t.substr(e.length)}}return r})(((t,e)=>{if(t.length===e.length)return t;const i=t.match(N)[0];return t.split(i).map((t=>1===t.length?"0"+t:t)).join(i)})(t,e),e),I=(t,e)=>{try{const{backupDate:i=new Date}={},{year:s,month:r,day:a,hour:o,minute:n,second:h,date:l}=P(t,e);if(l)return l;let d;return d=((t,e,i,s,r,a)=>{if(!(t<100&&t>=0))return new Date(t,e,i,s,r,a);const o=new Date(t+400,e,i,s,r,a);return isFinite(o.getFullYear())&&o.setFullYear(t),o})(...((t,e=new Date)=>{const i=[0,0,1,0,0,0],s=[e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()];let r=!0;for(let e=0;e<7;e++)void 0===t[e]?i[e]=r?s[e]:i[e]:(i[e]=t[e],r=!1);return i})([s,r,a,o,n,h],i)),d}catch(t){return new Date(NaN)}};var T;!function(t){t.DDMMYYY_DOT="dd.mm.yyyy",t.YYYYMMDD_DASH="yyyy-mm-dd",t.DDMMYYYY_DASH="dd-mm-yyyy",t.DDMMYYYY_SLASH="dd/mm/yyyy",t.YYYYMMDD_SLASH="yyyy/mm/dd",t.DDMMYY_DOT="dd.mm.yy",t.YYMMDD_DASH="yy-mm-dd",t.DDMMYY_DASH="dd-mm-yy",t.DDMMYY_SLASH="dd/mm/yy",t.YYMMDD_SLASH="yy/mm/dd",t.DDMMYYY_DOT_TIME="dd.mm.yyyy hh:MM:ss",t.YYYYMMDD_DASH_TIME="yyyy-mm-dd hh:MM:ss",t.DDMMYYYY_DASH_TIME="dd-mm-yyyy hh:MM:ss",t.DDMMYYYY_SLASH_TIME="dd/mm/yyyy hh:MM:ss",t.YYYYMMDD_SLASH_TIME="yyyy/mm/dd hh:MM:ss",t.DDMMYY_DOT_TIME="dd.mm.yy hh:MM:ss",t.YYMMDD_DASH_TIME="yy-mm-dd hh:MM:ss",t.DDMMYY_DASH_TIME="dd-mm-yy hh:MM:ss",t.DDMMYY_SLASH_TIME="dd/mm/yy hh:MM:ss",t.YYMMDD_SLASH_TIME="yy/mm/dd hh:MM:ss"}(T||(T={}));const G=({locale:e,selectedDate:i,onClickMonthCell:s})=>{const r=t=>(null==i?void 0:i.getMonth())===e.monthsShort.findIndex((e=>e===t));return t("table",{class:"datepicker-table",part:"month-selection"},t("tbody",null,e.monthsShortGrouped.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>{return t("td",{onClick:()=>s(i),class:{"datepicker-table__cell":!0,"datepicker-table__cell--is-today":(a=i,e.monthsShort[y().getMonth()]===a),"datepicker-table__cell--is-selected":r(i)}},i);var a})))))))},B=({locale:e,calendarGrid:i,onClickDateCell:s})=>t("table",{class:"datepicker-table",part:"day-selection"},t("thead",{part:"weekday-header"},e.weekdaysMin.map((e=>t("th",{class:"datepicker__cell"},e)))),t("tbody",null,i.map((e=>t("tr",{class:"datepicker-table__row"},e.map((e=>t("td",{"data-date":e.dateString,onClick:()=>s(e),class:{"datepicker-table__cell":!0,"datepicker-table__cell--is-today":e.isToday,"datepicker-table__cell--is-selected":e.isSelected,"datepicker-table__cell--is-outdated":e.isOutdated,"datepicker-table__cell--is-disabled":e.isDisabled,"datepicker-table__cell--is-selectable":!e.isDisabled}},e.label)))))))),L=({selectedDate:e,yearSelection:i,onClickYearCell:s})=>t("table",{class:"datepicker-table",part:"year-selection"},t("tbody",null,i.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>t("td",{onClick:()=>s(i),class:{"datepicker-table__cell":!0,"datepicker-table__cell--is-today":y().getFullYear()===i,"datepicker-table__cell--is-selected":(null==e?void 0:e.getFullYear())===i}},i))))))));var U;!function(t){t.DAY="day",t.MONTH="month",t.YEAR="year"}(U||(U={}));const V=t=>Array.from(new Array(25).keys()).map((e=>e+t-Math.floor(12.5))).reduce(((t,e,i)=>(i%5==0&&t.push([]),t[t.length-1].push(e),t)),[]);let Y=class{constructor(t){e(this,t),this.sixSelect=i(this,"six-datepicker-select",7),this.sixClear=i(this,"six-datepicker-clear",7),this.sixBlur=i(this,"six-datepicker-blur",7),this.eventListeners=new l,this.selectedDate=null,this.pointerDate=Y.getCurrentDateAsPointer(),this.selectionMode=U.DAY,this.isDropDownContentUp=!1,this.type="date",this.locale="en",this.open=!1,this.inline=!1,this.readonly=!1,this.disabled=!1,this.allowedDates=()=>!0,this.min=null,this.max=null,this.closeOnSelect="date"===this.type,this.size="medium",this.value=null,this.dateFormat=T.DDMMYYY_DOT,this.debounce=d,this.errorOnBlur=!1,this.errorText="",this.label="",this.name="",this.clearable=!1,this.iconPosition="left",this.hoist=!1,this.defaultValue=null,this.handleDocumentKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.closePopup(),this.inputElement.setFocus()),"Tab"===t.key&&this.closePopup()},this.handleDocumentMouseDown=t=>{t.composedPath().includes(this.container)||this.closePopup()},this.onTimepickerChange=t=>{const e=t.detail.value,i=new Date;this.selectedDate&&i.setFullYear(this.selectedDate.getFullYear(),this.selectedDate.getMonth(),this.selectedDate.getDate()),i.setHours(e[h.HOURS],e[h.MINUTES],e[h.SECONDS]),this.updateValue(i),this.updatePointerDates()},this.onClickDateCell=t=>{t.isDisabled||this.select(t.dateString)},this.onClickMonthCell=t=>{const e=m[this.locale].monthsShort.findIndex((e=>e===t));this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{month:e}),this.selectionMode=U.DAY},this.onClickYearCell=t=>{this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:t}),this.selectionMode=U.DAY},this.handleInputChange=t=>{const e=this.inputElement.value;if(!S(e,this.dateFormat))return;const i=I(e,this.dateFormat);if(void 0===i)return;if(this.min&&this.min.getTime()>i.getTime())return;if(this.max&&this.max.getTime()<i.getTime())return;this.updateIfChanged(i),t.stopPropagation();const s=e.replace(/[^\d]/g,"");let r=!e;if(e&&s.length>=6){const t=I(e,this.dateFormat),i=F(t,this.dateFormat);S(i,this.dateFormat)&&(this.selectedDate=I(i,this.dateFormat),this.updatePointerDates(),this.updateValue(this.selectedDate),r=!0)}this.displayCustomMessage(r)},this.handleOnBlur=t=>{""===this.inputElement.value&&b(this.value)&&(this.value=void 0),t.stopPropagation();const e=this.inputElement.value,i=I(e,this.dateFormat),s=F(this.value,this.dateFormat);i&&e!==s&&(this.inputElement.value=s),this.sixBlur.emit(this.value)}}debounceChanged(){this.sixSelect=c(this.sixSelect,this.debounce)}valueChanged(){if(this.isValidValue())return console.warn("Encountered unreadable date, will map to undefined. Received value",this.value),void(this.value=void 0);this.selectedDate=this.value,this.updatePointerDates(),this.sixSelect.emit(this.value)}async resizeHandler(){this.calcIsDropDownContentUp(),this.moveOpenHoistedPopup(),this.adjustPopupPosition()}async scrollHandler(){this.calcIsDropDownContentUp(),this.moveOpenHoistedPopup()}get container(){return this.containingElement||this.host}get firstDateOfBox(){const t=new Date(this.pointerDate.year,this.pointerDate.month,1);return _(t)}async reportValidity(){return this.inputElement.reportValidity()}async checkValidity(){return this.inputElement.checkValidity()}async setCustomValidity(t){await this.inputElement.setCustomValidity(t)}async reset(){this.value=this.defaultValue,this.inputElement.value=F(this.defaultValue,this.dateFormat),await this.inputElement.reset()}isValidValue(){return null!=this.value&&(!(this.value instanceof Date)||this.value instanceof Date&&isNaN(this.value))}get calendarGrid(){return(t=>{const{firstDateOfBox:e,allowedDates:i,dateFormat:s,selectedDate:r,minDate:a,maxDate:o,pointerDate:n}=t,h=new Date(e),l=new Date(e);let d=[];do{let t=[];do{t=[...t,{date:new Date(l),display:F(l,s),dateString:F(l,s),label:g(l).toString(),isToday:D(l,y()),isSelected:r&&D(l,r),isDisabled:!i(l)||!j(l,a,o),isOutdated:n.month!==l.getMonth()||!j(l,a,o)}],l.setDate(l.getDate()+1)}while(c=h,D(_(l),_(c)));d=[...d,t],h.setDate(h.getDate()+7)}while(M(new Date(n.year,n.month,n.day),l));var c;return d})({firstDateOfBox:this.firstDateOfBox,allowedDates:this.allowedDates,dateFormat:this.dateFormat,locale:this.locale,selectedDate:this.selectedDate,minDate:this.min,maxDate:this.max,pointerDate:this.pointerDate})}calcIsDropDownContentUp(){if(!this.inputElement||!this.wrapper)return;const t=this.inputElement.getBoundingClientRect(),e=this.wrapper.getBoundingClientRect(),i=Math.max(e.height,400),s=t.y>window.innerHeight/2;this.isDropDownContentUp=s&&window.innerHeight<t.bottom+i}getMonthStringForIndex(t){return m[this.locale].months[t]}previousUnit(){this.selectionMode===U.DAY?this.previousMonth():this.selectionMode===U.MONTH?this.previousYear():this.selectionMode===U.YEAR&&this.previousYearGroup()}previousYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1})}previousYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-25})}previousMonth(){this.pointerDate=0===this.pointerDate.month?{year:this.pointerDate.year-1,month:11,day:1,hours:0,minutes:0,seconds:0}:{year:this.pointerDate.year,month:this.pointerDate.month-1,day:1,hours:0,minutes:0,seconds:0}}nextUnit(){this.selectionMode===U.DAY?this.nextMonth():this.selectionMode===U.MONTH?this.nextYear():this.selectionMode===U.YEAR&&this.nextYearGroup()}nextMonth(){this.pointerDate=11===this.pointerDate.month?{year:this.pointerDate.year+1,month:0,day:1,hours:0,minutes:0,seconds:0}:{year:this.pointerDate.year,month:this.pointerDate.month+1,day:1,hours:0,minutes:0,seconds:0}}nextYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1})}nextYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+25})}openCalendar(){this.open||this.disabled||(this.open=!0,this.setupEventListenersForOpenPopup())}setupEventListenersForOpenPopup(){this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}handleClearClick(t){t.stopPropagation(),this.select(void 0),this.sixClear.emit()}closePopup(){this.inline||(this.open=!1,this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown),this.selectionMode=U.DAY)}updatePointerDates(){const t=this.getPointerDate();this.differsFromPointerDate(t)&&(this.pointerDate={year:v(t),month:k(t),day:g(t),hours:w(t),minutes:f(t),seconds:x(t)})}differsFromPointerDate(t){return this.pointerDate.day!==g(t)||this.pointerDate.month!==k(t)||this.pointerDate.year!==v(t)||this.pointerDate.hours!==w(t)||this.pointerDate.minutes!==f(t)||this.pointerDate.seconds!==x(t)}getPointerDate(){return null!=this.selectedDate?this.selectedDate:r(this.defaultDate)?y():this.defaultDate&&I(this.defaultDate,this.dateFormat)}updateValue(t){this.displayCustomMessage(!0),this.updateIfChanged(t)}updateIfChanged(t){var e;(null===(e=this.value)||void 0===e?void 0:e.getTime())!==(null==t?void 0:t.getTime())&&(this.value=t)}async select(t){if(t){const e=I(t,this.dateFormat);e.setHours(this.pointerDate.hours,this.pointerDate.minutes,this.pointerDate.seconds),this.updateValue(e)}else this.updateValue(void 0);this.updatePointerDates(),this.closeOnSelect&&this.closePopup()}componentWillLoad(){this.validateProps(),this.defaultValue=this.value,this.selectedDate=this.value,this.updatePointerDates(),this.updateValue(this.value),this.inline&&(this.open=!0),this.open&&this.setupEventListenersForOpenPopup()}validateProps(){if(null!=this.value&&!(this.value instanceof Date))throw new Error("Datepicker no longer supports strings as value. Use a date object instead!");if(null!=this.min&&!(this.min instanceof Date))throw new Error("Datepicker no longer supports strings as min. Use a date object instead!");if(null!=this.max&&!(this.max instanceof Date))throw new Error("Datepicker no longer supports strings as min. Use a date object instead!")}componentDidLoad(){this.eventListeners.add(this.inputElement,"six-input-input",u(this.handleInputChange,this.debounce)),this.eventListeners.add(this.inputElement,"six-input-blur",this.handleOnBlur)}renderHeader(){return t("header",{class:"datepicker-header",part:"header"},t("div",{class:"datepicker-header__btn prev",onClick:()=>this.previousUnit()},t("svg",{viewBox:"0 5 13 13",width:"14",height:"23"},t("path",{d:"M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"}))),t("div",{class:"datepicker-header__label"},this.selectionMode===U.DAY&&t("div",{onClick:()=>this.selectionMode=U.MONTH},t("span",{class:"datepicker-header__label-month"},this.getMonthStringForIndex(this.pointerDate.month)),t("span",null,t("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},t("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode!==U.YEAR&&t("div",{onClick:()=>this.selectionMode=U.YEAR},t("span",{class:"datepicker-header__label-year"},this.pointerDate.year),t("span",null,t("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},t("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode===U.YEAR&&t("div",null,this.pointerDate.year-Math.floor(12.5)," –"," ",this.pointerDate.year+Math.floor(12.5))),t("div",{class:"datepicker-header__btn next",onClick:()=>this.nextUnit()},t("svg",{viewBox:"5 5 13 13",width:"14",height:"23"},t("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}))))}renderBody(){switch(this.selectionMode){case U.DAY:return t(B,{locale:m[this.locale],calendarGrid:this.calendarGrid,onClickDateCell:this.onClickDateCell});case U.MONTH:return t(G,{locale:m[this.locale],selectedDate:this.selectedDate,onClickMonthCell:this.onClickMonthCell});case U.YEAR:return t(L,{selectedDate:this.selectedDate,yearSelection:V(this.pointerDate.year),onClickYearCell:this.onClickYearCell})}}renderCustomIcon(){const e=p(this.host,"custom-icon")?t("slot",{name:"custom-icon"}):t("six-icon",{size:"large"===this.size?"medium":this.size},"today");return t("span",{slot:"prefix",part:"icon",class:{prefix:!0,"prefix--right":"right"===this.iconPosition}},e)}renderClearable(){return this.clearable&&t("button",{slot:"suffix",class:{"datepicker-clear":!0,"datepicker-clear--right":"left"===this.iconPosition,"datepicker-clear--left":"right"===this.iconPosition},type:"button",onClick:this.handleClearClick,tabindex:"-1"},t("six-icon",{size:"small"},"clear"))}render(){var e,i,s;return this.adjustPopupPosition(),t("div",{ref:t=>this.wrapper=t,class:"datepicker__container"},t("six-input",{part:"base",value:F(this.value,this.dateFormat),ref:t=>this.inputElement=t,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,name:this.name,label:this.label,required:this.required,"error-text":this.errorText,"error-on-blur":this.errorOnBlur,onClick:()=>this.openCalendar(),size:this.size,class:{"input--empty":!this.value}},this.renderCustomIcon(),this.renderClearable(),p(this.host,"error-text")?t("span",{slot:"error-text"},t("slot",{name:"error-text"})):null,p(this.host,"label")?t("span",{slot:"label"},t("slot",{name:"label"})):null),this.open&&t("div",{part:"popup",ref:t=>this.popup=t,class:{datepicker__popup:!0,"datepicker__popup--is-up":this.placement?"top"===this.placement:this.isDropDownContentUp,"datepicker__popup--is-inline":this.inline}},this.renderHeader(),this.renderBody(),"date-time"===this.type&&t("six-timepicker",{inline:!0,"onSix-timepicker-change-debounced":t=>this.onTimepickerChange(t),value:(null===(e=this.selectedDate)||void 0===e?void 0:e.getHours())+":"+(null===(i=this.selectedDate)||void 0===i?void 0:i.getMinutes())+":"+(null===(s=this.selectedDate)||void 0===s?void 0:s.getSeconds())}),t("div",{class:"datepicker__footer"},t("slot",null))))}adjustPopupPosition(){this.adjustPopupForHoisting(),this.adjustPopupForSmallScreens()}moveOpenHoistedPopup(){if(!this.hoist||!this.open)return;const t=this.popup.getBoundingClientRect().height,e=this.inputElement.getBoundingClientRect(),i=e.top,s=e.height;this.calcIsDropDownContentUp(),this.popup.style.top=this.isDropDownContentUp?i-t+"px":`${i+s}px`}adjustPopupForSmallScreens(){setTimeout((()=>{if(!this.popup)return;const t=this.popup.getBoundingClientRect(),e=()=>{this.popup.style.position="fixed",["top","left","width","height"].forEach((e=>{this.popup.style[e]=`${t[e]}px`}))};t.y<0&&window.innerHeight-t.height>0&&Math.abs(t.y)<=t.height?(e(),this.popup.style.top="0px"):window.innerHeight<t.y+t.height&&window.innerHeight>t.height&&Math.abs(t.y-window.innerHeight)<=t.height&&(e(),this.popup.style.top=window.innerHeight-t.height+"px"),window.innerWidth<t.x+t.width&&window.innerWidth>t.width&&Math.abs(t.x-window.innerWidth)<=t.width&&(e(),this.popup.style.left=window.innerWidth-t.width+"px")}),0)}adjustPopupForHoisting(){this.hoist&&setTimeout((()=>{if(!this.popup)return;const t=this.popup.getBoundingClientRect();this.popup.style.position="fixed",["top","left","width","height"].forEach((e=>{this.popup.style[e]=`${t[e]}px`}));const e=this.inputElement.getBoundingClientRect(),i=e.top,s=t.top;this.calcIsDropDownContentUp(),this.isDropDownContentUp&&i<s&&(this.popup.style.top=s-t.height-e.height+"px")}),0)}connectedCallback(){this.handleClearClick=this.handleClearClick.bind(this)}disconnectedCallback(){this.eventListeners.removeAll()}displayCustomMessage(t){this.inputElement&&this.setCustomValidity(t?"":this.errorText?this.errorText:"Invalid date format")}static getCurrentDateAsPointer(){return{year:v(y()),month:k(y()),day:g(y()),hours:w(y()),minutes:f(y()),seconds:x(y())}}get host(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};Y.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;font-family:var(--six-font-family)}.datepicker__container{position:relative}.datepicker__popup{min-width:400px;background-color:white;padding:0.5em 0.5em 1.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.datepicker__popup--is-up{bottom:100%;min-height:382px}.datepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.datepicker-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--six-color-web-rock-400);padding:0.5em;margin-bottom:1em}.datepicker-header svg{fill:var(--six-color-web-rock-900);stroke:none}.datepicker-header__btn{cursor:pointer;width:2.5em;height:2.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__btn:hover{background-color:var(--six-color-web-rock-100);border-radius:100%}.datepicker-header__label{display:flex}.datepicker-header__label>div{cursor:pointer;padding:0.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__label>div:hover{background-color:var(--six-color-web-rock-100)}.datepicker-table{width:100%}.datepicker-table__cell{text-align:center;width:2.5rem;height:2.5rem;cursor:pointer}.datepicker-table__cell:hover{background-color:var(--six-table-row-background-color-hover)}.datepicker-table__cell--is-today{border:1px solid var(--six-color-web-rock-400)}.datepicker-table__cell--is-selected{background-color:var(--six-color-red);color:var(--six-color-white)}.datepicker-table__cell--is-disabled{background-color:var(--six-color-web-rock-200);cursor:initial}.datepicker-table__cell--is-disabled:hover{background-color:var(--six-color-web-rock-200)}.datepicker-table__cell--is-outdated{color:var(--six-color-web-rock-400)}.datepicker-clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.datepicker-clear:hover{color:var(--six-input-icon-color-hover)}.datepicker-clear:focus{outline:none}.datepicker-clear--right{right:0;position:absolute}.datepicker-clear--left{right:35px;position:absolute}.input--empty .datepicker-clear{visibility:hidden}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}six-timepicker::part(popup){border:none;padding:0.5em 0.5em 0;min-height:0}";export{Y as six_datepicker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as t,g as s}from"./p-30ebc1e7.js";import{h as l}from"./p-
|
|
1
|
+
import{r as i,c as e,h as t,g as s}from"./p-30ebc1e7.js";import{h as l}from"./p-b4dfb7cf.js";let a=class{constructor(t){i(this,t),this.sixTileClose=e(this,"six-tile-closed",7),this.sixTileSelected=e(this,"six-tile-selected",7),this.label="",this.closeable=!0,this.elevated=!1,this.disableTooltip=!0,this.disabled=!1,this.size="medium",this.visible=!0,this.hasIconSlot=!1,this.hasLabelSlot=!1,this.handleCloseClickEvent=()=>{this.visible=!1,this.sixTileClose.emit()},this.handleClickEvent=()=>{this.sixTileSelected.emit()}}async hide(){this.visible=!1}async show(){this.visible=!0}connectedCallback(){this.handleSlotChange=this.handleSlotChange.bind(this)}componentWillLoad(){this.handleSlotChange()}handleSlotChange(){this.hasIconSlot=l(this.host,"icon"),this.hasLabelSlot=l(this.host,"label"),this.hasIconSlot&&this.host.querySelector('[slot="icon"]').addEventListener("click",this.handleClickEvent),this.hasLabelSlot&&this.host.querySelector('[slot="label"]').addEventListener("click",this.handleClickEvent)}render(){return t("six-tooltip",{disabled:this.disableTooltip||""===this.label,content:this.label},t("div",{part:"base",class:{tile:!0,"tile--visible":this.visible,"tile--small":"small"===this.size,"tile--medium":"medium"===this.size,"tile--large":"large"===this.size,"tile--elevated":this.elevated}},t("div",{part:"header",class:"tile__header"},t("six-icon-button",{class:{"tile__header--hidden":!this.closeable},name:"close",size:o(this.size),onClick:this.handleCloseClickEvent})),t("div",{part:"body",class:"tile__body"},this.iconName&&t("six-icon",{onClick:this.handleClickEvent,size:r(this.size)},this.iconName),this.hasIconSlot&&t("slot",{name:"icon"})),t("div",{part:"footer",class:{"tile__footer--small":"small"===this.size,"tile__footer--medium":"medium"===this.size,"tile__footer--large":"large"===this.size}},this.label&&t("div",{class:{".label__footer":!0},onClick:this.handleClickEvent},this.label),this.hasLabelSlot&&t("slot",{name:"label"}))))}get host(){return s(this)}};const o=i=>({small:"xxSmall",medium:"medium",large:"medium"}[i]),r=i=>({small:"xLarge",medium:"xxLarge",large:"xxxLarge"}[i]);a.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.tile{min-height:var(--tile-size);width:var(--tile-size);background-color:var(--six-color-clay-50);display:inline-grid;grid-template-columns:100%;grid-template-areas:"header" "middle" "footer"}.tile--small{--tile-size:80px;--tile-padding-size:var(--six-spacing-medium)}.tile--medium{--tile-size:120px;--tile-padding-size:var(--six-spacing-large)}.tile--large{--tile-size:160px;--tile-padding-size:var(--six-spacing-x-large)}.tile:not(.tile--visible){visibility:hidden}.tile--elevated{border:0;box-shadow:var(--six-elevation-8dp)}.tile__header{grid-area:header;height:5%;justify-self:right;display:flex;justify-content:right;opacity:0;transition:var(--six-transition-fast) opacity}.tile:hover>.tile__header{opacity:1}.tile__header--hidden{visibility:hidden}.tile__header six-icon-button{margin-top:-6px;margin-right:-6px;margin-bottom:-16px}.tile__body,.tile__body--large,.tile__body--medium,.tile__body--small{grid-area:middle;display:grid;place-items:center;cursor:pointer;padding-left:var(--tile-padding-size);padding-right:var(--tile-padding-size)}.tile__body six-icon::part(base),.tile__body--large six-icon::part(base),.tile__body--medium six-icon::part(base),.tile__body--small six-icon::part(base){padding:0}.tile__body--small{--tile-padding-size:var(--six-spacing-medium)}.tile__body--medium{--tile-padding-size:var(--six-spacing-large)}.tile__body--large{--tile-padding-size:var(--six-spacing-x-large)}.tile__footer,.tile__footer--large,.tile__footer--medium,.tile__footer--small{grid-area:footer;display:flex;justify-content:center;cursor:pointer;font-weight:var(--six-font-weight-normal);color:var(--six-color-web-rock-900)}.tile__footer--small{font-size:var(--six-font-size-xxx-small)}.tile__footer--medium{font-size:var(--six-font-size-xx-small)}.tile__footer--large{font-size:var(--six-font-size-small)}.tile__footer .label__footer,.tile__footer--small .label__footer,.tile__footer--medium .label__footer,.tile__footer--large .label__footer{overflow:hidden;text-overflow:ellipsis;width:calc(var(--tile-size) - 2em);text-align:center}';export{a as six_tile}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as r,g as i}from"./p-30ebc1e7.js";import{h as n}from"./p-c09dc3a9.js";let s=class{constructor(r){o(this,r),this.sixBlur=t(this,"six-button-blur",7),this.sixFocus=t(this,"six-button-focus",7),this.hasFocus=!1,this.hasLabel=!1,this.hasPrefix=!1,this.hasSuffix=!1,this.type="primary",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.pill=!1,this.circle=!1,this.submit=!1,this.reset=!1}connectedCallback(){this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleClick=this.handleClick.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this)}componentWillLoad(){this.handleSlotChange()}async setFocus(o){this.button.focus(o)}async removeFocus(){this.button.blur()}handleSlotChange(){this.hasLabel=n(this.host),this.hasPrefix=n(this.host,"prefix"),this.hasSuffix=n(this.host,"suffix")}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleClick(o){(this.disabled||this.loading)&&(o.preventDefault(),o.stopPropagation())}render(){const o=!!this.href,t=!o;return r("div",{onClick:this.handleClick,class:{"button-wrapper--disabled":this.disabled}},r(o?"a":"button",{ref:o=>this.button=o,part:"base",class:{button:!0,"button--secondary":"secondary"===this.type,"button--primary":"primary"===this.type,"button--link":"link"===this.type,"button--success":"success"===this.type,"button--warning":"warning"===this.type,"button--danger":"danger"===this.type,"button--action":"action"===this.type,"button--small":"small"===this.size,"button--medium":"medium"===this.size,"button--large":"large"===this.size,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--pill":this.pill,"button--has-label":this.hasLabel,"button--has-prefix":this.hasPrefix,"button--has-suffix":this.hasSuffix},disabled:t?this.disabled:null,type:t?this.submit?"submit":this.reset?"reset":"button":null,name:t?this.name:null,value:t?this.value:null,href:o&&this.href,target:o&&this.target?this.target:null,download:o&&this.download?this.download:null,rel:o&&this.target?"noreferrer noopener":null,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.handleClick,"data-testid":"button"},r("span",{part:"prefix",class:"button__prefix"},r("slot",{onSlotchange:this.handleSlotChange,name:"prefix"})),r("span",{part:"label",class:"button__label"},r("slot",{onSlotchange:this.handleSlotChange})),r("span",{part:"suffix",class:"button__suffix"},r("slot",{onSlotchange:this.handleSlotChange,name:"suffix"})),this.caret&&r("span",{part:"caret",class:"button__caret"},r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("polyline",{points:"6 9 12 15 18 9"}))),this.loading&&r("six-spinner",null)))}get host(){return i(this)}};s.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block;width:auto;cursor:pointer}.button{display:inline-flex;align-items:stretch;justify-content:center;width:100%;border-style:solid;border-width:var(--six-border-width);border-radius:0;font-family:var(--six-font-family);font-weight:var(--six-font-weight-semibold);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;transition:var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:inherit}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button.button--disabled{pointer-events:none}.button ::slotted(six-icon){pointer-events:none}.button-wrapper--disabled{cursor:not-allowed}.button__prefix,.button__suffix{flex:0 0 auto;display:flex;align-items:center}.button.button--secondary{background-color:var(--six-color-white);border-color:var(--six-color-web-rock-900);color:var(--six-color-web-rock-900)}.button.button--secondary.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--secondary:hover:not(.button--disabled){background-color:var(--six-color-web-rock-100)}.button.button--secondary:focus:not(.button--disabled){background-color:var(--six-color-web-rock-100);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--secondary:active:not(.button--disabled){background-color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-900);border-width:var(--six-focus-ring-width)}.button.button--primary{background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-900);color:var(--six-color-white)}.button.button--primary.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--primary:hover:not(.button--disabled){background-color:var(--six-color-web-rock-800);border-color:var(--six-color-web-rock-800)}.button.button--primary:focus:not(.button--disabled){background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--primary:active:not(.button--disabled){background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-900);opacity:70%}.button.button--link{background-color:transparent;border-color:transparent;color:var(--six-color-action-500)}.button.button--link.button--disabled{color:var(--six-color-web-rock-400)}.button.button--link:hover:not(.button--disabled){color:var(--six-color-action-600)}.button.button--link:focus:not(.button--disabled){border-color:var(--six-color-web-rock-400)}.button.button--link:active:not(.button--disabled){color:var(--six-color-action-light-to-be-defined)}.button.button--danger{background-color:var(--six-color-danger-800);border-color:var(--six-color-danger-800);color:var(--six-color-white)}.button.button--danger.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--danger:hover:not(.button--disabled){background-color:var(--six-color-danger-900);border-color:var(--six-color-danger-900)}.button.button--danger:focus:not(.button--disabled){background-color:var(--six-color-danger-800);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--danger:active:not(.button--disabled){background-color:var(--six-color-danger-800);border-color:var(--six-color-danger-800);opacity:70%}.button.button--warning{background-color:var(--six-color-warning-700);border-color:var(--six-color-warning-700);color:var(--six-color-web-rock-900)}.button.button--warning.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--warning:hover:not(.button--disabled){background-color:var(--six-color-warning-800);border-color:var(--six-color-warning-800)}.button.button--warning:focus:not(.button--disabled){background-color:var(--six-color-warning-700);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--warning:active:not(.button--disabled){background-color:var(--six-color-warning-700);border-color:var(--six-color-warning-700);opacity:70%}.button.button--success{background-color:var(--six-color-success-500);border-color:var(--six-color-success-500);color:var(--six-color-web-rock-900)}.button.button--success.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--success:hover:not(.button--disabled){background-color:var(--six-color-success-600);border-color:var(--six-color-success-600)}.button.button--success:focus:not(.button--disabled){background-color:var(--six-color-success-500);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--success:active:not(.button--disabled){background-color:var(--six-color-success-500);border-color:var(--six-color-success-500);opacity:70%}.button.button--action{background-color:var(--six-color-action-500);border-color:var(--six-color-action-500);color:var(--six-color-white)}.button.button--action.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--action:hover:not(.button--disabled){background-color:var(--six-color-action-600);border-color:var(--six-color-action-600)}.button.button--action:focus:not(.button--disabled){background-color:var(--six-color-action-500);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--action:active:not(.button--disabled){background-color:var(--six-color-action-500);border-color:var(--six-color-action-500);opacity:70%}.button--small{font-size:var(--six-button-font-size-small);height:var(--six-height-small);line-height:calc(var(--six-height-small) - var(--six-border-width) * 2)}.button--medium{font-size:var(--six-button-font-size-medium);height:var(--six-height-medium);line-height:calc(var(--six-height-medium) - var(--six-border-width) * 2)}.button--large{font-size:var(--six-button-font-size-large);height:var(--six-height-large);line-height:calc(var(--six-height-large) - var(--six-border-width) * 2)}.button--pill.button--small{border-radius:var(--six-height-small)}.button--pill.button--medium{border-radius:var(--six-height-medium)}.button--pill.button--large{border-radius:var(--six-height-large)}.button--circle{padding-left:0;padding-right:0;font-size:revert}.button--circle.button--small{width:var(--six-height-small);border-radius:50%}.button--circle.button--medium{width:var(--six-height-medium);border-radius:50%}.button--circle.button--large{width:var(--six-height-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__prefix svg,.button--circle .button__suffix svg,.button--circle .button__caret svg{color:var(--six-color-web-rock-900)}.button--caret .button__suffix{display:none}.button--caret .button__caret{display:flex;align-items:center}.button--caret .button__caret svg{color:var(--six-color-web-rock-900);width:1em;height:1em}.button--primary .button__caret svg,.button--action .button__caret svg,.button--danger .button__caret svg{color:var(--six-color-white)}.button--loading{position:relative;cursor:wait}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading six-spinner{--indicator-color:currentColor;position:absolute;height:1em;width:1em;top:calc(50% - 0.5em);left:calc(50% - 0.5em)}.button ::slotted(six-badge){position:absolute;top:0;right:0;transform:translateY(-50%) translateX(50%);pointer-events:none}.button--has-label.button--small .button__label{padding:0 var(--six-spacing-small)}.button--has-label.button--medium .button__label{padding:0 var(--six-spacing-medium)}.button--has-label.button--large .button__label{padding:0 var(--six-spacing-large)}.button--has-prefix.button--small{padding-left:var(--six-spacing-x-small)}.button--has-prefix.button--small .button__label{padding-left:var(--six-spacing-x-small)}.button--has-prefix.button--medium{padding-left:var(--six-spacing-small)}.button--has-prefix.button--medium .button__label{padding-left:var(--six-spacing-small)}.button--has-prefix.button--large{padding-left:var(--six-spacing-small)}.button--has-prefix.button--large .button__label{padding-left:var(--six-spacing-small)}.button--has-suffix.button--small,.button--caret.button--small{padding-right:var(--six-spacing-x-small)}.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label{padding-right:var(--six-spacing-x-small)}.button--has-suffix.button--medium,.button--caret.button--medium{padding-right:var(--six-spacing-small)}.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-right:var(--six-spacing-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-right:var(--six-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-right:var(--six-spacing-small)}";export{s as six_button}
|
|
1
|
+
import{r as o,c as t,h as r,g as i}from"./p-30ebc1e7.js";import{h as n}from"./p-b4dfb7cf.js";let s=class{constructor(r){o(this,r),this.sixBlur=t(this,"six-button-blur",7),this.sixFocus=t(this,"six-button-focus",7),this.hasFocus=!1,this.hasLabel=!1,this.hasPrefix=!1,this.hasSuffix=!1,this.type="primary",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.pill=!1,this.circle=!1,this.submit=!1,this.reset=!1}connectedCallback(){this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleClick=this.handleClick.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this)}componentWillLoad(){this.handleSlotChange()}async setFocus(o){this.button.focus(o)}async removeFocus(){this.button.blur()}handleSlotChange(){this.hasLabel=n(this.host),this.hasPrefix=n(this.host,"prefix"),this.hasSuffix=n(this.host,"suffix")}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleClick(o){(this.disabled||this.loading)&&(o.preventDefault(),o.stopPropagation())}render(){const o=!!this.href,t=!o;return r("div",{onClick:this.handleClick,class:{"button-wrapper--disabled":this.disabled}},r(o?"a":"button",{ref:o=>this.button=o,part:"base",class:{button:!0,"button--secondary":"secondary"===this.type,"button--primary":"primary"===this.type,"button--link":"link"===this.type,"button--success":"success"===this.type,"button--warning":"warning"===this.type,"button--danger":"danger"===this.type,"button--action":"action"===this.type,"button--small":"small"===this.size,"button--medium":"medium"===this.size,"button--large":"large"===this.size,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--pill":this.pill,"button--has-label":this.hasLabel,"button--has-prefix":this.hasPrefix,"button--has-suffix":this.hasSuffix},disabled:t?this.disabled:null,type:t?this.submit?"submit":this.reset?"reset":"button":null,name:t?this.name:null,value:t?this.value:null,href:o&&this.href,target:o&&this.target?this.target:null,download:o&&this.download?this.download:null,rel:o&&this.target?"noreferrer noopener":null,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.handleClick,"data-testid":"button"},r("span",{part:"prefix",class:"button__prefix"},r("slot",{onSlotchange:this.handleSlotChange,name:"prefix"})),r("span",{part:"label",class:"button__label"},r("slot",{onSlotchange:this.handleSlotChange})),r("span",{part:"suffix",class:"button__suffix"},r("slot",{onSlotchange:this.handleSlotChange,name:"suffix"})),this.caret&&r("span",{part:"caret",class:"button__caret"},r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("polyline",{points:"6 9 12 15 18 9"}))),this.loading&&r("six-spinner",null)))}get host(){return i(this)}};s.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block;width:auto;cursor:pointer}.button{display:inline-flex;align-items:stretch;justify-content:center;width:100%;border-style:solid;border-width:var(--six-border-width);border-radius:0;font-family:var(--six-font-family);font-weight:var(--six-font-weight-semibold);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;transition:var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:inherit}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button.button--disabled{pointer-events:none}.button ::slotted(six-icon){pointer-events:none}.button-wrapper--disabled{cursor:not-allowed}.button__prefix,.button__suffix{flex:0 0 auto;display:flex;align-items:center}.button.button--secondary{background-color:var(--six-color-white);border-color:var(--six-color-web-rock-900);color:var(--six-color-web-rock-900)}.button.button--secondary.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--secondary:hover:not(.button--disabled){background-color:var(--six-color-web-rock-100)}.button.button--secondary:focus:not(.button--disabled){background-color:var(--six-color-web-rock-100);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--secondary:active:not(.button--disabled){background-color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-900);border-width:var(--six-focus-ring-width)}.button.button--primary{background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-900);color:var(--six-color-white)}.button.button--primary.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--primary:hover:not(.button--disabled){background-color:var(--six-color-web-rock-800);border-color:var(--six-color-web-rock-800)}.button.button--primary:focus:not(.button--disabled){background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--primary:active:not(.button--disabled){background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-900);opacity:70%}.button.button--link{background-color:transparent;border-color:transparent;color:var(--six-color-action-500)}.button.button--link.button--disabled{color:var(--six-color-web-rock-400)}.button.button--link:hover:not(.button--disabled){color:var(--six-color-action-600)}.button.button--link:focus:not(.button--disabled){border-color:var(--six-color-web-rock-400)}.button.button--link:active:not(.button--disabled){color:var(--six-color-action-light-to-be-defined)}.button.button--danger{background-color:var(--six-color-danger-800);border-color:var(--six-color-danger-800);color:var(--six-color-white)}.button.button--danger.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--danger:hover:not(.button--disabled){background-color:var(--six-color-danger-900);border-color:var(--six-color-danger-900)}.button.button--danger:focus:not(.button--disabled){background-color:var(--six-color-danger-800);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--danger:active:not(.button--disabled){background-color:var(--six-color-danger-800);border-color:var(--six-color-danger-800);opacity:70%}.button.button--warning{background-color:var(--six-color-warning-700);border-color:var(--six-color-warning-700);color:var(--six-color-web-rock-900)}.button.button--warning.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--warning:hover:not(.button--disabled){background-color:var(--six-color-warning-800);border-color:var(--six-color-warning-800)}.button.button--warning:focus:not(.button--disabled){background-color:var(--six-color-warning-700);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--warning:active:not(.button--disabled){background-color:var(--six-color-warning-700);border-color:var(--six-color-warning-700);opacity:70%}.button.button--success{background-color:var(--six-color-success-500);border-color:var(--six-color-success-500);color:var(--six-color-web-rock-900)}.button.button--success.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--success:hover:not(.button--disabled){background-color:var(--six-color-success-600);border-color:var(--six-color-success-600)}.button.button--success:focus:not(.button--disabled){background-color:var(--six-color-success-500);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--success:active:not(.button--disabled){background-color:var(--six-color-success-500);border-color:var(--six-color-success-500);opacity:70%}.button.button--action{background-color:var(--six-color-action-500);border-color:var(--six-color-action-500);color:var(--six-color-white)}.button.button--action.button--disabled{background-color:var(--six-color-web-rock-400);border-color:var(--six-color-web-rock-400);color:var(--six-color-web-rock-700)}.button.button--action:hover:not(.button--disabled){background-color:var(--six-color-action-600);border-color:var(--six-color-action-600)}.button.button--action:focus:not(.button--disabled){background-color:var(--six-color-action-500);border-color:var(--six-color-web-rock-400);box-shadow:var(--six-button-focus-shadow)}.button.button--action:active:not(.button--disabled){background-color:var(--six-color-action-500);border-color:var(--six-color-action-500);opacity:70%}.button--small{font-size:var(--six-button-font-size-small);height:var(--six-height-small);line-height:calc(var(--six-height-small) - var(--six-border-width) * 2)}.button--medium{font-size:var(--six-button-font-size-medium);height:var(--six-height-medium);line-height:calc(var(--six-height-medium) - var(--six-border-width) * 2)}.button--large{font-size:var(--six-button-font-size-large);height:var(--six-height-large);line-height:calc(var(--six-height-large) - var(--six-border-width) * 2)}.button--pill.button--small{border-radius:var(--six-height-small)}.button--pill.button--medium{border-radius:var(--six-height-medium)}.button--pill.button--large{border-radius:var(--six-height-large)}.button--circle{padding-left:0;padding-right:0;font-size:revert}.button--circle.button--small{width:var(--six-height-small);border-radius:50%}.button--circle.button--medium{width:var(--six-height-medium);border-radius:50%}.button--circle.button--large{width:var(--six-height-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__prefix svg,.button--circle .button__suffix svg,.button--circle .button__caret svg{color:var(--six-color-web-rock-900)}.button--caret .button__suffix{display:none}.button--caret .button__caret{display:flex;align-items:center}.button--caret .button__caret svg{color:var(--six-color-web-rock-900);width:1em;height:1em}.button--primary .button__caret svg,.button--action .button__caret svg,.button--danger .button__caret svg{color:var(--six-color-white)}.button--loading{position:relative;cursor:wait}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading six-spinner{--indicator-color:currentColor;position:absolute;height:1em;width:1em;top:calc(50% - 0.5em);left:calc(50% - 0.5em)}.button ::slotted(six-badge){position:absolute;top:0;right:0;transform:translateY(-50%) translateX(50%);pointer-events:none}.button--has-label.button--small .button__label{padding:0 var(--six-spacing-small)}.button--has-label.button--medium .button__label{padding:0 var(--six-spacing-medium)}.button--has-label.button--large .button__label{padding:0 var(--six-spacing-large)}.button--has-prefix.button--small{padding-left:var(--six-spacing-x-small)}.button--has-prefix.button--small .button__label{padding-left:var(--six-spacing-x-small)}.button--has-prefix.button--medium{padding-left:var(--six-spacing-small)}.button--has-prefix.button--medium .button__label{padding-left:var(--six-spacing-small)}.button--has-prefix.button--large{padding-left:var(--six-spacing-small)}.button--has-prefix.button--large .button__label{padding-left:var(--six-spacing-small)}.button--has-suffix.button--small,.button--caret.button--small{padding-right:var(--six-spacing-x-small)}.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label{padding-right:var(--six-spacing-x-small)}.button--has-suffix.button--medium,.button--caret.button--medium{padding-right:var(--six-spacing-small)}.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-right:var(--six-spacing-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-right:var(--six-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-right:var(--six-spacing-small)}";export{s as six_button}
|