@momentum-ui/web-components 2.17.15 → 2.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/109.js +11 -0
- package/dist/1107.js +1 -0
- package/dist/1200.js +26 -0
- package/dist/1250.js +1 -0
- package/dist/1270.js +1 -0
- package/dist/1323.js +26 -0
- package/dist/1392.js +1 -0
- package/dist/1439.js +1 -0
- package/dist/144.js +1 -0
- package/dist/1572.js +1 -0
- package/dist/1598.js +1 -0
- package/dist/1625.js +1 -0
- package/dist/1705.js +1 -0
- package/dist/182.js +1 -0
- package/dist/1869.js +1 -0
- package/dist/1890.js +1 -0
- package/dist/195.js +1 -0
- package/dist/2019.js +1 -0
- package/dist/2043.js +1 -0
- package/dist/2176.js +1 -0
- package/dist/2215.js +1 -0
- package/dist/2243.js +1 -0
- package/dist/2547.js +218 -0
- package/dist/2576.js +1 -0
- package/dist/2798.js +1 -0
- package/dist/2972.js +1 -0
- package/dist/2984.js +1 -0
- package/dist/300.js +1 -0
- package/dist/3001.js +1 -0
- package/dist/3112.js +1 -0
- package/dist/3135.js +1 -0
- package/dist/3192.js +23 -0
- package/dist/3553.js +1 -0
- package/dist/3604.js +1 -0
- package/dist/3625.js +1 -0
- package/dist/3663.js +1 -0
- package/dist/3866.js +1 -0
- package/dist/4006.js +1 -0
- package/dist/4392.js +1 -0
- package/dist/4400.js +1 -0
- package/dist/4548.js +1 -0
- package/dist/4624.js +1 -0
- package/dist/4663.js +1 -0
- package/dist/4974.js +1 -0
- package/dist/4977.js +1 -0
- package/dist/5211.js +1 -0
- package/dist/528.js +12 -0
- package/dist/5382.js +1 -0
- package/dist/{chunks/md-2.js → 5433.js} +1 -1
- package/dist/5467.js +1 -0
- package/dist/573.js +1 -0
- package/dist/5801.js +22 -0
- package/dist/587.js +1 -0
- package/dist/591.js +1 -0
- package/dist/6015.js +1 -0
- package/dist/6067.js +1 -0
- package/dist/6272.js +1 -0
- package/dist/6273.js +45 -0
- package/dist/630.js +1 -0
- package/dist/6325.js +1 -0
- package/dist/6366.js +1 -0
- package/dist/6396.js +9 -0
- package/dist/6400.js +1 -0
- package/dist/6408.js +124 -0
- package/dist/6441.js +1 -0
- package/dist/6652.js +47 -0
- package/dist/6677.js +1 -0
- package/dist/6700.js +1 -0
- package/dist/671.js +1 -0
- package/dist/6754.js +17 -0
- package/dist/6795.js +1 -0
- package/dist/6798.js +77 -0
- package/dist/6875.js +1 -0
- package/dist/6979.js +1 -0
- package/dist/7030.js +1 -0
- package/dist/7092.js +1 -0
- package/dist/7103.js +1 -0
- package/dist/7251.js +1 -0
- package/dist/7330.js +1 -0
- package/dist/7502.js +1 -0
- package/dist/754.js +1 -0
- package/dist/76.js +1 -0
- package/dist/768.js +1 -0
- package/dist/7719.js +1 -0
- package/dist/7763.js +1 -0
- package/dist/779.js +1 -0
- package/dist/7814.js +8 -0
- package/dist/7833.js +1 -0
- package/dist/7875.js +1 -0
- package/dist/7919.js +1 -0
- package/dist/8028.js +44 -0
- package/dist/8171.js +16 -0
- package/dist/8210.js +1 -0
- package/dist/8227.js +1 -0
- package/dist/8373.js +1 -0
- package/dist/8387.js +1 -0
- package/dist/8521.js +1 -0
- package/dist/8728.js +1 -0
- package/dist/8841.js +1 -0
- package/dist/8889.js +1 -0
- package/dist/9058.js +1 -0
- package/dist/9618.js +1 -0
- package/dist/9719.js +1 -0
- package/dist/9788.js +7 -0
- package/dist/9813.js +1 -0
- package/dist/984.js +8 -0
- package/dist/assets/styles/fonts.css +13 -0
- package/dist/chunks/md-1012.js +1 -0
- package/dist/chunks/md-1036.js +1 -0
- package/dist/chunks/md-108.js +1 -1
- package/dist/chunks/md-1180.js +1 -0
- package/dist/chunks/md-1192.js +1 -0
- package/dist/chunks/md-1297.js +1 -0
- package/dist/chunks/md-1352.js +1 -0
- package/dist/chunks/md-1497.js +1 -0
- package/dist/chunks/md-1519.js +1 -0
- package/dist/chunks/md-1533.js +1 -0
- package/dist/chunks/md-1679.js +1 -0
- package/dist/chunks/md-1786.js +1 -0
- package/dist/chunks/md-181.js +1 -1
- package/dist/chunks/md-1870.js +1 -0
- package/dist/chunks/md-1942.js +1 -0
- package/dist/chunks/md-1983.js +1 -0
- package/dist/chunks/md-2052.js +1 -0
- package/dist/chunks/md-2086.js +1 -0
- package/dist/chunks/md-2224.js +1 -0
- package/dist/chunks/md-2241.js +1 -0
- package/dist/chunks/md-2292.js +1 -0
- package/dist/chunks/md-2329.js +1 -0
- package/dist/chunks/md-2402.js +1 -0
- package/dist/chunks/md-2539.js +1 -0
- package/dist/chunks/md-258.js +1 -1
- package/dist/chunks/md-2670.js +1 -0
- package/dist/chunks/md-2698.js +1 -0
- package/dist/chunks/md-2701.js +1 -0
- package/dist/chunks/md-2731.js +1 -0
- package/dist/chunks/md-279.js +1 -1
- package/dist/chunks/md-2825.js +1 -0
- package/dist/chunks/md-2896.js +1 -0
- package/dist/chunks/md-2904.js +1 -0
- package/dist/chunks/md-2923.js +1 -0
- package/dist/chunks/md-2962.js +1 -0
- package/dist/chunks/md-2970.js +1 -0
- package/dist/chunks/md-2978.js +1 -0
- package/dist/chunks/md-3035.js +1 -0
- package/dist/chunks/md-3105.js +1 -0
- package/dist/chunks/md-3195.js +1 -0
- package/dist/chunks/md-3206.js +1 -0
- package/dist/chunks/md-3231.js +1 -0
- package/dist/chunks/md-3255.js +1 -0
- package/dist/chunks/md-3270.js +1 -0
- package/dist/chunks/md-3315.js +1 -0
- package/dist/chunks/md-3399.js +1 -0
- package/dist/chunks/md-3402.js +1 -0
- package/dist/chunks/md-3409.js +1 -0
- package/dist/chunks/md-3447.js +1 -0
- package/dist/chunks/md-3458.js +1 -0
- package/dist/chunks/md-3543.js +1 -0
- package/dist/chunks/md-3557.js +1 -0
- package/dist/chunks/md-3618.js +1 -0
- package/dist/chunks/md-364.js +1 -0
- package/dist/chunks/md-3666.js +1 -0
- package/dist/chunks/md-3712.js +1 -0
- package/dist/chunks/md-3732.js +1 -0
- package/dist/chunks/md-3838.js +1 -0
- package/dist/chunks/md-4058.js +1 -0
- package/dist/chunks/md-4108.js +1 -0
- package/dist/chunks/md-4113.js +1 -0
- package/dist/chunks/md-4125.js +1 -0
- package/dist/chunks/md-414.js +1 -0
- package/dist/chunks/md-4177.js +1 -0
- package/dist/chunks/md-4205.js +1 -0
- package/dist/chunks/md-431.js +1 -0
- package/dist/chunks/md-4321.js +1 -0
- package/dist/chunks/md-436.js +1 -0
- package/dist/chunks/md-4412.js +1 -0
- package/dist/chunks/md-4460.js +1 -0
- package/dist/chunks/md-4490.js +1 -0
- package/dist/chunks/md-4561.js +1 -0
- package/dist/chunks/md-4564.js +1 -0
- package/dist/chunks/md-4608.js +1 -0
- package/dist/chunks/md-4635.js +1 -0
- package/dist/chunks/md-4659.js +1 -0
- package/dist/chunks/md-4701.js +1 -0
- package/dist/chunks/md-4714.js +1 -0
- package/dist/chunks/md-4745.js +1 -0
- package/dist/chunks/md-4893.js +1 -0
- package/dist/chunks/md-4896.js +1 -0
- package/dist/chunks/md-4904.js +1 -0
- package/dist/chunks/md-5076.js +1 -0
- package/dist/chunks/md-5089.js +1 -0
- package/dist/chunks/md-5093.js +1 -0
- package/dist/chunks/md-5117.js +1 -0
- package/dist/chunks/md-5133.js +1 -0
- package/dist/chunks/md-5320.js +1 -0
- package/dist/chunks/md-5331.js +1 -0
- package/dist/chunks/md-5344.js +1 -0
- package/dist/chunks/md-5439.js +1 -0
- package/dist/chunks/md-5449.js +1 -0
- package/dist/chunks/md-5468.js +1 -0
- package/dist/chunks/md-5506.js +1 -0
- package/dist/chunks/md-5579.js +1 -0
- package/dist/chunks/md-5610.js +1 -0
- package/dist/chunks/md-5617.js +1 -0
- package/dist/chunks/md-5672.js +1 -0
- package/dist/chunks/md-5754.js +1 -0
- package/dist/chunks/md-5772.js +1 -0
- package/dist/chunks/md-5790.js +1 -0
- package/dist/chunks/md-581.js +1 -0
- package/dist/chunks/md-5812.js +1 -0
- package/dist/chunks/md-5814.js +1 -0
- package/dist/chunks/md-5892.js +1 -0
- package/dist/chunks/md-593.js +1 -0
- package/dist/chunks/md-5976.js +1 -0
- package/dist/chunks/md-6023.js +1 -0
- package/dist/chunks/md-6033.js +1 -0
- package/dist/chunks/md-6122.js +1 -0
- package/dist/chunks/md-6269.js +1 -0
- package/dist/chunks/md-634.js +1 -0
- package/dist/chunks/md-6384.js +1 -0
- package/dist/chunks/md-6414.js +1 -0
- package/dist/chunks/md-6427.js +1 -0
- package/dist/chunks/md-6478.js +1 -0
- package/dist/chunks/md-6503.js +1 -0
- package/dist/chunks/md-6571.js +1 -0
- package/dist/chunks/md-6617.js +1 -0
- package/dist/chunks/md-6685.js +1 -0
- package/dist/chunks/md-6722.js +1 -0
- package/dist/chunks/md-6756.js +1 -0
- package/dist/chunks/md-6809.js +1 -0
- package/dist/chunks/md-6891.js +1 -0
- package/dist/chunks/md-7003.js +1 -0
- package/dist/chunks/md-7005.js +1 -0
- package/dist/chunks/md-7015.js +1 -0
- package/dist/chunks/md-7040.js +1 -0
- package/dist/chunks/md-7044.js +1 -0
- package/dist/chunks/md-7053.js +1 -0
- package/dist/chunks/md-7186.js +1 -0
- package/dist/chunks/md-7192.js +1 -0
- package/dist/chunks/md-7204.js +1 -0
- package/dist/chunks/md-7220.js +1 -0
- package/dist/chunks/md-7246.js +1 -0
- package/dist/chunks/md-7285.js +1 -0
- package/dist/chunks/md-7292.js +1 -0
- package/dist/chunks/md-736.js +1 -0
- package/dist/chunks/md-7492.js +1 -0
- package/dist/chunks/md-7522.js +1 -0
- package/dist/chunks/md-7533.js +1 -0
- package/dist/chunks/md-7556.js +1 -0
- package/dist/chunks/md-7601.js +1 -0
- package/dist/chunks/md-7909.js +1 -0
- package/dist/chunks/md-7918.js +1 -0
- package/dist/chunks/md-7939.js +1 -0
- package/dist/chunks/md-8100.js +1 -0
- package/dist/chunks/md-8103.js +1 -0
- package/dist/chunks/md-8126.js +1 -0
- package/dist/chunks/md-8130.js +1 -0
- package/dist/chunks/md-8186.js +1 -0
- package/dist/chunks/md-8199.js +1 -0
- package/dist/chunks/md-8206.js +1 -0
- package/dist/chunks/md-8254.js +1 -0
- package/dist/chunks/md-8327.js +1 -0
- package/dist/chunks/md-8333.js +1 -0
- package/dist/chunks/md-8385.js +1 -0
- package/dist/chunks/md-8425.js +1 -0
- package/dist/chunks/md-8451.js +1 -0
- package/dist/chunks/md-8454.js +1 -0
- package/dist/chunks/md-8514.js +1 -0
- package/dist/chunks/md-8557.js +1 -0
- package/dist/chunks/md-8670.js +1 -0
- package/dist/chunks/md-8713.js +1 -0
- package/dist/chunks/md-8811.js +1 -0
- package/dist/chunks/md-8891.js +1 -0
- package/dist/chunks/md-9040.js +1 -0
- package/dist/chunks/md-9081.js +1 -0
- package/dist/chunks/md-9104.js +1 -0
- package/dist/chunks/md-9115.js +1 -0
- package/dist/chunks/md-9129.js +1 -0
- package/dist/chunks/md-9139.js +1 -0
- package/dist/chunks/md-9156.js +1 -0
- package/dist/chunks/md-9277.js +1 -0
- package/dist/chunks/md-9350.js +1 -0
- package/dist/chunks/md-9387.js +1 -0
- package/dist/chunks/md-9405.js +1 -0
- package/dist/chunks/md-9407.js +1 -0
- package/dist/chunks/md-9412.js +1 -0
- package/dist/chunks/md-9428.js +1 -0
- package/dist/chunks/md-9433.js +1 -0
- package/dist/chunks/md-945.js +1 -0
- package/dist/chunks/md-9497.js +1 -0
- package/dist/chunks/md-9559.js +1 -0
- package/dist/chunks/md-959.js +1 -0
- package/dist/chunks/md-9614.js +1 -0
- package/dist/chunks/md-9688.js +1 -0
- package/dist/chunks/md-9689.js +1 -0
- package/dist/chunks/md-9721.js +1 -0
- package/dist/chunks/md-9789.js +1 -0
- package/dist/chunks/md-9927.js +1 -0
- package/dist/chunks/md-9934.js +1 -0
- package/dist/chunks/md-9975.js +1 -0
- package/dist/chunks/md-9980.js +1 -0
- package/dist/comp/md-accordion-entry.js +5 -1
- package/dist/comp/md-accordion-item-entry.js +38 -1
- package/dist/comp/md-accordion-item.js +1 -15
- package/dist/comp/md-accordion.js +1 -11
- package/dist/comp/md-activity-button-entry.js +13 -1
- package/dist/comp/md-activity-button.js +1 -9
- package/dist/comp/md-advance-list-entry.js +35 -1
- package/dist/comp/md-advance-list.js +1 -7
- package/dist/comp/md-alert-banner-entry.js +36 -1
- package/dist/comp/md-alert-banner.js +1 -9
- package/dist/comp/md-alert-entry.js +156 -1
- package/dist/comp/md-alert.js +1 -10
- package/dist/comp/md-audio-player-entry.js +98 -1
- package/dist/comp/md-audio-player.js +1 -17
- package/dist/comp/md-avatar-entry.js +44 -1
- package/dist/comp/md-avatar.js +1 -11
- package/dist/comp/md-badge-entry.js +33 -1
- package/dist/comp/md-badge.js +1 -4
- package/dist/comp/md-breadcrumb-entry.js +11 -1
- package/dist/comp/md-breadcrumb.js +1 -4
- package/dist/comp/md-button-entry.js +77 -1
- package/dist/comp/md-button-group-entry.js +5 -1
- package/dist/comp/md-button-group.js +1 -10
- package/dist/comp/md-button.js +1 -6
- package/dist/comp/md-card-ai-entry.js +77 -1
- package/dist/comp/md-card-ai.js +1 -9
- package/dist/comp/md-card-entry.js +98 -1
- package/dist/comp/md-card.js +1 -23
- package/dist/comp/md-chat-message-entry.js +28 -1
- package/dist/comp/md-chat-message.js +1 -12
- package/dist/comp/md-checkbox-entry.js +14 -1
- package/dist/comp/md-checkbox.js +1 -11
- package/dist/comp/md-checkboxgroup-entry.js +5 -1
- package/dist/comp/md-checkboxgroup.js +1 -11
- package/dist/comp/md-chip-entry.js +71 -1
- package/dist/comp/md-chip.js +1 -14
- package/dist/comp/md-coachmark-entry.js +22 -1
- package/dist/comp/md-coachmark-popover-entry.js +72 -1
- package/dist/comp/md-coachmark-popover.js +1 -15
- package/dist/comp/md-coachmark.js +1 -13
- package/dist/comp/md-combobox-entry.js +218 -1
- package/dist/comp/md-combobox.js +1 -17
- package/dist/comp/md-composite-avatar-entry.js +5 -1
- package/dist/comp/md-composite-avatar.js +1 -5
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +1 -26
- package/dist/comp/md-date-time-picker-entry.js +24 -1
- package/dist/comp/md-date-time-picker.js +1 -19
- package/dist/comp/md-datepicker-calendar-entry.js +47 -1
- package/dist/comp/md-datepicker-calendar.js +1 -14
- package/dist/comp/md-datepicker-day-entry.js +17 -1
- package/dist/comp/md-datepicker-day.js +1 -9
- package/dist/comp/md-datepicker-entry.js +45 -1
- package/dist/comp/md-datepicker-month-entry.js +8 -1
- package/dist/comp/md-datepicker-month.js +1 -11
- package/dist/comp/md-datepicker-week-entry.js +8 -1
- package/dist/comp/md-datepicker-week.js +1 -10
- package/dist/comp/md-datepicker.js +1 -25
- package/dist/comp/md-draggable-entry.js +5 -1
- package/dist/comp/md-draggable-item-entry.js +11 -1
- package/dist/comp/md-draggable-item.js +1 -11
- package/dist/comp/md-draggable.js +1 -12
- package/dist/comp/md-dropdown-entry.js +138 -1
- package/dist/comp/md-dropdown.js +1 -15
- package/dist/comp/md-editable-field-entry.js +153 -1
- package/dist/comp/md-editable-field.js +1 -15
- package/dist/comp/md-favorite-entry.js +23 -1
- package/dist/comp/md-favorite.js +1 -14
- package/dist/comp/md-floating-minimize-entry.js +30 -1
- package/dist/comp/md-floating-minimize.js +1 -15
- package/dist/comp/md-floating-modal-entry.js +99 -1
- package/dist/comp/md-floating-modal.js +1 -16
- package/dist/comp/md-form-entry.js +19 -1
- package/dist/comp/md-form.js +1 -9
- package/dist/comp/md-grabber-entry.js +22 -1
- package/dist/comp/md-grabber.js +1 -15
- package/dist/comp/md-help-text-entry.js +11 -1
- package/dist/comp/md-help-text.js +1 -4
- package/dist/comp/md-icon-entry.js +26 -1
- package/dist/comp/md-icon.js +1 -8
- package/dist/comp/md-inpu.js +1 -12
- package/dist/comp/md-input-entry.js +124 -1
- package/dist/comp/md-input-file.js +17 -1
- package/dist/comp/md-input.js +1 -13
- package/dist/comp/md-label-entry.js +9 -1
- package/dist/comp/md-label.js +1 -4
- package/dist/comp/md-link-entry.js +36 -1
- package/dist/comp/md-link.js +1 -4
- package/dist/comp/md-list-entry.js +5 -1
- package/dist/comp/md-list-item-entry.js +5 -1
- package/dist/comp/md-list-item.js +1 -11
- package/dist/comp/md-list.js +1 -11
- package/dist/comp/md-loading-entry.js +7 -1
- package/dist/comp/md-loading.js +1 -4
- package/dist/comp/md-meeting-alert-entry.js +55 -1
- package/dist/comp/md-meeting-alert.js +1 -12
- package/dist/comp/md-menu-entry.js +7 -1
- package/dist/comp/md-menu-item-entry.js +16 -1
- package/dist/comp/md-menu-item.js +1 -4
- package/dist/comp/md-menu-overlay-entry.js +26 -1
- package/dist/comp/md-menu-overlay.js +1 -9
- package/dist/comp/md-menu.js +1 -8
- package/dist/comp/md-modal-entry.js +73 -1
- package/dist/comp/md-modal.js +1 -15
- package/dist/comp/md-pagination-entry.js +78 -1
- package/dist/comp/md-pagination.js +1 -9
- package/dist/comp/md-phone-input-entry.js +71 -1
- package/dist/comp/md-phone-input.js +1 -20
- package/dist/comp/md-popover-entry.js +26 -1
- package/dist/comp/md-popover.js +1 -14
- package/dist/comp/md-progress-bar-entry.js +21 -1
- package/dist/comp/md-progress-bar.js +1 -4
- package/dist/comp/md-radio-entry.js +17 -1
- package/dist/comp/md-radio.js +1 -11
- package/dist/comp/md-radiogroup-entry.js +5 -1
- package/dist/comp/md-radiogroup.js +1 -11
- package/dist/comp/md-slider-entry.js +19 -1
- package/dist/comp/md-slider.js +1 -10
- package/dist/comp/md-spinner-entry.js +1 -1
- package/dist/comp/md-spinner.js +1 -4
- package/dist/comp/md-tab-entry.js +27 -1
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-tab-panel.js +1 -11
- package/dist/comp/md-tab.js +1 -11
- package/dist/comp/md-table-advanced-entry.js +168 -1
- package/dist/comp/md-table-advanced.js +1 -15
- package/dist/comp/md-table-entry.js +43 -1
- package/dist/comp/md-table.js +1 -9
- package/dist/comp/md-tabs-entry.js +129 -1
- package/dist/comp/md-tabs.js +1 -22
- package/dist/comp/md-task-item-entry.js +114 -1
- package/dist/comp/md-task-item.js +1 -10
- package/dist/comp/md-theme-entry.js +12 -1
- package/dist/comp/md-theme.js +1 -4
- package/dist/comp/md-timepicker-entry.js +45 -1
- package/dist/comp/md-timepicker.js +1 -22
- package/dist/comp/md-toggle-switch-entry.js +34 -1
- package/dist/comp/md-toggle-switch.js +1 -11
- package/dist/comp/md-tooltip-entry.js +23 -1
- package/dist/comp/md-tooltip.js +1 -12
- package/dist/index-entry.js +2615 -2
- package/dist/index.js +1 -94
- package/dist/managers/thememanager-entry.js +1 -1
- package/dist/managers/thememanager.js +1 -2
- package/dist/types/components/accordion/Accordion.d.ts +2 -2
- package/dist/types/components/card-ai/CardAi.d.ts +2 -0
- package/dist/types/components/date-range-picker/DateRangePicker.d.ts +3 -4
- package/dist/types/components/date-time-picker/DateTimePicker.d.ts +6 -7
- package/dist/types/components/datepicker/DatePicker.d.ts +1 -1
- package/dist/types/components/datepicker/datepicker-calendar/DatePickerCalendar.d.ts +3 -1
- package/dist/types/components/datepicker/datepicker-day/DatePickerDay.d.ts +1 -1
- package/dist/types/components/input/Input.d.ts +1 -0
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -2
- package/dist/types/utils/dateUtils.d.ts +19 -4
- package/package.json +6 -6
- package/dist/chunks/md-0.js +0 -1
- package/dist/chunks/md-1.js +0 -1
- package/dist/chunks/md-10.js +0 -1
- package/dist/chunks/md-100.js +0 -1
- package/dist/chunks/md-101.js +0 -1
- package/dist/chunks/md-102.js +0 -1
- package/dist/chunks/md-103.js +0 -1
- package/dist/chunks/md-104.js +0 -1
- package/dist/chunks/md-105.js +0 -1
- package/dist/chunks/md-106.js +0 -1
- package/dist/chunks/md-107.js +0 -1
- package/dist/chunks/md-109.js +0 -1
- package/dist/chunks/md-11.js +0 -1
- package/dist/chunks/md-110.js +0 -1
- package/dist/chunks/md-111.js +0 -1
- package/dist/chunks/md-112.js +0 -1
- package/dist/chunks/md-113.js +0 -1
- package/dist/chunks/md-114.js +0 -1
- package/dist/chunks/md-115.js +0 -1
- package/dist/chunks/md-116.js +0 -1
- package/dist/chunks/md-117.js +0 -1
- package/dist/chunks/md-118.js +0 -1
- package/dist/chunks/md-119.js +0 -1
- package/dist/chunks/md-12.js +0 -1
- package/dist/chunks/md-120.js +0 -1
- package/dist/chunks/md-121.js +0 -1
- package/dist/chunks/md-122.js +0 -1
- package/dist/chunks/md-123.js +0 -1
- package/dist/chunks/md-124.js +0 -1
- package/dist/chunks/md-125.js +0 -1
- package/dist/chunks/md-126.js +0 -1
- package/dist/chunks/md-127.js +0 -1
- package/dist/chunks/md-128.js +0 -1
- package/dist/chunks/md-129.js +0 -1
- package/dist/chunks/md-13.js +0 -1
- package/dist/chunks/md-130.js +0 -1
- package/dist/chunks/md-131.js +0 -1
- package/dist/chunks/md-132.js +0 -1
- package/dist/chunks/md-133.js +0 -1
- package/dist/chunks/md-134.js +0 -1
- package/dist/chunks/md-135.js +0 -1
- package/dist/chunks/md-136.js +0 -1
- package/dist/chunks/md-137.js +0 -1
- package/dist/chunks/md-138.js +0 -1
- package/dist/chunks/md-139.js +0 -1
- package/dist/chunks/md-14.js +0 -11
- package/dist/chunks/md-140.js +0 -1
- package/dist/chunks/md-141.js +0 -1
- package/dist/chunks/md-142.js +0 -1
- package/dist/chunks/md-143.js +0 -1
- package/dist/chunks/md-144.js +0 -1
- package/dist/chunks/md-145.js +0 -1
- package/dist/chunks/md-146.js +0 -1
- package/dist/chunks/md-147.js +0 -1
- package/dist/chunks/md-148.js +0 -1
- package/dist/chunks/md-149.js +0 -1
- package/dist/chunks/md-15.js +0 -9
- package/dist/chunks/md-150.js +0 -1
- package/dist/chunks/md-151.js +0 -1
- package/dist/chunks/md-152.js +0 -1
- package/dist/chunks/md-153.js +0 -1
- package/dist/chunks/md-154.js +0 -1
- package/dist/chunks/md-155.js +0 -1
- package/dist/chunks/md-156.js +0 -1
- package/dist/chunks/md-157.js +0 -1
- package/dist/chunks/md-158.js +0 -1
- package/dist/chunks/md-159.js +0 -1
- package/dist/chunks/md-16.js +0 -1
- package/dist/chunks/md-160.js +0 -1
- package/dist/chunks/md-161.js +0 -1
- package/dist/chunks/md-162.js +0 -1
- package/dist/chunks/md-163.js +0 -1
- package/dist/chunks/md-164.js +0 -1
- package/dist/chunks/md-165.js +0 -1
- package/dist/chunks/md-166.js +0 -1
- package/dist/chunks/md-167.js +0 -1
- package/dist/chunks/md-168.js +0 -1
- package/dist/chunks/md-169.js +0 -1
- package/dist/chunks/md-17.js +0 -26
- package/dist/chunks/md-170.js +0 -1
- package/dist/chunks/md-171.js +0 -1
- package/dist/chunks/md-172.js +0 -1
- package/dist/chunks/md-173.js +0 -1
- package/dist/chunks/md-174.js +0 -1
- package/dist/chunks/md-175.js +0 -1
- package/dist/chunks/md-176.js +0 -1
- package/dist/chunks/md-177.js +0 -1
- package/dist/chunks/md-178.js +0 -1
- package/dist/chunks/md-179.js +0 -1
- package/dist/chunks/md-18.js +0 -124
- package/dist/chunks/md-180.js +0 -1
- package/dist/chunks/md-182.js +0 -1
- package/dist/chunks/md-183.js +0 -1
- package/dist/chunks/md-184.js +0 -1
- package/dist/chunks/md-185.js +0 -1
- package/dist/chunks/md-186.js +0 -1
- package/dist/chunks/md-187.js +0 -1
- package/dist/chunks/md-188.js +0 -1
- package/dist/chunks/md-189.js +0 -1
- package/dist/chunks/md-19.js +0 -1
- package/dist/chunks/md-190.js +0 -1
- package/dist/chunks/md-191.js +0 -1
- package/dist/chunks/md-192.js +0 -1
- package/dist/chunks/md-193.js +0 -1
- package/dist/chunks/md-194.js +0 -1
- package/dist/chunks/md-195.js +0 -1
- package/dist/chunks/md-196.js +0 -1
- package/dist/chunks/md-197.js +0 -1
- package/dist/chunks/md-198.js +0 -1
- package/dist/chunks/md-199.js +0 -1
- package/dist/chunks/md-20.js +0 -17
- package/dist/chunks/md-200.js +0 -1
- package/dist/chunks/md-201.js +0 -1
- package/dist/chunks/md-202.js +0 -1
- package/dist/chunks/md-203.js +0 -1
- package/dist/chunks/md-204.js +0 -1
- package/dist/chunks/md-205.js +0 -1
- package/dist/chunks/md-206.js +0 -1
- package/dist/chunks/md-207.js +0 -1
- package/dist/chunks/md-208.js +0 -1
- package/dist/chunks/md-209.js +0 -1
- package/dist/chunks/md-21.js +0 -23
- package/dist/chunks/md-210.js +0 -1
- package/dist/chunks/md-211.js +0 -1
- package/dist/chunks/md-212.js +0 -1
- package/dist/chunks/md-213.js +0 -1
- package/dist/chunks/md-214.js +0 -1
- package/dist/chunks/md-215.js +0 -1
- package/dist/chunks/md-216.js +0 -1
- package/dist/chunks/md-217.js +0 -1
- package/dist/chunks/md-218.js +0 -1
- package/dist/chunks/md-219.js +0 -1
- package/dist/chunks/md-22.js +0 -8
- package/dist/chunks/md-220.js +0 -1
- package/dist/chunks/md-221.js +0 -1
- package/dist/chunks/md-222.js +0 -1
- package/dist/chunks/md-223.js +0 -1
- package/dist/chunks/md-224.js +0 -1
- package/dist/chunks/md-225.js +0 -1
- package/dist/chunks/md-226.js +0 -1
- package/dist/chunks/md-227.js +0 -1
- package/dist/chunks/md-228.js +0 -1
- package/dist/chunks/md-229.js +0 -1
- package/dist/chunks/md-23.js +0 -1
- package/dist/chunks/md-230.js +0 -1
- package/dist/chunks/md-231.js +0 -1
- package/dist/chunks/md-232.js +0 -1
- package/dist/chunks/md-233.js +0 -1
- package/dist/chunks/md-234.js +0 -1
- package/dist/chunks/md-235.js +0 -1
- package/dist/chunks/md-236.js +0 -1
- package/dist/chunks/md-237.js +0 -1
- package/dist/chunks/md-238.js +0 -1
- package/dist/chunks/md-239.js +0 -1
- package/dist/chunks/md-24.js +0 -1
- package/dist/chunks/md-240.js +0 -1
- package/dist/chunks/md-241.js +0 -1
- package/dist/chunks/md-242.js +0 -1
- package/dist/chunks/md-243.js +0 -1
- package/dist/chunks/md-244.js +0 -1
- package/dist/chunks/md-245.js +0 -1
- package/dist/chunks/md-246.js +0 -1
- package/dist/chunks/md-247.js +0 -1
- package/dist/chunks/md-248.js +0 -1
- package/dist/chunks/md-249.js +0 -1
- package/dist/chunks/md-25.js +0 -7
- package/dist/chunks/md-250.js +0 -1
- package/dist/chunks/md-251.js +0 -1
- package/dist/chunks/md-252.js +0 -1
- package/dist/chunks/md-253.js +0 -1
- package/dist/chunks/md-254.js +0 -1
- package/dist/chunks/md-255.js +0 -1
- package/dist/chunks/md-256.js +0 -1
- package/dist/chunks/md-257.js +0 -1
- package/dist/chunks/md-259.js +0 -1
- package/dist/chunks/md-26.js +0 -8
- package/dist/chunks/md-260.js +0 -1
- package/dist/chunks/md-261.js +0 -1
- package/dist/chunks/md-262.js +0 -1
- package/dist/chunks/md-263.js +0 -1
- package/dist/chunks/md-264.js +0 -1
- package/dist/chunks/md-265.js +0 -1
- package/dist/chunks/md-266.js +0 -1
- package/dist/chunks/md-267.js +0 -1
- package/dist/chunks/md-268.js +0 -1
- package/dist/chunks/md-269.js +0 -1
- package/dist/chunks/md-27.js +0 -1
- package/dist/chunks/md-270.js +0 -1
- package/dist/chunks/md-271.js +0 -1
- package/dist/chunks/md-272.js +0 -1
- package/dist/chunks/md-273.js +0 -1
- package/dist/chunks/md-274.js +0 -1
- package/dist/chunks/md-275.js +0 -1
- package/dist/chunks/md-276.js +0 -1
- package/dist/chunks/md-277.js +0 -1
- package/dist/chunks/md-278.js +0 -1
- package/dist/chunks/md-28.js +0 -1
- package/dist/chunks/md-280.js +0 -1
- package/dist/chunks/md-281.js +0 -1
- package/dist/chunks/md-282.js +0 -1
- package/dist/chunks/md-283.js +0 -1
- package/dist/chunks/md-29.js +0 -55
- package/dist/chunks/md-3.js +0 -1
- package/dist/chunks/md-30.js +0 -1
- package/dist/chunks/md-31.js +0 -216
- package/dist/chunks/md-32.js +0 -49
- package/dist/chunks/md-33.js +0 -1
- package/dist/chunks/md-34.js +0 -1
- package/dist/chunks/md-35.js +0 -36
- package/dist/chunks/md-36.js +0 -33
- package/dist/chunks/md-37.js +0 -23
- package/dist/chunks/md-38.js +0 -5
- package/dist/chunks/md-39.js +0 -5
- package/dist/chunks/md-4.js +0 -1
- package/dist/chunks/md-40.js +0 -1
- package/dist/chunks/md-41.js +0 -21
- package/dist/chunks/md-42.js +0 -26
- package/dist/chunks/md-43.js +0 -44
- package/dist/chunks/md-44.js +0 -1
- package/dist/chunks/md-45.js +0 -30
- package/dist/chunks/md-46.js +0 -16
- package/dist/chunks/md-47.js +0 -1
- package/dist/chunks/md-48.js +0 -27
- package/dist/chunks/md-49.js +0 -5
- package/dist/chunks/md-5.js +0 -1
- package/dist/chunks/md-50.js +0 -38
- package/dist/chunks/md-51.js +0 -13
- package/dist/chunks/md-52.js +0 -35
- package/dist/chunks/md-53.js +0 -36
- package/dist/chunks/md-54.js +0 -121
- package/dist/chunks/md-55.js +0 -98
- package/dist/chunks/md-56.js +0 -11
- package/dist/chunks/md-57.js +0 -5
- package/dist/chunks/md-58.js +0 -77
- package/dist/chunks/md-59.js +0 -68
- package/dist/chunks/md-6.js +0 -1
- package/dist/chunks/md-60.js +0 -28
- package/dist/chunks/md-61.js +0 -14
- package/dist/chunks/md-62.js +0 -5
- package/dist/chunks/md-63.js +0 -51
- package/dist/chunks/md-64.js +0 -22
- package/dist/chunks/md-65.js +0 -47
- package/dist/chunks/md-66.js +0 -5
- package/dist/chunks/md-67.js +0 -1
- package/dist/chunks/md-68.js +0 -23
- package/dist/chunks/md-69.js +0 -5
- package/dist/chunks/md-7.js +0 -77
- package/dist/chunks/md-70.js +0 -11
- package/dist/chunks/md-71.js +0 -138
- package/dist/chunks/md-72.js +0 -30
- package/dist/chunks/md-73.js +0 -70
- package/dist/chunks/md-74.js +0 -19
- package/dist/chunks/md-75.js +0 -22
- package/dist/chunks/md-76.js +0 -17
- package/dist/chunks/md-77.js +0 -76
- package/dist/chunks/md-78.js +0 -7
- package/dist/chunks/md-79.js +0 -73
- package/dist/chunks/md-8.js +0 -1
- package/dist/chunks/md-80.js +0 -78
- package/dist/chunks/md-81.js +0 -71
- package/dist/chunks/md-82.js +0 -17
- package/dist/chunks/md-83.js +0 -5
- package/dist/chunks/md-84.js +0 -19
- package/dist/chunks/md-85.js +0 -1
- package/dist/chunks/md-86.js +0 -168
- package/dist/chunks/md-87.js +0 -43
- package/dist/chunks/md-88.js +0 -103
- package/dist/chunks/md-89.js +0 -82
- package/dist/chunks/md-9.js +0 -26
- package/dist/chunks/md-90.js +0 -12
- package/dist/chunks/md-91.js +0 -43
- package/dist/chunks/md-92.js +0 -34
- package/dist/chunks/md-93.js +0 -1
- package/dist/chunks/md-94.js +0 -1
- package/dist/chunks/md-95.js +0 -1
- package/dist/chunks/md-96.js +0 -1
- package/dist/chunks/md-97.js +0 -1
- package/dist/chunks/md-98.js +0 -1
- package/dist/chunks/md-99.js +0 -1
package/dist/index-entry.js
CHANGED
|
@@ -1,4 +1,1164 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/repeat"),require("luxon"),require("@popperjs/core/lib/popper-lite"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@interactjs/interact/index"),require("nanoid"),require("highlight.js/lib/core"),require("lit-virtualizer"),require("sortablejs"),require("papaparse"),require("@popperjs/core/lib"),require("lit-html/directives/until.js"),require("lit-html/directives/if-defined.js"),require("dompurify"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/modifiers"),require("libphonenumber-js"),require("lit-html/directives/unsafe-html"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/repeat.js"),require("lit-html/directives/template-content"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","lit-html/directives/class-map.js","@momentum-ui/utils/lib/getColorValue","lit-html/directives/repeat","luxon","@popperjs/core/lib/popper-lite","mobx","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@interactjs/interact/index","nanoid","highlight.js/lib/core","lit-virtualizer","sortablejs","papaparse","@popperjs/core/lib","lit-html/directives/until.js","lit-html/directives/if-defined.js","dompurify","@interactjs/actions/drag","@interactjs/actions/resize","@interactjs/auto-start","@interactjs/modifiers","libphonenumber-js","lit-html/directives/unsafe-html","country-codes-list","country-flags-svg","lit-html/directives/repeat.js","lit-html/directives/template-content"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/repeat"),require("luxon"),require("@popperjs/core/lib/popper-lite"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@interactjs/interact/index"),require("nanoid"),require("highlight.js/lib/core"),require("lit-virtualizer"),require("sortablejs"),require("papaparse"),require("@popperjs/core/lib"),require("lit-html/directives/until.js"),require("lit-html/directives/if-defined.js"),require("dompurify"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/modifiers"),require("libphonenumber-js"),require("lit-html/directives/unsafe-html"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/repeat.js"),require("lit-html/directives/template-content")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["lit-html/directives/class-map.js"],e["@momentum-ui/utils/lib/getColorValue"],e["lit-html/directives/repeat"],e.luxon,e["@popperjs/core/lib/popper-lite"],e.mobx,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@interactjs/interact/index"],e.nanoid,e["highlight.js/lib/core"],e["lit-virtualizer"],e.sortablejs,e.papaparse,e["@popperjs/core/lib"],e["lit-html/directives/until.js"],e["lit-html/directives/if-defined.js"],e.dompurify,e["@interactjs/actions/drag"],e["@interactjs/actions/resize"],e["@interactjs/auto-start"],e["@interactjs/modifiers"],e["libphonenumber-js"],e["lit-html/directives/unsafe-html"],e["country-codes-list"],e["country-flags-svg"],e["lit-html/directives/repeat.js"],e["lit-html/directives/template-content"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(window,(function(e,t,r,o,i,n,c,d,s,l,a,u,p,m,h,f,g,b,j,v,y,x,q,k,w,T,C,P,O,A,L,M,B,D,I,S){return function(e){function t(t){for(var o,c,d=t[0],s=t[1],l=t[2],u=0,p=[];u<d.length;u++)c=d[u],Object.prototype.hasOwnProperty.call(i,c)&&i[c]&&p.push(i[c][0]),i[c]=0;for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&(e[o]=s[o]);for(a&&a(t);p.length;)p.shift()();return n.push.apply(n,l||[]),r()}function r(){for(var e,t=0;t<n.length;t++){for(var r=n[t],o=!0,d=1;d<r.length;d++){var s=r[d];0!==i[s]&&(o=!1)}o&&(n.splice(t--,1),e=c(c.s=r[0]))}return e}var o={},i={354:0,284:0,285:0,286:0,287:0,288:0,289:0,290:0,291:0,292:0,293:0,294:0,295:0,296:0,297:0,298:0,299:0,300:0,301:0,302:0,303:0,304:0,305:0,306:0,307:0,308:0,309:0,310:0,311:0,312:0,313:0,314:0,315:0,316:0,317:0,318:0,319:0,320:0,321:0,322:0,323:0,324:0,325:0,326:0,327:0,328:0,329:0,330:0,331:0,332:0,333:0,334:0,335:0,336:0,337:0,338:0,339:0,340:0,341:0,342:0,343:0,344:0,345:0,346:0,347:0,348:0,349:0,350:0,351:0,352:0,353:0,355:0},n=[];function c(t){if(o[t])return o[t].exports;var r=o[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,c),r.l=!0,r.exports}c.e=function(e){var t=[],r=i[e];if(0!==r)if(r)t.push(r[2]);else{var o=new Promise((function(t,o){r=i[e]=[t,o]}));t.push(r[2]=o);var n,d=document.createElement("script");d.charset="utf-8",d.timeout=120,c.nc&&d.setAttribute("nonce",c.nc),d.src=function(e){return c.p+"chunks/md-"+e+".js"}(e);var s=new Error;n=function(t){d.onerror=d.onload=null,clearTimeout(l);var r=i[e];if(0!==r){if(r){var o=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;s.message="Loading chunk "+e+" failed.\n("+o+": "+n+")",s.name="ChunkLoadError",s.type=o,s.request=n,r[1](s)}i[e]=void 0}};var l=setTimeout((function(){n({type:"timeout",target:d})}),12e4);d.onerror=d.onload=n,document.head.appendChild(d)}return Promise.all(t)},c.m=e,c.c=o,c.d=function(e,t,r){c.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(c.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)c.d(r,o,function(t){return e[t]}.bind(null,o));return r},c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/",c.oe=function(e){throw console.error(e),e};var d=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],s=d.push.bind(d);d.push=t,d=d.slice();for(var l=0;l<d.length;l++)t(d[l]);var a=s;return n.push([3451,10,28,0,1,2,3,4,5,7,6,9,8,11,12,13,15,14,16,18,17,20,19,21,23,22,24,25,26,27,31,29,33,32,30,42,43,45,36,35,48,38,41,37,46,47,40,39,34,44,90,88,86,71,63,79,55,52,91,89,73,54,92,65,81,77,72,84,87,64,58,80,75,68,57,59,53,74,78,69,83,49,50,61,76,60,82,56,62,67,51,70,85,66]),r()}({0:function(t,r){t.exports=e},10:function(e,t){e.exports=n},11:function(e,t){e.exports=c},12:function(e,t){e.exports=d},13:function(e,t){e.exports=s},15:function(e,t){e.exports=l},18:function(e,t){e.exports=a},2:function(e,r){e.exports=t},20:function(e,t){e.exports=u},22:function(e,t){e.exports=p},23:function(e,t){e.exports=m},24:function(e,t){e.exports=h},25:function(e,t){e.exports=f},26:function(e,t){e.exports=g},27:function(e,t){e.exports=b},29:function(e,t){e.exports=j},3:function(e,t){e.exports=r},32:function(e,t){e.exports=v},3451:function(e,t,r){"use strict";r.r(t),r.d(t,"Accordion",(function(){return i.Accordion})),r.d(t,"AccordionItem",(function(){return n.AccordionItem})),r.d(t,"ActivityButton",(function(){return c.ActivityButton})),r.d(t,"AdvanceList",(function(){return d.AdvanceList})),r.d(t,"AlertBanner",(function(){return s.AlertBanner})),r.d(t,"Alert",(function(){return l.Alert})),r.d(t,"AudioPlayer",(function(){return a.AudioPlayer})),r.d(t,"Avatar",(function(){return u.Avatar})),r.d(t,"CompositeAvatar",(function(){return p.CompositeAvatar})),r.d(t,"Badge",(function(){return m.Badge})),r.d(t,"Breadcrumb",(function(){return h.Breadcrumb})),r.d(t,"ButtonGroup",(function(){return f.ButtonGroup})),r.d(t,"Button",(function(){return g.Button})),r.d(t,"CardAi",(function(){return b.CardAi})),r.d(t,"Card",(function(){return j.Card})),r.d(t,"ChatMessage",(function(){return v.ChatMessage})),r.d(t,"Checkbox",(function(){return y.Checkbox})),r.d(t,"CheckboxGroup",(function(){return x.CheckboxGroup})),r.d(t,"Chip",(function(){return q.Chip})),r.d(t,"CoachmarkPopover",(function(){return k.CoachmarkPopover})),r.d(t,"Coachmark",(function(){return w.Coachmark})),r.d(t,"CodeEditor",(function(){return o})),r.d(t,"ComboBox",(function(){return D.ComboBox})),r.d(t,"DateRangePicker",(function(){return I.DateRangePicker})),r.d(t,"DateTimePicker",(function(){return S.DateTimePicker})),r.d(t,"DatePicker",(function(){return z.DatePicker})),r.d(t,"DatePickerCalendar",(function(){return U.DatePickerCalendar})),r.d(t,"DatePickerDay",(function(){return N.DatePickerDay})),r.d(t,"DatePickerMonth",(function(){return R.DatePickerMonth})),r.d(t,"DatePickerWeek",(function(){return E.DatePickerWeek})),r.d(t,"Draggable",(function(){return F.Draggable})),r.d(t,"DraggableItem",(function(){return _.DraggableItem})),r.d(t,"Dropdown",(function(){return G.Dropdown})),r.d(t,"EditableTextfield",(function(){return $.EditableTextfield})),r.d(t,"Favorite",(function(){return V.Favorite})),r.d(t,"FloatingMinimizedModal",(function(){return H.FloatingMinimizedModal})),r.d(t,"FloatingModal",(function(){return W.FloatingModal})),r.d(t,"Form",(function(){return J.Form})),r.d(t,"Grabber",(function(){return K.Grabber})),r.d(t,"HelpText",(function(){return Q.HelpText})),r.d(t,"Icon",(function(){return X.Icon})),r.d(t,"InputFile",(function(){return Y.InputFile})),r.d(t,"Input",(function(){return Z.Input})),r.d(t,"Label",(function(){return ee.Label})),r.d(t,"Link",(function(){return te.Link})),r.d(t,"List",(function(){return re.List})),r.d(t,"ListItem",(function(){return oe.ListItem})),r.d(t,"Loading",(function(){return ie.Loading})),r.d(t,"MeetingAlert",(function(){return ne.MeetingAlert})),r.d(t,"MenuOverlay",(function(){return ce.MenuOverlay})),r.d(t,"Menu",(function(){return de.Menu})),r.d(t,"MenuItem",(function(){return se.MenuItem})),r.d(t,"Modal",(function(){return le.Modal})),r.d(t,"Pagination",(function(){return ae.Pagination})),r.d(t,"PhoneInput",(function(){return ue.PhoneInput})),r.d(t,"Popover",(function(){return pe.Popover})),r.d(t,"ProgressBar",(function(){return me.ProgressBar})),r.d(t,"Radio",(function(){return he.Radio})),r.d(t,"RadioGroup",(function(){return fe.RadioGroup})),r.d(t,"Slider",(function(){return ge.Slider})),r.d(t,"Spinner",(function(){return be.Spinner})),r.d(t,"TableAdvanced",(function(){return je.TableAdvanced})),r.d(t,"Table",(function(){return ve.Table})),r.d(t,"Tab",(function(){return ye.Tab})),r.d(t,"TabPanel",(function(){return xe.TabPanel})),r.d(t,"Tabs",(function(){return qe.Tabs})),r.d(t,"TaskItem",(function(){return ke.TaskItem})),r.d(t,"Theme",(function(){return we.Theme})),r.d(t,"TimePicker",(function(){return Te.TimePicker})),r.d(t,"ToggleSwitch",(function(){return Ce.ToggleSwitch})),r.d(t,"Tooltip",(function(){return Pe.Tooltip})),r.d(t,"ThemeManager",(function(){return Oe.ThemeManager})),r.d(t,"themeManager",(function(){return Oe.themeManager}));var o,i=r(90),n=r(91),c=r(92),d=r(111),s=r(112),l=r(113),a=r(114),u=r(54),p=r(93),m=r(56),h=r(115),f=r(116),g=r(17),b=r(117),j=r(118),v=r(119),y=r(94),x=r(95),q=r(120),k=r(121),w=r(122),T=r(7),C=r(6),P=r(29),O=r.n(P),A=r(0),L=A.css`:host(md-code-editor) .md-code-editor{background:#091e26;border-radius:.25rem;color:#fff;min-height:18.75rem;overflow:hidden}:host(md-code-editor) .md-code-editor-header{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background:#092d3b;flex:0 0 auto;font-size:14px;padding:.625rem}:host(md-code-editor) .md-code-editor-name{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}:host(md-code-editor) .md-code-editor md-badge::part(badge){border-radius:.25rem;height:1.25rem;margin-right:.625rem;padding:.25rem .375rem;text-transform:capitalize}:host(md-code-editor) .md-code-editor-copy{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;line-height:1}:host(md-code-editor) .md-code-editor-copy-btn::part(button){background:0 0;color:#00a0d1;margin-left:.625rem}:host(md-code-editor) .md-code-editor-copy-btn[disabled]{cursor:not-allowed;opacity:.5}:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-quote{color:#ffecc2}:host(md-code-editor) .hljs-deletion,:host(md-code-editor) .hljs-name,:host(md-code-editor) .hljs-regexp,:host(md-code-editor) .hljs-selector-class,:host(md-code-editor) .hljs-selector-id,:host(md-code-editor) .hljs-tag,:host(md-code-editor) .hljs-template-variable,:host(md-code-editor) .hljs-variable{color:#ff9d52}:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-type{color:#fc9d03}:host(md-code-editor) .hljs-attribute{color:#ebd460}:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol{color:#93c437}:host(md-code-editor) .hljs-section,:host(md-code-editor) .hljs-title{color:#22c7d6}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{color:#f0e3fc}:host(md-code-editor) .hljs{background:rgba(0,0,0,0);color:#dedede;display:block;overflow-x:auto;padding:.5em}:host(md-code-editor) .hljs-emphasis{font-style:italic}:host(md-code-editor) .hljs-strong{font-weight:700}@media screen and (forced-colors:active){:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-attribute,:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-quote,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol,:host(md-code-editor) .hljs-type{color:highlight}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{font-weight:700}}@media(forced-colors:active){:host(md-code-editor) .md-code-editor{outline:1px solid CanvasText}:host(md-code-editor) .md-code-editor-header{outline:1px solid CanvasText}}`,M=function(e,t,r,o){var i,n=arguments.length,c=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,r,o);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(c=(n<3?i(c):n>3?i(t,r,c):i(t,r))||c);return n>3&&c&&Object.defineProperty(t,r,c),c},B=function(e,t,r,o){return new(r||(r=Promise))((function(i,n){function c(e){try{s(o.next(e))}catch(e){n(e)}}function d(e){try{s(o.throw(e))}catch(e){n(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(c,d)}s((o=o.apply(e,t||[])).next())}))};!function(e){let t=class extends A.LitElement{constructor(){super(...arguments),this.copyLocalization="cURL",this.copiedLocalization="Copied",this.method="get",this.acceptLanguage="javascript",this.url="javascript",this.disableCopyButton=!0,this.acceptTypes="",this.copied=!1}static get styles(){return[C.a,L]}handleSlotChange(){if(this.slotNodes&&this.slotNodes.length){const e=this.slotNodes.find(e=>"CODE"===e.tagName);if(e){const t=e.textContent;t&&this.highlightBlock(t)}}}handleUrlSlotChange(){if(this.copied=!1,this.slotUrl&&this.slotUrl.length){const e=this.slotUrl.find(e=>e);if(e){const t=e.textContent;t&&this.copyUrl(t)}}}highlightBlock(e){e&&(this.codeBlock.innerText=e),O.a.highlightElement(this.codeBlock)}copyUrl(e){this.codeUrl.innerText=e,this.disableCopyButton=!1}copyClipboard(){this.disableCopyButton||(this.codeUrl.innerText,this.selectTarget(this.codeUrl))}copyText(){try{document.execCommand("copy"),this.copied=!0}catch(e){console.warn("Copy text failed"),this.copied=!1}}select(e){const t=window.getSelection(),r=document.createRange();r.selectNodeContents(e),t&&(t.removeAllRanges(),t.addRange(r))}selectTarget(e){this.select(e),this.copyText()}importLanguage(e){return B(this,void 0,void 0,(function*(){try{const{default:t}=yield r(96)("./"+e);O.a.registerLanguage(""+e,t),this.setAcceptTypes()}catch(e){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const e=O.a.listLanguages();return e.length?e.map(e=>O.a.getLanguage(""+e).aliases).map(e=>e.map(e=>"."+e)).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(e){super.updated(e),e.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage),e.has("acceptTypes")&&this.highlightBlock()}render(){return A.html`
|
|
1
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("nanoid"),require("lit-virtualizer"),require("lit-html/directives/class-map.js"),require("lit-html/directives/until.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined.js"),require("highlight.js/lib/core"),require("luxon"),require("mobx"),require("sortablejs"),require("dompurify"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers"),require("country-codes-list"),require("country-flags-svg"),require("libphonenumber-js"),require("lit-html/directives/repeat.js"),require("lit-html/directives/template-content"),require("papaparse"),require("lit-html/directives/unsafe-html"),require("@popperjs/core/lib"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","nanoid","lit-virtualizer","lit-html/directives/class-map.js","lit-html/directives/until.js","lit-html/directives/repeat","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/if-defined.js","highlight.js/lib/core","luxon","mobx","sortablejs","dompurify","@interactjs/actions/drag","@interactjs/actions/resize","@interactjs/auto-start","@interactjs/interact/index","@interactjs/modifiers","country-codes-list","country-flags-svg","libphonenumber-js","lit-html/directives/repeat.js","lit-html/directives/template-content","papaparse","lit-html/directives/unsafe-html","@popperjs/core/lib"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("nanoid"),require("lit-virtualizer"),require("lit-html/directives/class-map.js"),require("lit-html/directives/until.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/if-defined.js"),require("highlight.js/lib/core"),require("luxon"),require("mobx"),require("sortablejs"),require("dompurify"),require("@interactjs/actions/drag"),require("@interactjs/actions/resize"),require("@interactjs/auto-start"),require("@interactjs/interact/index"),require("@interactjs/modifiers"),require("country-codes-list"),require("country-flags-svg"),require("libphonenumber-js"),require("lit-html/directives/repeat.js"),require("lit-html/directives/template-content"),require("papaparse"),require("lit-html/directives/unsafe-html"),require("@popperjs/core/lib")):e(t["lit-element"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/class-map"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.nanoid,t["lit-virtualizer"],t["lit-html/directives/class-map.js"],t["lit-html/directives/until.js"],t["lit-html/directives/repeat"],t["@popperjs/core/lib/modifiers/arrow"],t["@popperjs/core/lib/modifiers/flip"],t["@popperjs/core/lib/modifiers/offset"],t["@popperjs/core/lib/modifiers/preventOverflow"],t["@popperjs/core/lib/popper-lite"],t["lit-html/directives/if-defined.js"],t["highlight.js/lib/core"],t.luxon,t.mobx,t.sortablejs,t.dompurify,t["@interactjs/actions/drag"],t["@interactjs/actions/resize"],t["@interactjs/auto-start"],t["@interactjs/interact/index"],t["@interactjs/modifiers"],t["country-codes-list"],t["country-flags-svg"],t["libphonenumber-js"],t["lit-html/directives/repeat.js"],t["lit-html/directives/template-content"],t.papaparse,t["lit-html/directives/unsafe-html"],t["@popperjs/core/lib"]);for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(self,((t,e,i,s,o,r,n,a,l,d,h,p,c,u,m,y,b,v,g,f,w,C,x,S,$,E,k,T,I,A,O,L,M,P,D,R)=>(()=>{"use strict";var _,F,B,z,V,j={860:t=>{t.exports=O},1072:(t,e,i)=>{i.d(e,{Theme:()=>s});var s,o=i(77251),r=i(31890),n=i(4893),a=i(4863),l=i(41488),d=i(57030),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.darkTheme=!1,this.lumos=!1,this.activeTheme=d.RO,this.placement="bottom",this.popperInstance=null,this.handleTooltipRemoved=()=>{this.hideVirtualTooltip()}}setTheme(){return"momentum"===this.theme?this.darkTheme?d.L:d.RO:"lumos"===this.theme?this.darkTheme?d.Lu:d.dW:"momentumV2"===this.theme?this.darkTheme?d.Pm:d.f3:this.lumos?this.darkTheme?d.Lu:d.dW:this.darkTheme?d.L:d.RO}getStyleElement(){return document.createElement("style")}applyStyle(){const t=this.shadowRoot;if("adoptedStyleSheets"in document){const e=new CSSStyleSheet;e.replaceSync(this.activeTheme),t.adoptedStyleSheets=[e]}else{const e=this.getStyleElement();e.textContent=this.activeTheme.cssText,t.appendChild(e)}}removeChildFromVirtualPopper(){for(;this.virtualWrapper.firstElementChild;)this.virtualWrapper.firstElementChild.remove()}setInitStyleToVirtualReference(){const{style:t}=this.virtualReference;t.top="0",t.bottom="0",t.left="0",t.right="0",t.width="0",t.height="0",t.zIndex="-1"}setStyleToVirtualReference(t){const{style:e}=this.virtualReference,{top:i,bottom:s,left:o,right:r,width:n,height:a}=t;e.position="fixed",e.top=`${i}px`,e.bottom=`${s}px`,e.left=`${o}px`,e.right=`${r}px`,e.width=`${n}px`,e.height=`${a}px`,e.zIndex="-1"}setVirtualReferencePosition(t){const e=t.getBoundingClientRect();this.setStyleToVirtualReference(e)}initVirtualElements(t,e,i){const s=t.cloneNode(!0);this.virtualWrapper.hasChildNodes()&&this.removeChildFromVirtualPopper(),this.virtualWrapper.append(s),i&&this.setVirtualSlotContent(i),this.setVirtualReferencePosition(e)}setVirtualSlotContent(t){if(this.virtualTooltipContent){for(;this.virtualTooltipContent.firstElementChild;)this.virtualTooltipContent.firstElementChild.remove();t.forEach((t=>this.virtualTooltipContent.append(t)))}}updated(t){super.updated(t),(t.has("lumos")||t.has("darkTheme")||t.has("theme"))&&this.dispatchEvent(new CustomEvent("theme-changed",{composed:!0,bubbles:!0,detail:{darkTheme:this.darkTheme,lumos:this.lumos,theme:this.theme}})),this.activeTheme=this.setTheme(),this.applyStyle()}handleVirtualTooltipCreate(t){t.stopPropagation();const{popper:e,placement:i,reference:s,slotContent:o}=t.detail;this.placement=i,this.initVirtualElements(e,s,o),this.showVirtualTooltip()}handleVirtualTooltipDestroy(t){t.stopPropagation(),this.hideVirtualTooltip()}handleVirtualTooltipChangeMessage(t){const{popper:e,reference:i}=t.detail;if(this.virtualReference!==i)return;const s=e.querySelector(".md-tooltip__content"),o=this.virtualWrapper.querySelector(".md-tooltip__content");if(s&&o){const t=s.textContent,e=o.textContent;t&&e&&(o.textContent=t)}}handleVirtualTooltipSlotChange(t){const{slotContent:e}=t.detail;e&&this.setVirtualSlotContent(e)}destroyPopperInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}createPopperInstance(t){if(this.virtualPopper){const e=8,i=4;this.popperInstance=(0,n.createPopper)(this.virtualReference,this.virtualPopper,{placement:t,modifiers:[...a.defaultModifiers,n.flip,n.offset,n.arrow,{name:"offset",options:{offset:({placement:t})=>{const s=e+i;return t.startsWith("left")||t.startsWith("right")||t.startsWith("top")||t.startsWith("bottom")?[0,s]:[8,8]}}},...this.virtualArrow?[{name:"arrow",options:{element:this.virtualArrow,padding:e}}]:[]]})}}get virtualPopper(){return this.shadowRoot.querySelector(".md-tooltip__popper")}get virtualArrow(){return this.shadowRoot.querySelector(".md-tooltip__arrow")}get virtualTooltipContent(){return this.shadowRoot.querySelector(".md-tooltip__content")}showVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!0),this.createPopperInstance(this.placement))}hideVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!1),this.destroyPopperInstance(),this.setInitStyleToVirtualReference())}setupEvents(){this.addEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.addEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.addEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.addEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.addEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}teardownEvents(){this.removeEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.removeEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.removeEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.removeEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.removeEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return i=this,s=void 0,r=function*(){e.firstUpdated.call(this,t),yield new Promise((t=>setTimeout(t,0))),this.setupEvents()},new((o=void 0)||(o=Promise))((function(t,e){function n(t){try{l(r.next(t))}catch(t){e(t)}}function a(t){try{l(r.throw(t))}catch(t){e(t)}}function l(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o((function(t){t(i)}))).then(n,a)}l((r=r.apply(i,s||[])).next())}));var i,s,o,r}static get styles(){return[d.RO]}render(){return l.html`
|
|
2
|
+
<div class="theme-wrapper" part="theme-wrapper">
|
|
3
|
+
<style>
|
|
4
|
+
${o.A} .theme-wrapper {
|
|
5
|
+
width: 100%;
|
|
6
|
+
}
|
|
7
|
+
</style>
|
|
8
|
+
<slot></slot>
|
|
9
|
+
<div class="md-tooltip" data-virtual-global-popper></div>
|
|
10
|
+
<div data-virtual-global-reference aria-describedby="tooltip"></div>
|
|
11
|
+
</div>
|
|
12
|
+
`}};h([(0,l.property)({type:Boolean})],e.prototype,"darkTheme",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"lumos",void 0),h([(0,l.property)({type:String})],e.prototype,"theme",void 0),h([(0,l.internalProperty)()],e.prototype,"activeTheme",void 0),h([(0,l.query)("[data-virtual-global-popper]")],e.prototype,"virtualWrapper",void 0),h([(0,l.query)("[data-virtual-global-reference]")],e.prototype,"virtualReference",void 0),e=h([(0,r.w)("md-theme")],e),t.ELEMENT=e}(s||(s={}))},2207:(t,e,i)=>{i.d(e,{CompositeAvatar:()=>s});var s,o=i(26272),r=i(31890),n=i(41488),a=i(23968),l=i(3553),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.size=0}static get styles(){return[o.A,l.A]}get avatarClassMap(){return{[`md-composite-avatar--${this.size}`]:!!this.size}}render(){return n.html`
|
|
13
|
+
<div class="md-composite-avatar ${(0,a.classMap)(this.avatarClassMap)}">
|
|
14
|
+
<slot></slot>
|
|
15
|
+
</div>
|
|
16
|
+
`}};d([(0,n.property)({type:Number})],e.prototype,"size",void 0),e=d([(0,r.w)("md-composite-avatar")],e),t.ELEMENT=e}(s||(s={}))},3001:(t,e,i)=>{i.d(e,{Io:()=>n.I,TS:()=>a.T,UM:()=>r.U,dY:()=>o.d,wW:()=>l.w,yC:()=>s.y}),i(18889);var s=i(32972),o=i(28373),r=i(70300),n=i(84624),a=i(68387),l=i(31890)},3288:t=>{t.exports=T},3527:t=>{t.exports=M},3664:(t,e,i)=>{i.d(e,{Checkbox:()=>s});var s,o=i(90195),r=i(3001),n=i(26272),a=i(31890),l=i(41488),d=i(18841),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.yC)(l.LitElement)){constructor(){super(...arguments),this.autofocus=!1,this._checked=!1,this._indeterminate=!1,this._disabled=!1,this.label="",this.tabIndex=0}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,this.indeterminate||this.setAttribute("aria-checked",`${t}`),this.requestUpdate("checked",e)}get indeterminate(){return this._indeterminate}set indeterminate(t){const e=this._indeterminate;this._indeterminate=t,this.setAttribute("aria-checked","mixed"),this.requestUpdate("indeterminate",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",`${t}`),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}static get styles(){return[n.A,d.A]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(t){this.isCheckboxActive()?t.stopPropagation():(this.toggleCheckbox(),this.handleChange(t))}handleKeyDown(t){const{code:e}=t;e!==o.Uz.Space&&e!==o.Uz.Enter||(t.preventDefault(),this.isCheckboxActive()?t.stopPropagation():(this.toggleCheckbox(),this.handleChange(t)))}handleChange(t){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t}}))}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","checkbox"),this.label&&this.setAttribute("aria-label",this.label)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}update(t){super.update(t),t.has("indeterminate")&&(this.checked=!1)}updated(t){super.updated(t),t.has("indeterminate")&&(this.input.indeterminate=this.indeterminate)}render(){return l.html`
|
|
17
|
+
<input
|
|
18
|
+
class="checkbox-input"
|
|
19
|
+
type="checkbox"
|
|
20
|
+
part="checkbox-input"
|
|
21
|
+
?checked=${this.checked}
|
|
22
|
+
?disabled=${this.disabled}
|
|
23
|
+
?autofocus=${this.autofocus}
|
|
24
|
+
aria-hidden="true"
|
|
25
|
+
/>
|
|
26
|
+
<label part="checkbox-label" class="checkbox-label">
|
|
27
|
+
<slot></slot>
|
|
28
|
+
</label>
|
|
29
|
+
`}};h([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),h([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"checked",null),h([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"indeterminate",null),h([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),h([(0,l.property)({type:String})],e.prototype,"label",void 0),h([(0,l.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),h([(0,l.query)(".checkbox-input")],e.prototype,"input",void 0),e=h([(0,a.w)("md-checkbox")],e),t.ELEMENT=e}(s||(s={}))},4863:t=>{t.exports=b},4893:t=>{t.exports=R},4928:(t,e,i)=>{i.d(e,{ComboBox:()=>s}),i(20109),i(61200);var s,o=i(90195),r=i(3001),n=i(31890),a=i(66677),l=i(26272),d=i(41488),h=i(40333),p=i(23968),c=i(97822),u=i(22818),m=i(8229),y=i(86635),b=i(97103),v=i(46795),g=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},f=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};!function(t){class e{determineMessageType(t){return t.reduce(((t,e)=>"error"===e?t:e.type),"")}filterMessagesByType(t,e){return t.reduce(((t,i)=>i.type===e?t.concat(i.message):t),[])}}t.MessageController=e;let i=class extends((0,r.yC)(d.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this._focusedGroupIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.useVirtualScroll=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.groupExpandedList=[],this.searchItem=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForComboBox="",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.clearIconHeight="auto",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showLoader=!1,this.showSelectedCount=!1,this.popupChevronAriaHidden="true",this.newMomentum=!1,this.showFilterIcon=!1,this.preventFilter=!1,this.isDropdownArrow=!1,this.comboboxId="",this.helpText="",this.messageArr=[],this.htmlId="",this.readOnly=!1,this.messageController=new e,this.isOptGroup=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=(0,a.sg)((t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))}),0),this.handleGroupFilter=t=>{const e=t.filter((t=>{if("string"!=typeof t&&"true"===t.isLabel)return t.groupName}));return this.searchItem=!0,this.groupExpandedList=e.map((t=>{if("string"!=typeof t)return t.groupName})),t.filter((e=>"string"==typeof e||"true"!==e.isLabel||!!t.find((t=>{if("string"!=typeof e&&"string"!=typeof t)return e.groupName===t.groupName&&"false"===t.isLabel}))))},this.notifyInputValueChanged=(0,a.sg)((t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}})),this.notifySearchResultCount(),this.focusedGroupIndex=0,requestAnimationFrame((()=>{this.input.focus(),this.focusedGroupIndex=-1}))}),250),this.handleOutsideClick=t=>{let e=!1;const i=t.composedPath();i.length&&(e=!!i.find((t=>t===this)),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){this.updateFocusedIndex(t)}updateFocusedIndex(t){var e;const i=this._focusedIndex;if(this.checkForVirtualScroll()){let i;i=this.allowSelectAll?0===t?"selectAll":this.getOptionId(this.filteredOptions[t-1]):this.getOptionId(this.filteredOptions[t]);const s=this.lists?null===(e=[...this.lists])||void 0===e?void 0:e.find((t=>0!==t.offsetHeight&&t.id===i)):"";this.lists&&[...this.lists].forEach((t=>{t.toggleAttribute("focused",!1)})),s&&(null==s||s.toggleAttribute("focused",!0))}else if(this.lists){const e=this.lists[i];e&&e.toggleAttribute("focused",!1);const s=this.lists[t];s&&s.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",i)}get focusedGroupIndex(){return this._focusedGroupIndex}set focusedGroupIndex(t){const e=this._focusedGroupIndex;if(this.labels&&0!==this.labels.length){const i=this.labels[e];i&&i.toggleAttribute("focused",!1);const s=this.labels[t];s&&(s.toggleAttribute("focused",!0),s.focus())}this._focusedGroupIndex=t,this.requestUpdate("focusedGroupIndex",e)}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}notifySearchResultCount(){if(this.searchResultAriaLabel){const t=/{{.*?}}/g;this.ariaLabelForComboBox=this.searchResultAriaLabel.replace(t,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForComboBox=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForComboBox=`ComboBox Element, ${this.filteredOptions.length} results found.`}firstUpdated(t){this.ariaLabelForComboBox=this.ariaLabel?this.ariaLabel:"ComboBox Element",super.firstUpdated(t),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&(this.expanded?(this.resizeListbox(),this.checkSelectedOptions()):this.unCheckAllOptions()),t.has("focusedIndex")&&this.focusedIndex>=0&&(this.checkForVirtualScroll()||this.scrollToOption()),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox()),t.has("showCustomError")&&this.resizeListbox(),t.has("showLoader")&&this.resizeListbox(),t.has("searchItem")&&this.resizeListbox()}handleFocusIn(t){this.disabled&&!this.readOnly||(this.noClearIcon&&(requestAnimationFrame((()=>{this.input.focus(),this.focusedGroupIndex=-1})),this.selectWhenInFocus&&this.input.select()),super.handleFocusIn&&super.handleFocusIn(t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex((e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t))):this.filteredOptions.indexOf(t)}setInitialValue(){var t;if(this.value.length)if(this.isMulti)this.value.forEach((t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)}));else{const e=this.value[0],i=this.findFilteredOption(e);-1!==i&&(this.setSelectedOption(e),this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)),this.focusedIndex=i,this.focusedGroupIndex=-1)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")],e=[];for(const i of t){const t=i.getAttribute("label"),s=[...i.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const i of s){const s=i.getAttribute("aria-label"),o=i.getAttribute("display-value"),r=i.getAttribute("slot");s&&o&&e.push({[this.optionId]:s,[this.optionValue]:o,isLabel:"false",groupName:t,slot:r})}}this.options=e}else this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map((t=>{const e=t.getAttribute("aria-label"),i=t.getAttribute("display-value");if(e&&i)return{[this.optionId]:e,[this.optionValue]:i}})):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}setGroupList(t){this.groupExpandedList.includes(t)?(this.groupExpandedList.splice(this.groupExpandedList.indexOf(t),1),this.groupExpandedList=[...this.groupExpandedList]):this.searchItem?this.groupExpandedList.push(t):this.groupExpandedList=[t]}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex((e=>e&&e[this.optionId]===t[this.optionId])):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();if(this.checkForVirtualScroll()){let t="";return[...this.lists].forEach((i=>{e.includes(i)&&(t=i.id)})),this.filteredOptions.findIndex((e=>this.getOptionId(e)===t))}return[...this.lists].findIndex((t=>e.includes(t)))}checkSelectedOptions(){if(this.checkForVirtualScroll()){const t=this.selectedOptions.map((t=>this.getOptionId(t))),e=[...this.lists].filter((t=>"selectAll"!==t.id));null==e||e.forEach((e=>{t.includes(e.id)?(this.isMulti&&(null==e||e.setAttribute("aria-checked","true")),null==e||e.setAttribute("aria-selected","true")):this.isMulti&&(null==e||e.setAttribute("aria-checked","false"))}))}}unCheckAllOptions(){var t;this.checkForVirtualScroll()&&this.isMulti&&(null===(t=[...this.lists])||void 0===t||t.forEach((t=>{"selectAll"!==(null==t?void 0:t.id)&&(null==t||t.setAttribute("aria-checked","false"))})))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.checkSelectedOptions(),this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){if(this.preventFilter)return this.searchItem=!1,this.options;if(t&&t.length){const e=this.options.filter((e=>this.isOptGroup&&"string"!=typeof e&&"true"===e.isLabel?e:(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase())));return this.isOptGroup?this.handleGroupFilter(e):e}return this.searchItem=!1,this.options}getListBoxVerticalPadding(){if(this.listBox){const t=window.getComputedStyle(this.listBox,null),e=parseInt(t.getPropertyValue("padding-top"))+parseInt(t.getPropertyValue("padding-bottom"));if(!isNaN(e))return e+2}return 10}resizeListbox(){this.updateOnNextFrame((()=>{var t;let e=0,i=0,s=0;const o=this.getListBoxVerticalPadding();if(this.lists){const t=this.checkForVirtualScroll()?[...this.lists].filter((t=>0!==t.offsetHeight)):[...this.lists];e=t.slice(0,this.visibleOptions).reduce(((t,e)=>t+e.offsetHeight),0),s=this.checkForVirtualScroll()&&this.allowSelectAll?t.slice(1,this.visibleOptions).reduce(((t,e)=>t+e.offsetHeight),0):t.slice(0,this.visibleOptions).reduce(((t,e)=>t+e.offsetHeight),0)}if(this.labels&&(i=[...this.labels].slice(0,this.visibleOptions).reduce(((t,e)=>t+e.offsetHeight),0)),this.listBox&&(this.listBox.style.maxHeight=`${e+i+o}px`),this.virtualizer&&(this.virtualizer.style.height=`${s+o}px`),this.showCustomError||this.showLoader){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=`${e.clientHeight+o}px`,this.listBox.style.maxHeight=`${e.clientHeight+o}px`)}}))}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach(((t,e)=>this.unCheckedOption(e))),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach(((t,e)=>this.checkOption(e)))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){var t,e;let i=0;const{top:s,bottom:o}=this.listBox.getBoundingClientRect(),r=this.lists[this.focusedIndex],n=null===(t=this.lists[this.focusedIndex+1]||r)||void 0===t?void 0:t.getBoundingClientRect(),a=null===(e=this.lists[this.focusedIndex-1]||r)||void 0===e?void 0:e.getBoundingClientRect();(null==n?void 0:n.bottom)>o?i=n.bottom-o+2:(null==a?void 0:a.top)<s&&(i=a.top-s-2),this.updateOnNextFrame((()=>{this.listBox.scrollTop+=i}))}getCustomContentName(t){const e=this.options.indexOf(t);if(this.isOptGroup){const t=this.options[e];if(t&&"string"!=typeof t)return t.slot}else if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach((t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])}))}unselectedAllMultiTag(){this.selected&&this.selected.forEach((t=>t.removeAttribute("selected"))),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return f(this,void 0,void 0,(function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame((()=>{this.input.focus(),this.focusedGroupIndex=-1}))}))}handleSelectAll(){return f(this,void 0,void 0,(function*(){this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions})}))}handleInputKeyUp(t){switch(t.code){case o.Uz.Escape:break;case o.Uz.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case o.Uz.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e.trim(),this.notifyInputValueChanged(e.trim())}removeAllSelected(){var t;this.focusedIndex=-1,this.focusedGroupIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,""),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.setSelectedAttribute(void 0),this.updateOnNextFrame((()=>{this.input.focus()})),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),i=this.filteredOptions.indexOf(t);-1!==i&&this.unCheckedOption(i),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame((()=>{this.input.focus(),this.focusedGroupIndex=-1}))}selectedChange(t){var e;const{event:i}=t.detail;let s=this.findOptionIndex(i);if(-1!==s){this.focusedIndex=this.allowSelectAll&&this.checkForVirtualScroll()?s+1:s,this.isMulti&&this.allowSelectAll&&!this.checkForVirtualScroll()&&(s-=1);const t=this.getFocusedItem(s);this.setSelectedAttribute(t),t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):(this.setInputValue(this.getOptionValue(t)),null===(e=this.input)||void 0===e||e.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(t))))}}setSelectedAttribute(t){var e;let i="";t&&(i=this.getOptionId(t)),null===(e=this.lists)||void 0===e||e.forEach(((t,e)=>{(null==t?void 0:t.id)===i?null==t||t.setAttribute("selected","true"):null==t||t.setAttribute("selected","false")}))}shouldChangeButton(){const t=this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon;return t&&document.dispatchEvent(new CustomEvent("on-widget-update")),t}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame((()=>{var t;this.focusedIndex=this.filteredOptions.length-1;const e=this.getFocusedItem(this.focusedIndex);e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)))})),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleGroupFocus(){this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.filteredGroupOptions.length>0&&-1===this.focusedGroupIndex&&(this.focusedGroupIndex=this.filteredGroupOptions.findIndex((t=>"string"!=typeof t&&t.groupName===this.groupExpandedList[0]))),this.updateOnNextFrame((()=>{-1===this.focusedGroupIndex||!this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length-1||this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length?this.focusedGroupIndex=0:this.focusedGroupIndex++})),this.focusedIndex=-1}handleInputKeyDown(t){var e,i;switch(t.code){case o.Uz.Backspace:this.focusedIndex=-1;break;case o.Uz.Tab:case o.Uz.Enter:if(this.setFocusOnHost(!0),this.expanded&&this.updateOnNextFrame((()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);this.allowCustomValue&&this.input&&this.input.value.length&&-1===this.findFilteredOption(this.inputValue)?this.setCustomValue():(e&&(this.setSelectedAttribute(e),this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll())})),this.setVisualListbox(!1),t.code===o.Uz.Tab&&this.isMulti)return;break;case o.Uz.ArrowDown:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame((()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1}));break;case o.Uz.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame((()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)),this.focusedGroupIndex=-1)}));break;case o.Uz.ArrowLeft:case o.Uz.ArrowRight:t.stopPropagation();break;case o.Uz.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(o.iw.AriaActivedescendant,""),this.focusedIndex=-1,this.focusedGroupIndex=-1,this.removeAllSelected(),this.setSelectedAttribute(void 0));break;case o.Uz.Home:this.setInputSelectionRange(0,0);break;case o.Uz.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case o.Uz.Space:if(this.isMulti&&this.expanded){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.setSelectedAttribute(e),this.showSelectedCount||(this.setInputValue(),null===(i=this.input)||void 0===i||i.setAttribute(o.iw.AriaActivedescendant,""))),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}this.expanded=!0}}handleGroupLabelKeyDown(t,e){switch(t.code){case o.Uz.Tab:this.handleGroupFocus();break;case o.Uz.Enter:case o.Uz.Space:-1!==this.focusedGroupIndex?this.toggleGroupListBox(t,e.value):(this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame((()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)),this.updateOnNextFrame((()=>{this.input.focus(),this.focusedGroupIndex=-1})))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()})));break;case o.Uz.ArrowDown:if(0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame((()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1}));break;case o.Uz.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame((()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)))}));break;case o.Uz.Escape:this.focusedGroupIndex=-1,this.setVisualListbox(!1),this.setFocusOnHost(!0),this.input.focus();break;default:this.setVisualListbox(!0)}}toggleVisualListBox(t){var e,i;if(!this.readOnly){if(t.target.classList.contains("md-combobox-listbox"))t.target.focus();else if("md-icon"===t.target.localName){const s=null===(i=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.parentElement;if(s){const t=s.querySelector(".md-combobox-listbox");(0,b.setTimeout)((()=>{t.focus()}),10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus(),this.setGroupList(""),this.focusedGroupIndex=-1}}toggleGroupListBox(t,e){t.stopPropagation(),this.focusedGroupIndex=this.filteredGroupOptions.findIndex((t=>"string"!=typeof t&&t.groupName===e)),this.setGroupList(e),this.resizeListbox()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents(),this.querySelector("optgroup")&&(this.isOptGroup=!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[l.A,v.A]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti,compact:this.compact,"md-combobox-dropdown-arrow":this.isDropdownArrow}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter((t=>!this.isOptGroup||("string"!=typeof t&&this.groupExpandedList.includes(this.getOptionGroupName(t))?"false"===t.isLabel:void 0)))}get filteredGroupOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter((t=>!this.isOptGroup||("string"!=typeof t?"true"===t.isLabel:void 0)))}get comboBoxTemplateClassMap(){return{[`md-combobox--${this.shape}`]:!!this.shape,"md-combobox-searchable":this.searchable,"md-combobox-has-leading-icon":this.searchable||this.showFilterIcon,"md-new-combobox":this.newMomentum,[`md-${this.messageType}`]:!!this.messageType,"md-combobox-readonly":this.readOnly,"md-combobox-compact":this.compact,"md-combobox-dropdown-arrow":this.isDropdownArrow}}searchIconTemplate(){return this.leadingIconTemplate("search-bold","search-icon")}filterIconTemplate(){return this.leadingIconTemplate("filter-bold","filter-icon")}leadingIconTemplate(t,e){return d.html`
|
|
30
|
+
<md-icon
|
|
31
|
+
name=${t}
|
|
32
|
+
class=${e}
|
|
33
|
+
size="16"
|
|
34
|
+
iconSet="momentumDesign"
|
|
35
|
+
@click=${this.toggleVisualListBox}
|
|
36
|
+
></md-icon>
|
|
37
|
+
`}selectedOptionTemplate(t){return d.html`
|
|
38
|
+
<div class="md-combobox-selected-item">
|
|
39
|
+
<span>${this.getOptionValue(t)}</span>
|
|
40
|
+
<md-icon
|
|
41
|
+
class="remove-item"
|
|
42
|
+
name="cancel-bold"
|
|
43
|
+
size=${this.newMomentum?"16":"8"}
|
|
44
|
+
iconSet="momentumDesign"
|
|
45
|
+
@click=${()=>this.removeSelected(t)}
|
|
46
|
+
></md-icon>
|
|
47
|
+
</div>
|
|
48
|
+
`}clearButtonTemplate(){return d.html`
|
|
49
|
+
<button
|
|
50
|
+
type="button"
|
|
51
|
+
class="md-combobox-button clear"
|
|
52
|
+
aria-label=${this.clearAriaLabel}
|
|
53
|
+
aria-controls="md-combobox-listbox"
|
|
54
|
+
tabindex="0"
|
|
55
|
+
?disabled=${this.disabled}
|
|
56
|
+
?readonly=${this.readOnly}
|
|
57
|
+
@click=${this.handleRemoveAll}
|
|
58
|
+
>
|
|
59
|
+
<md-icon
|
|
60
|
+
class="md-input__icon-clear"
|
|
61
|
+
name="cancel-bold"
|
|
62
|
+
size="14"
|
|
63
|
+
iconSet="momentumDesign"
|
|
64
|
+
style="height: ${this.clearIconHeight};"
|
|
65
|
+
></md-icon>
|
|
66
|
+
</button>
|
|
67
|
+
`}arrowButtonTemplate(){return d.html`
|
|
68
|
+
<button
|
|
69
|
+
type="button"
|
|
70
|
+
class="md-combobox-button arrow-down"
|
|
71
|
+
part="combobox-button-arrow"
|
|
72
|
+
aria-expanded=${this.expanded}
|
|
73
|
+
aria-label=${(0,c.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
|
|
74
|
+
aria-controls="md-combobox-listbox"
|
|
75
|
+
tabindex="-1"
|
|
76
|
+
aria-hidden=${(0,c.ifDefined)("true"===this.popupChevronAriaHidden?"true":void 0)}
|
|
77
|
+
?disabled=${this.disabled}
|
|
78
|
+
?readonly=${this.readOnly}
|
|
79
|
+
@click=${this.toggleVisualListBox}
|
|
80
|
+
>
|
|
81
|
+
<md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
82
|
+
</button>
|
|
83
|
+
`}groupArrowButtonTemplate(t){const e=this.groupExpandedList.includes(t)?"arrow-up-bold":"arrow-down-bold";return d.html`
|
|
84
|
+
<button
|
|
85
|
+
type="button"
|
|
86
|
+
class="md-combobox-button"
|
|
87
|
+
part="combobox-button-arrow"
|
|
88
|
+
aria-label=${(0,c.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
|
|
89
|
+
aria-controls="md-combobox-listbox"
|
|
90
|
+
tabindex="-1"
|
|
91
|
+
aria-hidden=${"true"===this.popupChevronAriaHidden?"true":"false"}
|
|
92
|
+
?disabled=${this.disabled}
|
|
93
|
+
?readonly=${this.readOnly}
|
|
94
|
+
@click=${e=>this.toggleGroupListBox(e,t)}
|
|
95
|
+
>
|
|
96
|
+
<span>
|
|
97
|
+
<md-icon name=${e} size="12" iconSet="momentumDesign"></md-icon>
|
|
98
|
+
</span>
|
|
99
|
+
</button>
|
|
100
|
+
`}getSelectAllOption(){const t=this.checkForVirtualScroll()?`, 1 of ${this.options.length+1}`:"";return d.html`
|
|
101
|
+
<div
|
|
102
|
+
id="selectAll"
|
|
103
|
+
part="combobox-option"
|
|
104
|
+
class="md-combobox-option ${(0,p.classMap)(this.listItemOptionMap)}"
|
|
105
|
+
@click=${this.handleSelectAll}
|
|
106
|
+
aria-label="${this.selectAllTextLocalization}${t}"
|
|
107
|
+
aria-checked=${(0,c.ifDefined)(this.isSelectAllChecked?"true":void 0)}
|
|
108
|
+
role="checkbox"
|
|
109
|
+
>
|
|
110
|
+
<span class="select-option" aria-hidden="true">
|
|
111
|
+
<md-icon name="check-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
112
|
+
</span>
|
|
113
|
+
|
|
114
|
+
<span part="label" class="select-label" aria-hidden="true">${this.selectAllTextLocalization}</span>
|
|
115
|
+
</div>
|
|
116
|
+
`}getSelctedCount(){return 0===this.selectedOptions.length?h.nothing:this.isSelectAllSelected()?d.html` <span class="selected-count">${this.allTextLocalization}</span> `:d.html`
|
|
117
|
+
<span class="selected-count">${this.selectedOptions.length} ${this.selectedTextLocalization}</span>
|
|
118
|
+
`}checkForVirtualScroll(){return this.useVirtualScroll&&!this.isOptGroup}rangeChanged(){this.updateFocusedIndex(this.focusedIndex),this.checkSelectedOptions(),this.resizeListbox()}getCustomErrorContent(){const t=this.querySelector("[slot]")||this.shadowRoot.querySelector("[slot]");return document.createRange().createContextualFragment(`${null==t?void 0:t.outerHTML}`)}getCustomContent(t){const e=this.getCustomContentName(t);if(this.isOptGroup){const t=[...this.querySelectorAll("[slot]")].find((t=>t.slot===e));return t?document.createRange().createContextualFragment(`${t.outerHTML}`):d.html``}return d.html` <slot name=${(0,c.ifDefined)(e)}></slot> `}renderGroupLabelHeader(t,e){return d.html`
|
|
119
|
+
<div
|
|
120
|
+
part="group-label"
|
|
121
|
+
class="group-label"
|
|
122
|
+
role="listbox"
|
|
123
|
+
aria-controls="md-combobox-listbox"
|
|
124
|
+
aria-label=${t.value}
|
|
125
|
+
@click=${e=>this.toggleGroupListBox(e,t.value)}
|
|
126
|
+
@keydown=${e=>{this.handleGroupLabelKeyDown(e,t)}}
|
|
127
|
+
tabindex="1"
|
|
128
|
+
aria-selected=${this.getAriaState(e)}
|
|
129
|
+
>
|
|
130
|
+
<span part="group-label">${t.value}</span>
|
|
131
|
+
${this.groupArrowButtonTemplate(t.value)}
|
|
132
|
+
</div>
|
|
133
|
+
`}renderWithoutVirtualScroll(){return(0,u.repeat)(this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),(t=>this.getOptionId(t)),((t,e)=>"string"!=typeof t&&this.isOptGroup&&"true"===t.isLabel?this.renderGroupLabelHeader(t,e):!this.isOptGroup||this.groupExpandedList.includes(this.getOptionGroupName(t))?this.renderItem(t,e):void 0))}highlightingSearchedText(t){return(0,a.ws)(this.getOptionValue(t),this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).map((({text:t,matching:e})=>e?d.html` <span class="highlight-text" part="select-label">${t}</span> `:d.html` <span class="selected-label-text" part="select-label">${t}</span> `))}addStyle(){const t=!this.expanded||this.options.length&&0===this.filteredOptions.length&&this.inputValue&&this.allowCustomValue;return this.checkForVirtualScroll()?(0,m.styleMap)({visibility:t?"hidden":"visible","z-index":t?"-1":"99",overflow:"hidden"}):(0,m.styleMap)({display:t?"none":"block","z-index":"99",overflow:"auto"})}renderItem(t,e){const i=this.allowSelectAll?e+2:e+1,s=this.allowSelectAll?this.options.length+1:this.options.length,o=this.checkForVirtualScroll()?`, ${i} of ${s}`:"";return d.html`
|
|
134
|
+
<div
|
|
135
|
+
id=${this.getOptionId(t)}
|
|
136
|
+
title="${this.getOptionValue(t)}"
|
|
137
|
+
part="combobox-option"
|
|
138
|
+
class="md-combobox-option"
|
|
139
|
+
aria-posinset=${i}
|
|
140
|
+
aria-setsize=${s}
|
|
141
|
+
role=${this.isMulti?"checkbox":"listitem"}
|
|
142
|
+
aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}${o}"
|
|
143
|
+
tabindex="-1"
|
|
144
|
+
@click=${this.handleListClick}
|
|
145
|
+
aria-checked=${(0,c.ifDefined)(this.isMulti?this.isOptionChecked.call(this,t):void 0)}
|
|
146
|
+
>
|
|
147
|
+
${this.isMulti?d.html`
|
|
148
|
+
<span class="select-option" aria-hidden="true">
|
|
149
|
+
<md-icon name="check-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
150
|
+
</span>
|
|
151
|
+
`:h.nothing}
|
|
152
|
+
<span part="label" class="select-label" aria-hidden="true">
|
|
153
|
+
${this.isCustomContent?this.getCustomContent(t):this.highlightingSearchedText(t)}
|
|
154
|
+
</span>
|
|
155
|
+
</div>
|
|
156
|
+
`}inputTitle(){return this.isMulti?this.selectedOptions.length>0?`${this.selectedOptions.length} ${this.selectedTextLocalization}`:this.placeholder:this.selectedOptions.length>0?this.getOptionValue(this.selectedOptions[0]):this.placeholder}helpTextTemplate(){return this.helpText?d.html`
|
|
157
|
+
<md-help-text
|
|
158
|
+
class="help-text ${(0,p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
159
|
+
.message=${this.helpText}
|
|
160
|
+
style=${(0,m.styleMap)({width:"100%"})}
|
|
161
|
+
></md-help-text>
|
|
162
|
+
`:h.nothing}messagesTemplate(){return this.messages&&this.messages.length?d.html`
|
|
163
|
+
<div id="${this.htmlId}-message" part="message" class="md-combobox__messages">
|
|
164
|
+
${(0,u.repeat)(this.messages,((t,e)=>d.html`
|
|
165
|
+
<md-help-text
|
|
166
|
+
.message=${t}
|
|
167
|
+
.id=${this.messageArr[e].id||""}
|
|
168
|
+
.ariaLive=${this.messageArr[e].ariaLive||"polite"}
|
|
169
|
+
.messageType=${this.messageType}
|
|
170
|
+
></md-help-text>
|
|
171
|
+
`))}
|
|
172
|
+
</div>
|
|
173
|
+
`:h.nothing}get newArrowButtonTemplate(){return d.html`<div class="md-combobox-right-arrow">${this.arrowButtonTemplate()}</div>`}get renderNewMomentumArrow(){return d.html` ${this.isDropdownArrow?this.arrowButtonTemplate():this.newArrowButtonTemplate} `}get renderTrailingInputControls(){const t=this.shouldChangeButton();return this.newMomentum?t&&this.isDropdownArrow?d.html`${this.clearButtonTemplate()}`:t?d.html`${this.clearButtonTemplate()} ${this.renderNewMomentumArrow}`:this.renderNewMomentumArrow:this.compact?d.html`${h.nothing}`:d.html`${t?this.clearButtonTemplate():this.arrowButtonTemplate()}`}render(){return d.html`
|
|
174
|
+
<div part="combobox" class="md-combobox md-combobox-list ${(0,p.classMap)(this.comboBoxTemplateClassMap)}">
|
|
175
|
+
<div part="group" class="group ${(0,p.classMap)(this.listItemOptionMap)}">
|
|
176
|
+
${this.searchable?this.searchIconTemplate():this.showFilterIcon?this.filterIconTemplate():h.nothing}
|
|
177
|
+
<div class="md-combobox__multiwrap" part="multiwrap">
|
|
178
|
+
${this.isMulti?this.isMulti&&!this.showSelectedCount?(0,u.repeat)(this.selectedOptions,(t=>this.selectedOptionTemplate(t))):this.getSelctedCount():h.nothing}
|
|
179
|
+
<input
|
|
180
|
+
id=${(0,c.ifDefined)(this.comboboxId||void 0)}
|
|
181
|
+
class="md-combobox-listbox"
|
|
182
|
+
type="text"
|
|
183
|
+
role="combobox"
|
|
184
|
+
aria-autocomplete="both"
|
|
185
|
+
aria-label=${this.ariaLabelForComboBox}
|
|
186
|
+
part="multiwrap-input"
|
|
187
|
+
aria-expanded=${this.expanded}
|
|
188
|
+
placeholder=${this.isMulti&&this.showSelectedCount&&0!==this.selectedOptions.length?"":this.placeholder}
|
|
189
|
+
aria-controls="md-combobox-listbox"
|
|
190
|
+
?readonly=${this.allowSelectAll||this.readOnly}
|
|
191
|
+
?disabled=${this.disabled}
|
|
192
|
+
?autofocus=${this.autofocus}
|
|
193
|
+
title=${(0,c.ifDefined)(this.inputTitle())}
|
|
194
|
+
.value=${this.inputValue}
|
|
195
|
+
@click=${this.toggleVisualListBox}
|
|
196
|
+
@input=${this.handleInput}
|
|
197
|
+
@keyup=${this.handleInputKeyUp}
|
|
198
|
+
@keydown=${this.handleInputKeyDown}
|
|
199
|
+
/>
|
|
200
|
+
</div>
|
|
201
|
+
${this.renderTrailingInputControls}
|
|
202
|
+
</div>
|
|
203
|
+
|
|
204
|
+
${this.showLoader||this.showCustomError?d.html`
|
|
205
|
+
<div
|
|
206
|
+
id="md-combobox-listbox"
|
|
207
|
+
part="combobox-options"
|
|
208
|
+
aria-label=${this.ariaLabel}
|
|
209
|
+
style=${(0,m.styleMap)({display:this.expanded?"block":"none","z-index":"99"})}
|
|
210
|
+
>
|
|
211
|
+
${this.getCustomErrorContent()}
|
|
212
|
+
</div>
|
|
213
|
+
`:d.html`
|
|
214
|
+
<div
|
|
215
|
+
id="md-combobox-listbox"
|
|
216
|
+
part="combobox-options"
|
|
217
|
+
aria-label=${this.ariaLabel||this.label}
|
|
218
|
+
style=${this.addStyle()}
|
|
219
|
+
role=${(0,c.ifDefined)(this.checkForVirtualScroll()?void 0:"list")}
|
|
220
|
+
>
|
|
221
|
+
${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():h.nothing}
|
|
222
|
+
${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?d.html`
|
|
223
|
+
<div class="virtual-scroll" @rangechange=${this.rangeChanged}>
|
|
224
|
+
${(0,y.scroll)({items:this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),renderItem:(t,e)=>this.renderItem(t,e||0),useShadowDOM:!1,scrollToIndex:{index:this.focusedIndex,position:-1===this.focusedIndex?"start":"center"}})}
|
|
225
|
+
</div>
|
|
226
|
+
`:h.nothing:this.renderWithoutVirtualScroll()}
|
|
227
|
+
${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?d.html`
|
|
228
|
+
<div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
|
|
229
|
+
${this.resultsTextLocalization.trim()}
|
|
230
|
+
</div>
|
|
231
|
+
`:h.nothing}
|
|
232
|
+
${0===this.options.length?d.html`
|
|
233
|
+
<div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
|
|
234
|
+
${this.optionsTextLocalization.trim()}
|
|
235
|
+
</div>
|
|
236
|
+
`:h.nothing}
|
|
237
|
+
</div>
|
|
238
|
+
`}
|
|
239
|
+
</div>
|
|
240
|
+
${this.invalid?d.html`
|
|
241
|
+
<div part="message" class="md-combobox-error ${(0,p.classMap)({"md-new-combobox-error":this.newMomentum})}">
|
|
242
|
+
<md-help-text .message=${this.invalidText} messageType="error"></md-help-text>
|
|
243
|
+
</div>
|
|
244
|
+
`:h.nothing}
|
|
245
|
+
${this.messagesTemplate()} ${this.helpTextTemplate()}
|
|
246
|
+
`}};g([(0,d.property)({type:String})],i.prototype,"label",void 0),g([(0,d.property)({type:Array})],i.prototype,"options",void 0),g([(0,d.property)({type:Array,attribute:"custom-options"})],i.prototype,"customOptions",void 0),g([(0,d.property)({type:String})],i.prototype,"placeholder",void 0),g([(0,d.property)({type:Boolean,attribute:"is-multi"})],i.prototype,"isMulti",void 0),g([(0,d.property)({type:Boolean,attribute:"use-virtual-scroll"})],i.prototype,"useVirtualScroll",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"ordered",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"expanded",void 0),g([(0,d.property)({type:Array,reflect:!0})],i.prototype,"groupExpandedList",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"searchItem",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"compact",void 0),g([(0,d.property)({type:Boolean,attribute:"no-clear-icon"})],i.prototype,"noClearIcon",void 0),g([(0,d.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),g([(0,d.property)({type:Array})],i.prototype,"selectedOptions",void 0),g([(0,d.property)({type:Number,attribute:"visible-option",reflect:!0})],i.prototype,"visibleOptions",void 0),g([(0,d.property)({type:String,attribute:"option-id",reflect:!0})],i.prototype,"optionId",void 0),g([(0,d.property)({type:String,attribute:"option-value",reflect:!0})],i.prototype,"optionValue",void 0),g([(0,d.property)({type:Boolean,attribute:"with-custom-content"})],i.prototype,"isCustomContent",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"searchable",void 0),g([(0,d.property)({type:String})],i.prototype,"shape",void 0),g([(0,d.property)({type:Array})],i.prototype,"value",void 0),g([(0,d.property)({type:String,attribute:"input-value",reflect:!0})],i.prototype,"inputValue",void 0),g([(0,d.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],i.prototype,"allowCustomValue",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),g([(0,d.property)({type:String,attribute:"no-results-i18n"})],i.prototype,"resultsTextLocalization",void 0),g([(0,d.property)({type:String,attribute:"no-options-i18n"})],i.prototype,"optionsTextLocalization",void 0),g([(0,d.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],i.prototype,"trimSpace",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"invalid",void 0),g([(0,d.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],i.prototype,"invalidText",void 0),g([(0,d.property)({type:String,reflect:!0})],i.prototype,"ariaLabel",void 0),g([(0,d.property)({type:String,attribute:"search-result-aria-label"})],i.prototype,"searchResultAriaLabel",void 0),g([(0,d.internalProperty)()],i.prototype,"ariaLabelForComboBox",void 0),g([(0,d.property)({type:String,attribute:"clear-aria-label"})],i.prototype,"clearAriaLabel",void 0),g([(0,d.property)({type:String,attribute:"arrow-aria-label"})],i.prototype,"arrowAriaLabel",void 0),g([(0,d.property)({type:String,attribute:"clear-icon-height"})],i.prototype,"clearIconHeight",void 0),g([(0,d.property)({type:String,attribute:"all-i18n"})],i.prototype,"allTextLocalization",void 0),g([(0,d.property)({type:String,attribute:"select-all-i18n"})],i.prototype,"selectAllTextLocalization",void 0),g([(0,d.property)({type:String,attribute:"selected-all-i18n"})],i.prototype,"selectedTextLocalization",void 0),g([(0,d.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],i.prototype,"allowSelectAll",void 0),g([(0,d.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],i.prototype,"showCustomError",void 0),g([(0,d.property)({type:Boolean,attribute:"show-loader",reflect:!0})],i.prototype,"showLoader",void 0),g([(0,d.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],i.prototype,"showSelectedCount",void 0),g([(0,d.property)({type:String,attribute:"popup-chevron-aria-hidden"})],i.prototype,"popupChevronAriaHidden",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"newMomentum",void 0),g([(0,d.property)({type:Boolean,attribute:"show-filter-icon"})],i.prototype,"showFilterIcon",void 0),g([(0,d.property)({type:Boolean,attribute:"prevent-filter"})],i.prototype,"preventFilter",void 0),g([(0,d.property)({type:Boolean,attribute:"is-dropdown-arrow"})],i.prototype,"isDropdownArrow",void 0),g([(0,d.property)({type:String})],i.prototype,"comboboxId",void 0),g([(0,d.property)({type:String})],i.prototype,"helpText",void 0),g([(0,d.property)({type:Array})],i.prototype,"messageArr",void 0),g([(0,d.property)({type:String})],i.prototype,"htmlId",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"readOnly",void 0),g([(0,d.internalProperty)()],i.prototype,"isOptGroup",void 0),g([(0,d.internalProperty)()],i.prototype,"isSelectAllChecked",void 0),g([(0,d.query)(".group")],i.prototype,"group",void 0),g([(0,d.query)(".md-combobox-listbox")],i.prototype,"input",void 0),g([(0,d.query)(".md-combobox-button")],i.prototype,"button",void 0),g([(0,d.query)("div#md-combobox-listbox")],i.prototype,"listBox",void 0),g([(0,d.query)(".virtual-scroll")],i.prototype,"virtualizer",void 0),g([(0,d.queryAll)("div.md-combobox-option")],i.prototype,"lists",void 0),g([(0,d.queryAll)(".group-label")],i.prototype,"labels",void 0),g([(0,d.queryAll)(".md-combobox-selected-item")],i.prototype,"selected",void 0),i=g([(0,n.w)("md-combobox")],i),t.ELEMENT=i}(s||(s={}))},6396:(t,e,i)=>{i.d(e,{Label:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(17518),l=i(11598),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.label="",this.theme="",this.radioLabel=!1,this.checkboxLabel=!1,this.toggleSwitchLabel=!1,this.htmlFor="",this.active=!1,this.disabled=!1,this.indeterminate=!1,this.secondaryLabel=!1}static get styles(){return[r.A,l.A]}setFocus(){this.dispatchEvent(new CustomEvent("setFocus"))}get labelClassMap(){return{[`md-label--${this.theme}`]:!!this.theme,"md-radio__label":this.radioLabel,"md-checkbox__label":this.checkboxLabel,"md-secondary-label":this.secondaryLabel,active:this.active,disabled:this.disabled,indeterminate:this.indeterminate}}handleClick(){this.setFocus(),this.dispatchEvent(new CustomEvent("label-click",{composed:!0,bubbles:!0,detail:{htmlFor:this.htmlFor}}))}render(){return n.html`
|
|
247
|
+
<label
|
|
248
|
+
@click="${()=>this.handleClick()}"
|
|
249
|
+
class="md-label ${(0,a.classMap)(this.labelClassMap)}"
|
|
250
|
+
for="${this.htmlFor}"
|
|
251
|
+
>
|
|
252
|
+
${this.label?n.html` <span>${this.label}</span> `:n.html` <slot></slot> `}
|
|
253
|
+
</label>
|
|
254
|
+
`}};d([(0,n.property)({type:String})],e.prototype,"label",void 0),d([(0,n.property)({type:String})],e.prototype,"theme",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"radioLabel",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"checkboxLabel",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"toggleSwitchLabel",void 0),d([(0,n.property)({type:String})],e.prototype,"htmlFor",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"active",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"indeterminate",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"secondaryLabel",void 0),e=d([(0,o.w)("md-label")],e),t.ELEMENT=e}(s||(s={}))},6779:(t,e,i)=>{i.d(e,{AccordionItem:()=>s}),i(61200);var s,o=i(3001),r=i(31890),n=i(26272),a=i(41488),l=i(97822),d=i(98199),h=i(33866),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this._expanded=!1,this._level=3,this.uniqueId=(0,d.nanoid)(),this.label="",this.disabled=!1}get expanded(){return this._expanded}set expanded(t){const e=this._expanded;this._expanded=t,t?(this.notifyAccordionFocus(),this.notifyExpandedHeader()):this.notifyCollapsedHeader(),this.requestUpdate("expanded",e)}get level(){return this._level}set level(t){const e=this.level;t<1||t>6?(console.warn("Please set appropriate section heading level"),this._level=3):this._level=t,this.requestUpdate("level",e)}notifyExpandedHeader(){this.dispatchEvent(new CustomEvent("accordion-item-expanded",{composed:!0,bubbles:!0,detail:{id:this.uniqueId}}))}notifyCollapsedHeader(){this.dispatchEvent(new CustomEvent("accordion-item-collapsed",{composed:!0,bubbles:!0,detail:{id:this.uniqueId}}))}notifyAccordionFocus(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}firstUpdated(t){super.firstUpdated(t),this.setAttribute("id",this.uniqueId)}static get styles(){return[n.A,h.A]}handleMouseDown(t){this.disabled||this.dispatchEvent(new CustomEvent("accordion-item-click",{detail:{srcEvent:t},composed:!0,bubbles:!0}))}handleKeyDown(t){this.disabled||this.dispatchEvent(new CustomEvent("accordion-item-keydown",{detail:{srcEvent:t},bubbles:!0,composed:!0}))}render(){return a.html`
|
|
255
|
+
<div class="md-accordion-item">
|
|
256
|
+
<div role="heading" aria-level=${this.level} class="md-accordion-header" part="accordion-header">
|
|
257
|
+
<button
|
|
258
|
+
type="button"
|
|
259
|
+
aria-expanded=${this.expanded}
|
|
260
|
+
class="md-accordion-expander"
|
|
261
|
+
aria-label=${(0,l.ifDefined)(this.label||void 0)}
|
|
262
|
+
aria-controls="panel-${this.uniqueId}"
|
|
263
|
+
aria-disabled=${this.disabled}
|
|
264
|
+
?disabled=${this.disabled}
|
|
265
|
+
id="header-${this.uniqueId}"
|
|
266
|
+
part="accordion-button"
|
|
267
|
+
tabindex=${(0,l.ifDefined)(this.disabled?-1:void 0)}
|
|
268
|
+
@mousedown=${this.handleMouseDown}
|
|
269
|
+
@keydown=${this.handleKeyDown}
|
|
270
|
+
>
|
|
271
|
+
<slot name="header-content">
|
|
272
|
+
<span class="md-accordion-expander-label">${this.label}</span>
|
|
273
|
+
</slot>
|
|
274
|
+
<md-icon
|
|
275
|
+
iconSet=${"momentumDesign"}
|
|
276
|
+
size="14"
|
|
277
|
+
name=${this.expanded?"arrow-up-bold":"arrow-down-bold"}
|
|
278
|
+
></md-icon>
|
|
279
|
+
</button>
|
|
280
|
+
</div>
|
|
281
|
+
<div
|
|
282
|
+
role="region"
|
|
283
|
+
id="panel-${this.uniqueId}"
|
|
284
|
+
aria-labelledby="header-${this.uniqueId}"
|
|
285
|
+
class="md-accordion-panel"
|
|
286
|
+
part="accordion-panel"
|
|
287
|
+
>
|
|
288
|
+
<slot></slot>
|
|
289
|
+
</div>
|
|
290
|
+
</div>
|
|
291
|
+
`}};p([(0,a.property)({type:String})],e.prototype,"label",void 0),p([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),p([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"expanded",null),p([(0,a.property)({type:Number,reflect:!0})],e.prototype,"level",null),p([(0,a.query)(".md-accordion-expander")],e.prototype,"header",void 0),e=p([(0,r.w)("md-accordion-item")],e),t.ELEMENT=e}(s||(s={}))},6963:t=>{t.exports=L},8229:t=>{t.exports=e},9871:(t,e,i)=>{i.d(e,{Modal:()=>s}),i(96798),i(61200);var s,o=i(90195),r=i(37719),n=i(3001),a=i(31890),l=i(26272),d=i(41488),h=i(40333),p=i(23968),c=i(97822),u=i(48521),m=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,n.dY)(d.LitElement)){constructor(){super(...arguments),this.show=!1,this.headerLabel="",this.headerMessage="",this.htmlId="",this.ariaLabel="modal",this.ariaLabelClose="Close Modal",this.ariaLabelCancel="Cancel Modal",this.ariaLabelSubmit="Submit Modal",this.ariaDescription="",this.showCloseButton=!1,this.backdropClickExit=!1,this.noExitOnEsc=!1,this.size="default",this.closeBtnName="",this.hideFooter=!1,this.hideHeader=!1,this.disableInitialFocus=!1,this.alignment=void 0,this.animating=!1,this.handleCloseOutside=t=>{t.code===o.Uz.Escape&&(t.preventDefault(),this.show&&!this.noExitOnEsc&&(this.show=!1))}}static get styles(){return[l.A,u.A]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleCloseOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleCloseOutside)}update(t){super.update(t),t.has("show")&&(this.show?this.modalFadeIn():!0===t.get("show")&&this.modalFadeOut())}get computedAlignment(){return void 0===this.alignment?r.themeManager.isMomentumV2Enabled?"leading":"center":this.alignment}notifyModalClose(){this.dispatchEvent(new CustomEvent("close-modal",{composed:!0,bubbles:!0}))}focusInsideModal(){var t;(null===(t=this.focusableElements)||void 0===t?void 0:t.length)&&this.setInitialFocus()}handleKeyDown(t){t.code!==o.Uz.Enter&&t.code!==o.Uz.Space||this.show&&(this.show=!0)}transitionPromise(t){return new Promise((e=>{const i=()=>{t.removeEventListener("transitionend",i),this.activateFocusTrap(),this.setFocusableElements(),requestAnimationFrame((()=>{e()}))},s=()=>{t.removeEventListener("transitioncancel",s),this.deactivateFocusTrap(),this.modalFadeOut(),e()};t.addEventListener("transitionend",i),t.addEventListener("transitioncancel",s),setTimeout((()=>{this.animating=!0}),13)}))}modalFadeIn(){return t=this,e=void 0,s=function*(){this.backDrop&&(yield this.transitionPromise(this.backDrop),this.disableInitialFocus||this.focusInsideModal())},new((i=void 0)||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}));var t,e,i,s}modalFadeOut(){this.animating=!1,this.deactivateFocusTrap(),this.notifyModalClose()}handleCloseBackdrop(){this.backdropClickExit&&(this.show=!1)}hideModal(){this.animating=!1,this.show=!1}topCloseBtnTemplate(){return d.html`
|
|
292
|
+
${this.showCloseButton?d.html`
|
|
293
|
+
<md-button
|
|
294
|
+
variant="ghost"
|
|
295
|
+
size="20"
|
|
296
|
+
circle
|
|
297
|
+
class="md-close md-modal__close"
|
|
298
|
+
@click="${this.hideModal}"
|
|
299
|
+
@keydown="${this.handleKeyDown}"
|
|
300
|
+
ariaLabel=${this.ariaLabelClose}
|
|
301
|
+
>
|
|
302
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
303
|
+
</md-button>
|
|
304
|
+
`:h.nothing}
|
|
305
|
+
`}handleFooterClick(){this.show=!1}headerTemplate(){return this.hideHeader?d.html`
|
|
306
|
+
<div id="modal_header" part="modal-header" class="md-modal__header">
|
|
307
|
+
<slot name="header"></slot>
|
|
308
|
+
</div>
|
|
309
|
+
`:d.html`
|
|
310
|
+
<div id="modal_header" part="modal-header" class="md-modal__header">
|
|
311
|
+
<h2 class="md-modal__title">${this.headerLabel}</h2>
|
|
312
|
+
${this.headerMessage?d.html` <span class="md-modal__message">${this.headerMessage}</span> `:h.nothing}
|
|
313
|
+
</div>
|
|
314
|
+
`}footerTemplate(){return this.hideFooter?d.html`
|
|
315
|
+
<div part="modal-footer" class="md-modal__footer">
|
|
316
|
+
<slot name="footer"></slot>
|
|
317
|
+
</div>
|
|
318
|
+
`:d.html`
|
|
319
|
+
<div part="modal-footer" class="md-modal__footer">
|
|
320
|
+
<md-button
|
|
321
|
+
aria-label=${this.ariaLabelCancel}
|
|
322
|
+
@click="${this.handleFooterClick}"
|
|
323
|
+
@keydown="${this.handleKeyDown}"
|
|
324
|
+
variant="secondary"
|
|
325
|
+
>
|
|
326
|
+
<span>Cancel</span>
|
|
327
|
+
</md-button>
|
|
328
|
+
<md-button
|
|
329
|
+
type="submit"
|
|
330
|
+
variant="primary"
|
|
331
|
+
aria-label=${this.ariaLabelSubmit}
|
|
332
|
+
@click="${this.handleFooterClick}"
|
|
333
|
+
@keydown="${this.handleKeyDown}"
|
|
334
|
+
>
|
|
335
|
+
<span>${this.closeBtnName}</span>
|
|
336
|
+
</md-button>
|
|
337
|
+
</div>
|
|
338
|
+
`}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,[`md-modal--${this.size}`]:!!this.size,[`md-modal--${this.computedAlignment}`]:!!this.computedAlignment}}render(){return d.html`
|
|
339
|
+
${this.show?d.html`
|
|
340
|
+
<div part="modal-backdrop" class="md-modal__backdrop fade ${(0,p.classMap)(this.modalBackDropClassMap)}">
|
|
341
|
+
${this.backdropClickExit?d.html` <div class="md-modal_overlay" @click="${this.handleCloseBackdrop}"></div> `:h.nothing}
|
|
342
|
+
|
|
343
|
+
<div
|
|
344
|
+
part="modal-container"
|
|
345
|
+
role="dialog"
|
|
346
|
+
id="${this.htmlId}"
|
|
347
|
+
class="md-modal ${(0,p.classMap)(this.modalContainerClassMap)}"
|
|
348
|
+
aria-label="${(0,c.ifDefined)(this.headerLabel||this.ariaLabel||void 0)}"
|
|
349
|
+
aria-describedby=${(0,c.ifDefined)(this.ariaDescription||void 0)}
|
|
350
|
+
>
|
|
351
|
+
<div part="modal-content" class="md-modal__content">
|
|
352
|
+
<div class="md-modal__flex-container" part="modal-flex-container">
|
|
353
|
+
${this.headerTemplate()} ${this.topCloseBtnTemplate()}
|
|
354
|
+
<div id="modal-body" part="modal-body" class="md-modal__body">
|
|
355
|
+
<slot></slot>
|
|
356
|
+
</div>
|
|
357
|
+
${this.footerTemplate()}
|
|
358
|
+
</div>
|
|
359
|
+
</div>
|
|
360
|
+
</div>
|
|
361
|
+
</div>
|
|
362
|
+
`:h.nothing}
|
|
363
|
+
`}};m([(0,d.property)({type:Boolean})],e.prototype,"show",void 0),m([(0,d.property)({type:String})],e.prototype,"headerLabel",void 0),m([(0,d.property)({type:String})],e.prototype,"headerMessage",void 0),m([(0,d.property)({type:String})],e.prototype,"htmlId",void 0),m([(0,d.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),m([(0,d.property)({type:String})],e.prototype,"ariaLabelClose",void 0),m([(0,d.property)({type:String})],e.prototype,"ariaLabelCancel",void 0),m([(0,d.property)({type:String})],e.prototype,"ariaLabelSubmit",void 0),m([(0,d.property)({type:String})],e.prototype,"ariaDescription",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"showCloseButton",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"backdropClickExit",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"noExitOnEsc",void 0),m([(0,d.property)({type:String})],e.prototype,"size",void 0),m([(0,d.property)({type:String})],e.prototype,"closeBtnName",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"hideFooter",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"hideHeader",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"disableInitialFocus",void 0),m([(0,d.property)({type:String})],e.prototype,"alignment",void 0),m([(0,d.internalProperty)()],e.prototype,"animating",void 0),m([(0,d.query)(".md-modal__backdrop")],e.prototype,"backDrop",void 0),e=m([(0,a.w)("md-modal")],e),t.ELEMENT=e}(s||(s={}))},10654:(t,e,i)=>{i.d(e,{Card:()=>s}),i(96798),i(99850),i(61200),i(68490),i(66245),i(11323),i(83192);var s,o=i(31890),r=i(26272),n=i(41488),a=i(40333),l=i(22818),d=i(90195),h=i(70630),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.title="title",this.subtitle="",this.id="",this.info="",this.infoAriaLabel="Card Info",this.menuAriaLabel="Card Menu",this.menuOptions=[]}static get styles(){return[r.A,h.A]}handleCardClick(){this.dispatchEvent(new CustomEvent("card-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardKeyDown(t){t.code!==d.Uz.Enter&&t.code!==d.Uz.Space||this.dispatchEvent(new CustomEvent("card-keydown",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardMenuEvent(t,e){t.stopPropagation();const i=e.toLowerCase();this.dispatchEvent(new CustomEvent("card-menu-click",{detail:{id:this.id,type:i},bubbles:!0,composed:!0}))}handleCardMenuKeyDown(t,e){t.preventDefault(),this.dispatchEvent(new CustomEvent("card-menu-keydown",{detail:{id:this.id,type:e.toLowerCase(),keyCode:t.code},bubbles:!0,composed:!0}))}render(){return n.html`
|
|
364
|
+
<div
|
|
365
|
+
class="md-card"
|
|
366
|
+
id="${this.id}"
|
|
367
|
+
part="card"
|
|
368
|
+
tabindex="0"
|
|
369
|
+
@click=${()=>this.handleCardClick()}
|
|
370
|
+
@keydown=${t=>this.handleCardKeyDown(t)}
|
|
371
|
+
>
|
|
372
|
+
<div class="md-card-header">
|
|
373
|
+
<slot name="card-header-aside">
|
|
374
|
+
<md-favorite value="${"card-"+this.id}"></md-favorite>
|
|
375
|
+
</slot>
|
|
376
|
+
<div class="md-card-header-title">
|
|
377
|
+
<slot name="card-header-title">
|
|
378
|
+
<h1>${this.title}</h1>
|
|
379
|
+
<h2>${this.subtitle}</h2>
|
|
380
|
+
</slot>
|
|
381
|
+
</div>
|
|
382
|
+
<div class="md-card-header-actions">
|
|
383
|
+
${this.info?n.html`
|
|
384
|
+
<md-tooltip message="${this.info}" placement="bottom">
|
|
385
|
+
<md-button
|
|
386
|
+
ariaLabel="${this.infoAriaLabel}"
|
|
387
|
+
class="md-card-info-icon"
|
|
388
|
+
color="color-none"
|
|
389
|
+
size="size-none"
|
|
390
|
+
>
|
|
391
|
+
<md-icon slot="icon" name="info-circle-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
392
|
+
</md-button>
|
|
393
|
+
</md-tooltip>
|
|
394
|
+
`:a.nothing}
|
|
395
|
+
${this.menuOptions.length?n.html`
|
|
396
|
+
<md-menu-overlay class="md-card-menu" placement="bottom-start">
|
|
397
|
+
<md-button
|
|
398
|
+
ariaLabel="${this.menuAriaLabel}"
|
|
399
|
+
class="md-card-menu-icon"
|
|
400
|
+
color="color-none"
|
|
401
|
+
size="size-none"
|
|
402
|
+
slot="menu-trigger"
|
|
403
|
+
>
|
|
404
|
+
<md-icon slot="icon" name="more-adr-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
405
|
+
</md-button>
|
|
406
|
+
<div class="md-card-menu-list-items" style="width: 100%;">
|
|
407
|
+
<md-list>
|
|
408
|
+
${(0,l.repeat)(this.menuOptions,((t,e)=>n.html`
|
|
409
|
+
<md-list-item
|
|
410
|
+
class="${"menu-item-"+e}"
|
|
411
|
+
slot="list-item"
|
|
412
|
+
@click=${e=>this.handleCardMenuEvent(e,t)}
|
|
413
|
+
@keydown=${e=>this.handleCardMenuKeyDown(e,t)}
|
|
414
|
+
>${t}</md-list-item
|
|
415
|
+
>
|
|
416
|
+
`))}
|
|
417
|
+
</md-list>
|
|
418
|
+
</div>
|
|
419
|
+
</md-menu-overlay>
|
|
420
|
+
`:a.nothing}
|
|
421
|
+
</div>
|
|
422
|
+
</div>
|
|
423
|
+
<div class="md-card-content">
|
|
424
|
+
<slot name="content"></slot>
|
|
425
|
+
</div>
|
|
426
|
+
<div class="md-card-footer">
|
|
427
|
+
<slot name="footer"> </slot>
|
|
428
|
+
</div>
|
|
429
|
+
</div>
|
|
430
|
+
`}};p([(0,n.property)({type:String})],e.prototype,"title",void 0),p([(0,n.property)({type:String})],e.prototype,"subtitle",void 0),p([(0,n.property)({type:String})],e.prototype,"id",void 0),p([(0,n.property)({type:String})],e.prototype,"info",void 0),p([(0,n.property)({type:String,attribute:"info-aria-label"})],e.prototype,"infoAriaLabel",void 0),p([(0,n.property)({type:String,attribute:"menu-aria-label"})],e.prototype,"menuAriaLabel",void 0),p([(0,n.property)({type:Array})],e.prototype,"menuOptions",void 0),e=p([(0,o.w)("md-card")],e),t.ELEMENT=e}(s||(s={}))},10984:(t,e,i)=>{i.d(e,{DatePickerWeek:()=>s}),i(16754);var s,o=i(31890),r=i(81625),n=i(26272),a=i(41488),l=i(14974),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.startOfWeekDay=(0,r.tB)(),this.viewAnchorMonth=(0,r.tB)().month,this.filterParams=void 0,this.datePickerProps=void 0,this.renderDays=()=>[0,1,2,3,4,5,6].map((t=>{const e=(0,r.fi)(this.startOfWeekDay,t);return a.html`
|
|
431
|
+
<md-datepicker-day
|
|
432
|
+
.viewAnchorMonth=${this.viewAnchorMonth}
|
|
433
|
+
.day=${e}
|
|
434
|
+
.filterParams=${this.filterParams}
|
|
435
|
+
.datePickerProps=${this.datePickerProps}
|
|
436
|
+
></md-datepicker-day>
|
|
437
|
+
`}))}static get styles(){return[n.A,l.A]}render(){return a.html` <div class="md-datepicker__week">${this.renderDays()}</div> `}};d([(0,a.property)({attribute:!1})],e.prototype,"startOfWeekDay",void 0),d([(0,a.property)({attribute:!1})],e.prototype,"viewAnchorMonth",void 0),d([(0,a.property)({attribute:!1})],e.prototype,"filterParams",void 0),d([(0,a.property)({attribute:!1})],e.prototype,"datePickerProps",void 0),e=d([(0,o.w)("md-datepicker-week")],e),t.ELEMENT=e}(s||(s={}))},11323:(t,e,i)=>{i.d(e,{MenuOverlay:()=>o});var s,o,r=i(90195),n=i(31890),a=i(28373),l=i(66677),d=i(22962),h=i.n(d),p=i(84157),c=i.n(p),u=i(68250),m=i.n(u),y=i(69371),b=i.n(y),v=i(4863),g=i(41488),f=i(97822),w=i(16366),C=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},x=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};!function(t){t.small="260px",t.large="370px"}(s||(s={})),function(t){let e=class extends((0,a.d)(g.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.popperInstance=null,this.triggerElement=null,this.shouldWrapFocus=()=>"dialog"===this.ariaRole,this.updateActiveMenuOverlayOpened=e=>{var i;this===e.target&&(null===(i=t.ELEMENT.activeOverlay)||void 0===i||i.push(e.target))},this.updateActiveMenuOverlayClosed=e=>{var i,s;const o=t.ELEMENT.activeOverlay.indexOf(e.target);this===e.target&&-1!==o&&(t.ELEMENT.activeOverlay.splice(o,1),t.ELEMENT.activeOverlay.length>0?(null===(i=t.ELEMENT.activeOverlay[t.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(s=t.ELEMENT.activeOverlay[t.ELEMENT.activeOverlay.length-1])||void 0===s||s.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)((t=>{this.disabled||(this.isOpen=t)}),100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=e=>x(this,void 0,void 0,(function*(){let i=!1;const s=e.composedPath();s.length&&(i=!!s.find((t=>t===this)),!i)||!this.overlayContainer||e.code!==r.Uz.Escape||(e.preventDefault(),(t.ELEMENT.activeOverlay.length>0?t.ELEMENT.activeOverlay[t.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))})),this.handleTriggerKeyDown=t=>x(this,void 0,void 0,(function*(){switch(t.code){case r.Uz.Space:case r.Uz.Enter:t.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}})),this.handleOutsideOverlayClick=t=>{let e=!1;const i=t.composedPath();i.length&&(e=!!i.find((t=>t===this)),e||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(t){const e=this._isOpen;this._isOpen=t,this.handleInstance(t),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",t),this.requestUpdate("isOpen",e)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderOverflowY(){return this.isDatePicker?"overflow-y: visible;":"overflow-y: auto;"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${s.small};`:`width: ${s.large};`}getStyles(){return g.html`
|
|
438
|
+
<style>
|
|
439
|
+
:host .md-menu-overlay .overlay-content {
|
|
440
|
+
${this.renderMaxHeight()};
|
|
441
|
+
${this.renderWidth()};
|
|
442
|
+
${this.renderOverflowY()};
|
|
443
|
+
}
|
|
444
|
+
</style>
|
|
445
|
+
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}checkIsInputField(t){var e;return"md-input"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return x(this,void 0,void 0,(function*(){e.firstUpdated.call(this,t),yield new Promise((t=>setTimeout(t,0))),this.trigger&&(this.triggerElement=this.trigger[0],this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),t.has("isOpen")&&(this.isOpen?this.triggerElement&&this.triggerElement.setAttribute("aria-expanded","true"):this.triggerElement&&this.triggerElement.setAttribute("aria-expanded","false"))}))}update(t){super.update(t),t.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick)))}updated(t){super.updated(t),t.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true"))):(this.dispatchMenuClose(),this.triggerElement&&(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false"))))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(t){t?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,v.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>x(this,void 0,void 0,(function*(){var t;this.isOpen&&(null===(t=this.popperInstance)||void 0===t||t.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...v.defaultModifiers,c(),m(),b(),h(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:t,reference:e})=>"left-end"===t||"right-end"===t?[e.height+e.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame((()=>{var t;(null===(t=this.focusableElements)||void 0===t?void 0:t.length)&&this.focusableElements[0].focus()}))}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(t){var e;null===(e=this.setFocusOnTrigger)||void 0===e||e.call(this,t)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[w.A]}render(){return g.html`
|
|
446
|
+
${this.getStyles()}
|
|
447
|
+
<div class="md-menu-overlay">
|
|
448
|
+
<slot name="menu-trigger"></slot>
|
|
449
|
+
<div
|
|
450
|
+
part="overlay"
|
|
451
|
+
class="overlay-container"
|
|
452
|
+
role=${this.ariaRole}
|
|
453
|
+
aria-modal=${(0,f.ifDefined)("dialog"===this.ariaRole?"true":void 0)}
|
|
454
|
+
aria-label=${(0,f.ifDefined)(this.ariaLabel||void 0)}
|
|
455
|
+
>
|
|
456
|
+
<div id="arrow" class="overlay-arrow" data-popper-arrow></div>
|
|
457
|
+
<div class="overlay-content" part="overlay-content">
|
|
458
|
+
<slot></slot>
|
|
459
|
+
</div>
|
|
460
|
+
</div>
|
|
461
|
+
</div>
|
|
462
|
+
`}};e.activeOverlay=[],C([(0,g.property)({type:Boolean,attribute:"is-open",reflect:!0})],e.prototype,"isOpen",null),C([(0,g.property)({type:String})],e.prototype,"size",void 0),C([(0,g.property)({type:String,attribute:"max-height"})],e.prototype,"maxHeight",void 0),C([(0,g.property)({type:String,attribute:"custom-width"})],e.prototype,"customWidth",void 0),C([(0,g.property)({type:Boolean,attribute:"show-arrow"})],e.prototype,"showArrow",void 0),C([(0,g.property)({type:Boolean})],e.prototype,"disabled",void 0),C([(0,g.property)({type:String})],e.prototype,"placement",void 0),C([(0,g.property)({type:Boolean,attribute:"allow-hover-toggle"})],e.prototype,"allowHoverToggle",void 0),C([(0,g.property)({type:String})],e.prototype,"ariaRole",void 0),C([(0,g.property)({type:String})],e.prototype,"ariaLabel",void 0),C([(0,g.property)({type:Boolean,attribute:"is-date-picker"})],e.prototype,"isDatePicker",void 0),C([(0,g.property)({type:Number,attribute:"overlay-offset"})],e.prototype,"overlayOffset",void 0),C([(0,g.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],e.prototype,"keepOpenOnWindowBlur",void 0),C([(0,g.query)(".overlay-container")],e.prototype,"overlayContainer",void 0),C([(0,g.query)(".overlay-arrow")],e.prototype,"arrow",void 0),C([(0,g.queryAssignedNodes)("menu-trigger",!0)],e.prototype,"trigger",void 0),e=C([(0,n.w)("md-menu-overlay")],e),t.ELEMENT=e}(o||(o={}))},12176:(t,e,i)=>{i.d(e,{Spinner:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(8229),l=i(46325),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.size=56,this.isAnimating=!1,this.animationFrameId=null}static get styles(){return[r.A,l.A]}get spinnerStyleMap(){return{width:`${this.size}px`,height:`${this.size}px`}}firstUpdated(t){super.firstUpdated(t),this.isAnimating=!0,this.startAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.isAnimating=!1,this.stopAnimation()}startAnimation(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-spinner");if(!e)return;let i=null;const s=t=>{if(!this.isAnimating)return;i||(i=t);const o=t-i,r=o/1e3*360;e.style.transform=`rotate(${r}deg)`,o>=1e3&&(i=t),this.animationFrameId=requestAnimationFrame(s)};this.animationFrameId=requestAnimationFrame(s)}stopAnimation(){var t;null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null);const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-spinner");e&&(e.style.transform="")}render(){return n.html` <i class="md-spinner" part="spinner" style=${(0,a.styleMap)(this.spinnerStyleMap)}></i> `}};d([(0,n.property)({type:Number,reflect:!0})],e.prototype,"size",void 0),d([(0,n.internalProperty)()],e.prototype,"isAnimating",void 0),e=d([(0,o.w)("md-spinner")],e),t.ELEMENT=e}(s||(s={}))},13060:t=>{t.exports=I},16643:(t,e,i)=>{i.d(e,{TAB_CROSS_WIDTH:()=>c,Tab:()=>u});var s=i(90195),o=i(3001),r=i(31890),n=i(26272),a=i(41488),l=i(23968),d=i(97822),h=i(30076),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const c=22;var u;!function(t){let e=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",`${t}`),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get selected(){return this._selected}set selected(t){const e=this._selected;this._selected=t,t&&this.notifySelectedTab(),this.setAttribute("aria-selected",`${t}`),this.requestUpdate("selected",e)}static get styles(){return[n.A,h.A]}handleClick(t){t.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(t){t.stopPropagation(),t.code===s.Uz.Enter&&this.handleCrossEventDispatch()}handleCrossClick(t){t.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(t){super.update(t),t.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",`${this.disabled}`))}connectedCallback(){super.connectedCallback()}firstUpdated(t){super.firstUpdated(t),this.ariaRole&&this.setAttribute("role",this.ariaRole)}renderCrossButton(){return a.html`
|
|
463
|
+
<div
|
|
464
|
+
?disabled=${this.disabled}
|
|
465
|
+
tabindex="-1"
|
|
466
|
+
class="tab-action-button"
|
|
467
|
+
@click=${t=>this.handleCrossClick(t)}
|
|
468
|
+
@keydown=${t=>this.handleCrossKeydown(t)}
|
|
469
|
+
>
|
|
470
|
+
<md-icon tabindex="0" name="cancel-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
471
|
+
</div>
|
|
472
|
+
`}render(){return a.html`
|
|
473
|
+
<button
|
|
474
|
+
type="button"
|
|
475
|
+
role="button"
|
|
476
|
+
?disabled=${this.disabled}
|
|
477
|
+
aria-selected="false"
|
|
478
|
+
aria-label=${(0,d.ifDefined)(this.ariaLabel||void 0)}
|
|
479
|
+
aria-hidden="true"
|
|
480
|
+
tabindex="-1"
|
|
481
|
+
part="tab"
|
|
482
|
+
class="${(0,l.classMap)({closable:""!==this.closable,pill:"pill"===this.type,rounded:"rounded"===this.type,line:"line"===this.type,primary:"primary"===this.variant,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
|
|
483
|
+
@click=${t=>this.handleClick(t)}
|
|
484
|
+
>
|
|
485
|
+
<slot class="tab-slot"></slot>
|
|
486
|
+
${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
|
|
487
|
+
</button>
|
|
488
|
+
`}};p([(0,a.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),p([(0,a.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),p([(0,a.property)({type:String,attribute:"closable"})],e.prototype,"closable",void 0),p([(0,a.property)({type:String,attribute:"name"})],e.prototype,"name",void 0),p([(0,a.property)({type:Boolean,attribute:"cross-visible"})],e.prototype,"isCrossVisible",void 0),p([(0,a.property)({type:String})],e.prototype,"ariaRole",void 0),p([(0,a.property)({type:String})],e.prototype,"type",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"newMomentum",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"onlyIcon",void 0),p([(0,a.property)({type:String})],e.prototype,"variant",void 0),p([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),p([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"selected",null),p([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"vertical",void 0),p([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"viewportHidden",void 0),e=p([(0,r.w)("md-tab")],e),t.ELEMENT=e}(u||(u={}))},16754:(t,e,i)=>{i.d(e,{DatePickerDay:()=>s}),i(96798);var s,o=i(31890),r=i(81625),n=i(66677),a=i(26272),l=i(41488),d=i(23968),h=i(97822),p=i(14974),c=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.focused=!1,this.selected=!1,this.disabled=!1,this.day=(0,r.tB)(),this.viewAnchorMonth=void 0,this.filterParams=void 0,this.datePickerProps=void 0,this.isOutsideMonth=!1,this.isToday=!1,this.parentRangePicker=null,this.dateIsInRange=!1,this.handleClick=t=>{this.dispatchEvent(new CustomEvent("day-select",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:t}}))},this.isDateInRange=()=>{var t;const e=this.parentRangePicker,i=null==e?void 0:e.startDate,s=null==e?void 0:e.endDate;if(!i||!s)return!1;const o=(null===(t=this.day)||void 0===t?void 0:t.isValid)?this.day.toSQLDate():null;if(!o)return!1;const r=o>i&&o<s,n=o===i,a=o===s;return!this.isPrimarySelection()&&(r||n||a)},this.handleKeyDown=t=>{this.dispatchEvent(new CustomEvent("day-key-event",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:t}}))}}connectedCallback(){super.connectedCallback(),this.disabled=this.filterParams&&(0,r.t_)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=(0,r.ro)(this.day,(0,r.tB)()),this.selected=this.datePickerProps&&(0,r.ro)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&(0,r.ro)(this.datePickerProps.focused,this.day)||!1,this.parentRangePicker=(0,n.QZ)("md-date-range-picker",this)}updated(t){var e,i;super.updated(t),this.disabled=this.filterParams&&(0,r.t_)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=(0,r.ro)(this.day,(0,r.tB)()),this.selected=this.datePickerProps&&(0,r.ro)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&(0,r.ro)(this.datePickerProps.focused,this.day)||!1,this.focused&&this.button&&(null===(i=null===(e=this.button.shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===i||i.focus()),this.parentRangePicker&&(this.dateIsInRange=this.isDateInRange())}isPrimarySelection(){var t;return(null===(t=this.parentRangePicker)||void 0===t?void 0:t.startDate)&&void 0===this.parentRangePicker.endDate}isLeadingRangeEdge(){var t;return this===(null===(t=this.parentNode)||void 0===t?void 0:t.firstElementChild)}isEndingRangeEdge(){var t;return this===(null===(t=this.parentNode)||void 0===t?void 0:t.lastElementChild)}isStartDate(){var t;return(null===(t=this.parentRangePicker)||void 0===t?void 0:t.startDate)===this.day.toSQLDate()&&!this.isPrimarySelection()}isEndDate(){var t;return(null===(t=this.parentRangePicker)||void 0===t?void 0:t.endDate)===this.day.toSQLDate()}get getDayClassMap(){return{"md-datepicker__day--selected":this.selected,"md-datepicker__day--focus":this.focused,"md-datepicker__day--today":this.isToday,"md-datepicker__day--outside-month":this.isOutsideMonth,"md-datepicker__day--in-range":this.dateIsInRange,"md-datepicker__day--week-first":this.isLeadingRangeEdge(),"md-datepicker__day--week-last":this.isEndingRangeEdge(),"md-datepicker__day--start-date":this.isStartDate(),"md-datepicker__day--end-date":this.isEndDate()}}static get styles(){return[a.A,p.A]}render(){var t;const e=(0,r.WV)(this.day,(null===(t=this.datePickerProps)||void 0===t?void 0:t.locale)||"en").toFormat("D, dd MMMM yyyy");return l.html`
|
|
489
|
+
<md-button
|
|
490
|
+
circle
|
|
491
|
+
size=${32}
|
|
492
|
+
color=${"color-none"}
|
|
493
|
+
?disabled=${this.disabled}
|
|
494
|
+
class="md-datepicker__day ${(0,d.classMap)(this.getDayClassMap)}"
|
|
495
|
+
@click=${t=>{this.disabled||this.handleClick(t)}}
|
|
496
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
497
|
+
ariaLabel=${`${e}`}
|
|
498
|
+
title=${`${e}`}
|
|
499
|
+
aria-selected=${(0,h.ifDefined)(this.selected)}
|
|
500
|
+
tab-index=${this.focused?"0":"-1"}
|
|
501
|
+
>
|
|
502
|
+
${this.day&&(0,r.pp)(this.day)}
|
|
503
|
+
</md-button>
|
|
504
|
+
`}};c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"focused",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),c([(0,l.property)({attribute:!1})],e.prototype,"day",void 0),c([(0,l.property)({attribute:!1})],e.prototype,"viewAnchorMonth",void 0),c([(0,l.property)({attribute:!1})],e.prototype,"filterParams",void 0),c([(0,l.property)({attribute:!1})],e.prototype,"datePickerProps",void 0),c([(0,l.internalProperty)()],e.prototype,"isOutsideMonth",void 0),c([(0,l.internalProperty)()],e.prototype,"isToday",void 0),c([(0,l.internalProperty)()],e.prototype,"parentRangePicker",void 0),c([(0,l.internalProperty)()],e.prototype,"dateIsInRange",void 0),c([(0,l.query)("md-button")],e.prototype,"button",void 0),e=c([(0,o.w)("md-datepicker-day")],e),t.ELEMENT=e}(s||(s={}))},17518:t=>{t.exports=d},17814:(t,e,i)=>{i.d(e,{DatePickerMonth:()=>s}),i(10984);var s,o=i(31890),r=i(81625),n=i(26272),a=i(41488),l=i(14974),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.day=(0,r.tB)(),this.filterParams=void 0,this.datePickerProps=void 0,this.renderWeeks=()=>{var t;let e=(0,r.mK)((0,r.Mw)(this.day),null===(t=this.datePickerProps)||void 0===t?void 0:t.weekStart);const i=[],s=(0,r.tj)(this.day);do{i.push(a.html`
|
|
505
|
+
<md-datepicker-week
|
|
506
|
+
.viewAnchorMonth=${s}
|
|
507
|
+
.startOfWeekDay=${e}
|
|
508
|
+
.filterParams=${this.filterParams}
|
|
509
|
+
.datePickerProps=${this.datePickerProps}
|
|
510
|
+
></md-datepicker-week>
|
|
511
|
+
`),e=(0,r.J4)(e,1)}while((0,r.tF)(e,this.day)||i.length<6);return i}}static get styles(){return[n.A,l.A]}render(){return a.html` <div class="md-datepicker__month">${this.renderWeeks()}</div> `}};d([(0,a.property)({attribute:!1})],e.prototype,"day",void 0),d([(0,a.property)({attribute:!1})],e.prototype,"filterParams",void 0),d([(0,a.property)({attribute:!1})],e.prototype,"datePickerProps",void 0),e=d([(0,o.w)("md-datepicker-month")],e),t.ELEMENT=e}(s||(s={}))},19026:(t,e,i)=>{i.d(e,{Link:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(23968),l=i(97822),d=i(73112),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.inlineStyle=void 0,this.inverted=void 0,this.href="",this.tag="a",this.target="_self",this.size=void 0,this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}static get styles(){return[r.A,d.A]}render(){const t={[`md-link--${this.color}`]:this.color,"md-link--inline":this.inline,[`md-link--inline-style-${this.inlineStyle}`]:!!this.inlineStyle,[`${this.size}`]:!!this.size,inverted:!0===this.inverted,disabled:this.disabled};return n.html` ${(()=>{switch(this.tag){case"div":return n.html`
|
|
512
|
+
<div
|
|
513
|
+
class="md-link ${(0,a.classMap)(t)}"
|
|
514
|
+
tabindex=${this.tabIndex}
|
|
515
|
+
aria-label=${(0,l.ifDefined)(this.ariaLabel||void 0)}
|
|
516
|
+
aria-disabled=${(0,l.ifDefined)(this.disabled||void 0)}
|
|
517
|
+
role=${this.ariaRole}
|
|
518
|
+
part="link"
|
|
519
|
+
>
|
|
520
|
+
<slot></slot>
|
|
521
|
+
</div>
|
|
522
|
+
`;case"span":return n.html`
|
|
523
|
+
<span
|
|
524
|
+
class="md-link ${(0,a.classMap)(t)}"
|
|
525
|
+
tabindex=${this.tabIndex}
|
|
526
|
+
aria-label=${(0,l.ifDefined)(this.ariaLabel||void 0)}
|
|
527
|
+
aria-disabled=${(0,l.ifDefined)(this.disabled||void 0)}
|
|
528
|
+
role=${this.ariaRole}
|
|
529
|
+
part="link"
|
|
530
|
+
>
|
|
531
|
+
<slot></slot>
|
|
532
|
+
</span>
|
|
533
|
+
`;default:return n.html`
|
|
534
|
+
<a
|
|
535
|
+
class="md-link ${(0,a.classMap)(t)}"
|
|
536
|
+
.target="${this.target}"
|
|
537
|
+
href=${(0,l.ifDefined)(this.disabled?void 0:this.href)}
|
|
538
|
+
tabindex=${this.tabIndex}
|
|
539
|
+
aria-label=${(0,l.ifDefined)(this.ariaLabel||void 0)}
|
|
540
|
+
aria-disabled=${(0,l.ifDefined)(this.disabled||void 0)}
|
|
541
|
+
role=${this.ariaRole}
|
|
542
|
+
part="link"
|
|
543
|
+
>
|
|
544
|
+
<slot></slot>
|
|
545
|
+
</a>
|
|
546
|
+
`}})()} `}};h([(0,n.property)({type:String,attribute:!1})],e.prototype,"color",void 0),h([(0,n.property)({type:String})],e.prototype,"ariaLabel",void 0),h([(0,n.property)({type:String})],e.prototype,"ariaRole",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"inline",void 0),h([(0,n.property)({type:String,attribute:"inline-style"})],e.prototype,"inlineStyle",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"inverted",void 0),h([(0,n.property)({type:String})],e.prototype,"href",void 0),h([(0,n.property)({type:String})],e.prototype,"tag",void 0),h([(0,n.property)({type:String})],e.prototype,"target",void 0),h([(0,n.property)({type:String})],e.prototype,"size",void 0),h([(0,n.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),e=h([(0,o.w)("md-link")],e),t.ELEMENT=e}(s||(s={}))},19239:t=>{t.exports=D},19479:(t,e,i)=>{i.d(e,{AlertBanner:()=>s}),i(96798),i(61200);var s,o=i(31890),r=i(26283),n=i(26272),a=i(41488),l=i(40333),d=i(17518),h=i(35467),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(t){const{code:e}=t;(0,r.o)(e)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[n.A,h.A]}getIconForType(){switch(this.type){case"error":return"error-legacy-badge-filled";case"warning":return"warning-filled";case"success":return"check-circle-badge-filled";default:return"info-badge-filled"}}get alertBannerClassMap(){return{"md-alert-banner":!0,[`md-alert-banner--${this.type}`]:this.type,[`md-alert-banner--${this.alignment}`]:this.isLeadingAlignment,closable:this.closable}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,leading:this.isLeadingAlignment}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment}}get closeButtonTemplate(){return a.html`
|
|
547
|
+
<div class="close-div">
|
|
548
|
+
<md-button
|
|
549
|
+
class="md-alert-banner__close"
|
|
550
|
+
hasRemoveStyle
|
|
551
|
+
circle
|
|
552
|
+
ariaLabel=${this.closeAriaLabel}
|
|
553
|
+
@click="${this.onHide}"
|
|
554
|
+
@keydown="${this.handleKeyDown}"
|
|
555
|
+
>
|
|
556
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
557
|
+
</md-button>
|
|
558
|
+
</div>
|
|
559
|
+
`}render(){const t=this.closable?a.html` ${this.closeButtonTemplate} `:null,e=this.showBannerTypeIcon?a.html` <md-icon name="${this.getIconForType()}" iconSet="momentumDesign" size="16"> </md-icon> `:a.html`<slot name="left"></slot>`,i=this.showRefreshButton?a.html` <md-button
|
|
560
|
+
class="refresh-button"
|
|
561
|
+
@click="${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}"
|
|
562
|
+
variant="ghostInheritTextColor"
|
|
563
|
+
circle
|
|
564
|
+
size="20"
|
|
565
|
+
>
|
|
566
|
+
<md-icon name="refresh-bold" iconSet="momentumDesign" size="16"></md-icon>
|
|
567
|
+
</md-button>`:l.nothing;return a.html`
|
|
568
|
+
${this.show?a.html`
|
|
569
|
+
<div class="${(0,d.classMap)(this.alertBannerClassMap)}" role="alert">
|
|
570
|
+
<div class="${(0,d.classMap)(this.alertBannerTextClassMap)}">
|
|
571
|
+
${e}
|
|
572
|
+
<slot><span>${this.message}</span></slot>
|
|
573
|
+
${i}
|
|
574
|
+
</div>
|
|
575
|
+
<div class="md-alert-banner__right ${(0,d.classMap)(this.alertBannerRightClassMap)}">
|
|
576
|
+
<slot name="right"></slot>
|
|
577
|
+
</div>
|
|
578
|
+
${t}
|
|
579
|
+
</div>
|
|
580
|
+
`:null}
|
|
581
|
+
`}};p([(0,a.property)({type:String})],e.prototype,"type",void 0),p([(0,a.property)({type:String})],e.prototype,"message",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"closable",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"show",void 0),p([(0,a.property)({type:String,attribute:"close-aria-label"})],e.prototype,"closeAriaLabel",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"showBannerTypeIcon",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"showRefreshButton",void 0),p([(0,a.property)({type:String})],e.prototype,"alignment",void 0),e=p([(0,o.w)("md-alert-banner")],e),t.ELEMENT=e}(s||(s={}))},20109:(t,e,i)=>{i.d(e,{HelpText:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(23968),l=i(24977),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.message="",this.messageType=void 0,this.id="",this.ariaLive="off"}get inputMessageClassMap(){return{[`md-${this.messageType}`]:!!this.messageType}}static get styles(){return[r.A,l.A]}getIconName(){switch(this.messageType){case"success":return"check-circle-badge-filled";case"error":return"error-legacy-badge-filled";case"warning":return"warning-badge-filled";case"priority":return"info-badge-filled";default:return""}}render(){return n.html`
|
|
582
|
+
<div
|
|
583
|
+
class="md-input__message ${(0,a.classMap)(this.inputMessageClassMap)}"
|
|
584
|
+
id=${this.id}
|
|
585
|
+
aria-live=${this.ariaLive}
|
|
586
|
+
role="alert"
|
|
587
|
+
>
|
|
588
|
+
<md-icon name="${this.getIconName()}" size="14" iconSet="momentumDesign"></md-icon>
|
|
589
|
+
<slot>${this.message}</slot>
|
|
590
|
+
</div>
|
|
591
|
+
`}};d([(0,n.property)({type:String})],e.prototype,"message",void 0),d([(0,n.property)({type:String})],e.prototype,"messageType",void 0),d([(0,n.property)({type:String})],e.prototype,"id",void 0),d([(0,n.property)({type:String})],e.prototype,"ariaLive",void 0),e=d([(0,o.w)("md-help-text")],e),t.ELEMENT=e}(s||(s={}))},20331:(t,e,i)=>{i.d(e,{ToggleSwitch:()=>c}),i(6396);var s=i(3001),o=i(26272),r=i(31890),n=i(41488),a=i(23968),l=i(20779),d=i(97822),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const p="md-toggle-switch__accessible-description";var c;!function(t){let e=class extends((0,s.yC)(n.LitElement)){constructor(){super(...arguments),this.htmlId="",this.label="toggle",this.description=void 0,this.checked=!1,this.disabled=!1,this.small=!1,this.smaller=!1,this.alignLabel="right",this.autofocus=!1}handleClick(){this.disabled||(this.checked=!this.checked)}get toggleSwitchClassMap(){return{"md-toggle-switch--small":this.small,"md-toggle-switch--smaller":this.smaller}}switchTemplate(){return"left"===this.alignLabel?n.html`
|
|
592
|
+
<slot></slot>
|
|
593
|
+
<span
|
|
594
|
+
class="md-toggle-switch__label__container md-toggle-switch__label__container__left"
|
|
595
|
+
part="toggle-label"
|
|
596
|
+
></span>
|
|
597
|
+
`:n.html`
|
|
598
|
+
<span class="md-toggle-switch__label__container" part="toggle-label"></span>
|
|
599
|
+
<slot></slot>
|
|
600
|
+
`}render(){return n.html`
|
|
601
|
+
<div
|
|
602
|
+
class="md-input-container md-toggle-switch ${(0,a.classMap)(this.toggleSwitchClassMap)}"
|
|
603
|
+
@click=${this.handleClick}
|
|
604
|
+
>
|
|
605
|
+
<input
|
|
606
|
+
type="checkbox"
|
|
607
|
+
role="switch"
|
|
608
|
+
class="md-toggle-switch__input"
|
|
609
|
+
aria-label="${this.label}"
|
|
610
|
+
.id=${this.htmlId}
|
|
611
|
+
?checked=${this.checked}
|
|
612
|
+
?disabled=${this.disabled}
|
|
613
|
+
?autofocus=${this.autofocus}
|
|
614
|
+
tabindex=${this.disabled?-1:0}
|
|
615
|
+
aria-describedby=${(0,d.ifDefined)(this.description?p:void 0)}
|
|
616
|
+
/>
|
|
617
|
+
<md-label .htmlFor=${this.htmlId} class="md-toggle-switch__label"> ${this.switchTemplate()} </md-label>
|
|
618
|
+
${this.description&&n.html`
|
|
619
|
+
<div id=${p} class="md-toggle-switch__accessible-description">
|
|
620
|
+
${this.description}
|
|
621
|
+
</div>
|
|
622
|
+
`}
|
|
623
|
+
</div>
|
|
624
|
+
`}static get styles(){return[o.A,l.A]}};h([(0,n.property)({type:String})],e.prototype,"htmlId",void 0),h([(0,n.property)({type:String})],e.prototype,"label",void 0),h([(0,n.property)({type:String})],e.prototype,"description",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"checked",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"small",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"smaller",void 0),h([(0,n.property)({type:String})],e.prototype,"alignLabel",void 0),h([(0,n.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),e=h([(0,r.w)("md-toggle-switch")],e),t.ELEMENT=e}(c||(c={}))},20727:t=>{t.exports=k},22818:t=>{t.exports=p},22962:t=>{t.exports=c},23026:(t,e,i)=>{i.d(e,{Pagination:()=>s}),i(96798),i(61200);var s,o=i(31890),r=i(26272),n=i(41488),a=i(40333),l=i(4392),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this._currentPage=1,this.hasDots=!1,this.onlyDots=!1,this.noNavigation=!1,this.totalPage=0,this.visiblePage=3}get currentPage(){return this._currentPage}set currentPage(t){const e=this._currentPage;this._currentPage=t,this.notifyPageChange(e,t),this.requestUpdate("currentPage",e)}static get styles(){return[r.A,l.A]}computePrevious(t){1!==t&&t!==this.currentPage&&(this.currentPage-=1)}computeNext(t){t<=this.totalPage&&t!==this.currentPage&&(this.currentPage+=1)}computeFirst(){this.currentPage>=1&&(this.currentPage=1)}computeLast(){this.currentPage>=1&&(this.currentPage=this.totalPage)}computeCurrent(t){this.currentPage=t}notifyPageChange(t,e){this.dispatchEvent(new CustomEvent("page-change",{composed:!0,bubbles:!0,detail:{oldPage:t,newPage:e}}))}get hasPreviousPage(){return this.currentPage<=1}get hasNextPage(){return this.currentPage>=this.totalPage}computePageList(t){if(this.totalPage>this.visiblePage&&t){const[t,e,i]=[this.currentPage-1,this.currentPage,this.currentPage+1];let s=[];if(e<=this.visiblePage-1)return s=[...Array(this.visiblePage)].map(((t,e)=>1+e)),s.push("..."),s.push(this.totalPage),s;if(this.totalPage-e<=this.visiblePage-2){s=[],s.push(1),s.push("...");const t=[...Array(this.visiblePage)].map(((t,e)=>this.totalPage-this.visiblePage+1+e));return s.concat(t)}return[1,"...",t,e,i,"...",this.totalPage]}return[...Array(this.totalPage)].map(((t,e)=>1+e))}pagesTemplate(t){return this.computePageList(t).map((t=>"..."===t?n.html` <li class="page-ellipsis">${t}</li> `:n.html`
|
|
625
|
+
<li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}>
|
|
626
|
+
${t}
|
|
627
|
+
</li>
|
|
628
|
+
`))}dotsTemplate(t){return this.computePageList(t).map((t=>"..."===t?a.nothing:n.html`
|
|
629
|
+
<li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}></li>
|
|
630
|
+
`))}render(){return n.html`
|
|
631
|
+
<nav class="md-pagination" role="navigation" part="pagination">
|
|
632
|
+
${this.noNavigation?a.nothing:n.html`
|
|
633
|
+
<md-button
|
|
634
|
+
class="md-pagination-nav"
|
|
635
|
+
ariaLabel="First Page"
|
|
636
|
+
?disabled=${this.hasPreviousPage}
|
|
637
|
+
@click=${this.computeFirst}
|
|
638
|
+
part="pagination-first"
|
|
639
|
+
variant="ghost"
|
|
640
|
+
size="24"
|
|
641
|
+
circle
|
|
642
|
+
>
|
|
643
|
+
<md-icon name="overflow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
644
|
+
</md-button>
|
|
645
|
+
<md-button
|
|
646
|
+
class="md-pagination-nav"
|
|
647
|
+
ariaLabel="Next Page"
|
|
648
|
+
?disabled=${this.hasPreviousPage}
|
|
649
|
+
@click=${()=>this.computePrevious(this.currentPage-1)}
|
|
650
|
+
part="pagination-prev"
|
|
651
|
+
variant="ghost"
|
|
652
|
+
size="24"
|
|
653
|
+
circle
|
|
654
|
+
>
|
|
655
|
+
<md-icon name="arrow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
656
|
+
</md-button>
|
|
657
|
+
`}
|
|
658
|
+
<div class="md-pagination-container">
|
|
659
|
+
${this.onlyDots?n.html`
|
|
660
|
+
<ul class="md-pagination-dots" part="pagination-only-dots">
|
|
661
|
+
${this.dotsTemplate(!1)}
|
|
662
|
+
</ul>
|
|
663
|
+
`:n.html`
|
|
664
|
+
<ul class="md-pagination-list" part=pagination-list">
|
|
665
|
+
${this.pagesTemplate(!0)}
|
|
666
|
+
</ul>
|
|
667
|
+
`}
|
|
668
|
+
${this.hasDots&&!this.onlyDots?n.html`
|
|
669
|
+
<ul class="md-pagination-dots" part="pagination-dots">
|
|
670
|
+
${this.dotsTemplate(!0)}
|
|
671
|
+
</ul>
|
|
672
|
+
`:a.nothing}
|
|
673
|
+
</div>
|
|
674
|
+
${this.noNavigation?a.nothing:n.html`
|
|
675
|
+
<md-button
|
|
676
|
+
class="md-pagination-nav"
|
|
677
|
+
ariaLabel="Previous Page"
|
|
678
|
+
?disabled=${this.hasNextPage}
|
|
679
|
+
@click=${()=>this.computeNext(this.currentPage+1)}
|
|
680
|
+
part="pagination-next"
|
|
681
|
+
variant="ghost"
|
|
682
|
+
size="24"
|
|
683
|
+
circle
|
|
684
|
+
>
|
|
685
|
+
<md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
686
|
+
</md-button>
|
|
687
|
+
<md-button
|
|
688
|
+
class="md-pagination-nav"
|
|
689
|
+
ariaLabel="Last Page"
|
|
690
|
+
?disabled=${this.hasNextPage}
|
|
691
|
+
@click=${this.computeLast}
|
|
692
|
+
part="pagination-last"
|
|
693
|
+
variant="ghost"
|
|
694
|
+
size="24"
|
|
695
|
+
circle
|
|
696
|
+
>
|
|
697
|
+
<md-icon name="overflow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
698
|
+
</md-button>
|
|
699
|
+
`}
|
|
700
|
+
</nav>
|
|
701
|
+
`}};d([(0,n.property)({type:Boolean,attribute:"dots"})],e.prototype,"hasDots",void 0),d([(0,n.property)({type:Boolean,reflect:!0,attribute:"only-dots"})],e.prototype,"onlyDots",void 0),d([(0,n.property)({type:Boolean,reflect:!0,attribute:"no-navigation"})],e.prototype,"noNavigation",void 0),d([(0,n.property)({type:Number,reflect:!0,attribute:"total-page"})],e.prototype,"totalPage",void 0),d([(0,n.property)({type:Number,reflect:!0,attribute:"visible-page"})],e.prototype,"visiblePage",void 0),d([(0,n.property)({type:Number,reflect:!0,attribute:"current-page"})],e.prototype,"currentPage",null),e=d([(0,o.w)("md-pagination")],e),t.ELEMENT=e}(s||(s={}))},23184:(t,e,i)=>{i.d(e,{Dropdown:()=>s}),i(61200);var s,o=i(90195),r=i(3001),n=i(66677),a=i(26272),l=i(41488),d=i(40333),h=i(17518),p=i(97822),c=i(22818),u=i(8229),m=i(70573),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},b=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};!function(t){class e{determineMessageType(t){return t.reduce(((t,e)=>"error"===e?t:e.type),"")}filterMessagesByType(t,e){return t.reduce(((t,i)=>i.type===e?t.concat(i.message):t),[])}}t.MessageController=e;let i=class extends((0,r.yC)(l.LitElement)){constructor(){super(...arguments),this.title="Select...",this.options=[],this.optionId="",this.optionValue="",this.defaultOption="",this.disabled=!1,this.customTabIndex=0,this.allowUnselected=!1,this.visibleOptions=8,this.newMomentum=!1,this.compact=!1,this.searchable=!1,this.searchItem=!1,this.inputValue="",this.placeholder="Select...",this.readOnly=!1,this.autofocus=!1,this.leftIcon="",this.trimSpace=!1,this.resultsTextLocalization="No Results",this.pill=!1,this.helpText="",this.messageArr=[],this.htmlId="",this.clearAriaLabel="Clear",this.clearIconHeight="auto",this.arrowAriaLabel="Expand",this.popupChevronAriaHidden="true",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForDropdown="",this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.messageController=new e,this.lastMaxHeight="",this.onOutsideClick=t=>{let e=!1;const i=t.composedPath();i.length&&(e=!!i.find((t=>t===this)),e||this.expanded&&this.collapse())},this.onKeyDown=t=>{switch(t.code){case o.Uz.Tab:this.expanded&&(t.stopPropagation(),this.collapse());break;case o.Uz.Space:case o.Uz.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case o.Uz.ArrowDown:this.expanded?this.focusNext():this.expand();break;case o.Uz.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case o.Uz.Home:this.expanded?this.focusFirst():this.expand();break;case o.Uz.End:this.expanded?this.focusLast():this.expand();break;case o.Uz.Escape||o.Uz.Backspace:this.expanded&&(t.stopPropagation(),this.collapse())}},this.notifyInputValueChanged=(0,n.sg)((t=>{this.dispatchEvent(new CustomEvent("dropdown-input",{composed:!0,bubbles:!0,detail:{value:t}})),this.notifySearchResultCount(),requestAnimationFrame((()=>{this.input.focus()}))}),250)}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(t){super.firstUpdated(t),t.forEach(((t,e)=>{if("defaultOption"===e&&this.defaultOption){const{key:t}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=t}})),this.searchable&&this.setInitialValue()}updated(t){super.updated(t),t.forEach(((t,e)=>{if("options"===e&&this.updateRenderOptions(),"selectedKey"===e){const t=this.renderOptions.findIndex((t=>t.key===this.selectedKey));-1!==t&&(this.focusToIndex(t),this.searchable&&this.setInitialValue())}if("expanded"===e&&this.updateListDOM(),"focusedIndex"===e&&this.updateListDOM(),"defaultOption"===e&&this.defaultOption){const{key:t}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=t}}))}notifySearchResultCount(){if(this.searchResultAriaLabel){const t=/{{.*?}}/g;this.ariaLabelForDropdown=this.searchResultAriaLabel.replace(t,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForDropdown=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForDropdown=`Dropdown Element, ${this.filteredOptions.length} results found.`}setInitialValue(){var t;if(this.options.length){const e=this.renderOptions.find((t=>t.key===this.selectedKey)),i=null==e?void 0:e.option;i&&(this.setInputValue(this.getOptionValue(i)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(i)),this.notifyInputValueChanged(this.getOptionValue(i)),this.requestUpdate())}}getOptionValue(t){return this.isOptionObject(t)&&!this.optionValue?Object.values(t)[0]:this.isOptionObject(t)?t[this.optionValue]:t}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}isOptionObject(t){return"object"==typeof t&&null!==t}updateRenderOptions(){const t=[];this.focusReset();const e=this.options.reduce(((e,i)=>{const{key:s,value:o}=this.getOptionKeyValuePair(i);return-1!==t.indexOf(s)?console.error(`Dropdown already have option key: "${s}". Ignoring `):s?(t.push(s),e.push({key:s,value:o,option:i})):console.error(`Dropdown key is not defined: "${s}". (value: "${o}"). Ignoring `),e}),[]);this.allowUnselected&&e.unshift({key:"",value:this.title}),this.renderOptions=e}updateListDOM(){return b(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return b(this,void 0,void 0,(function*(){yield new Promise((t=>requestAnimationFrame((()=>{if(this.optionsListItems)if(this.optionsListItems.length>this.visibleOptions){const t=`${[...this.optionsListItems].slice(0,this.visibleOptions).reduce(((t,e)=>t+e.offsetHeight),0)}px`;this.lastMaxHeight!==t&&(this.optionsList.style.maxHeight=t,this.lastMaxHeight=t)}else{const t="auto";this.lastMaxHeight!==t&&(this.optionsList.style.maxHeight=t,this.lastMaxHeight=t)}t()}))))}))}handleFocusIn(t){this.disabled&&this.readOnly||super.handleFocusIn&&super.handleFocusIn(t),this.dispatchEvent(new CustomEvent("dropdown-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.dispatchEvent(new CustomEvent("dropdown-focus-out",{composed:!0,bubbles:!0}))}static get styles(){return[a.A,m.A]}get filteredOptions(){const t=this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue;if(!t.trim())return this.renderOptions;const e=this.renderOptions.filter((e=>e.value.toLowerCase().includes(t.toLowerCase())));return 0===e.length?[{key:"no-result",value:"No Result",disabled:!0}]:e}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}setVisualListbox(t){this.expanded=t}updateOnNextFrame(t){requestAnimationFrame(t)}setInputValue(t=""){this.input.value=t}shouldChangeButton(){const t=this.input&&this.input.value.length>0;return t&&document.dispatchEvent(new CustomEvent("on-widget-update")),t}toggleVisualListBox(t){var e,i;if(!this.readOnly){if(t.target.classList.contains("md-dropdown-input"))t.target.focus();else if("md-icon"===t.target.localName){const s=null===(i=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.parentElement;if(s){const t=s.querySelector(".md-dropdown-input");setTimeout((()=>{t.focus()}),10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus()}}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}removeAllSelected(){var t;this.focusReset(),this.selectedKey="",this.inputValue="",this.setInputValue(),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,""),this.setVisualListbox(!1),this.updateOnNextFrame((()=>{this.input.focus()})),this.dispatchEvent(new CustomEvent("dropdown-selection-removed",{composed:!0,bubbles:!0,detail:{}}))}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown),this.addEventListener("remove-all-selected",this.removeAllSelected)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown),this.removeEventListener("remove-all-selected",this.removeAllSelected)}expand(){this.expanded=!0;const t=-1!==this.focusedIndex?`combo-${this.focusedIndex}`:"";document.dispatchEvent(new CustomEvent("on-widget-update")),this.label.setAttribute("aria-activedescendant",t),this.optionsList&&this.optionsList.focus(),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1,this.searchable||this.label.setAttribute("aria-activedescendant","")}toggle(){this.expanded?this.collapse():this.expand()}select(){if(-1!==this.focusedIndex){const t=this.renderOptions[this.focusedIndex],e=t.key;e!==this.selectedKey&&(this.selectedKey=e,this.dispatchEvent(new CustomEvent("dropdown-selected",{composed:!0,bubbles:!0,detail:{option:t.option?t.option:t.key}})))}}onLabelClick(){this.label.focus(),this.toggle()}focusFirst(){this.renderOptions.length&&(this.focusedIndex=0)}focusLast(){this.renderOptions.length&&(this.focusedIndex=this.renderOptions.length-1)}focusNext(){this.renderOptions.length&&(-1!==this.focusedIndex&&this.focusedIndex<this.renderOptions.length-1?this.focusedIndex++:this.focusFirst())}focusPrev(){this.renderOptions.length&&(this.focusedIndex>0?this.focusedIndex--:this.focusLast())}focusToIndex(t){this.renderOptions.length&&t>=0&&t<=this.renderOptions.length-1&&(this.focusedIndex=t)}focusToIndexWithOption(t){const e=this.renderOptions.findIndex((e=>e.key===t.key));this.renderOptions.length&&e>=0&&e<=this.renderOptions.length-1&&(this.focusedIndex=e)}focusReset(){this.focusedIndex=-1}scrollToIndex(t){return b(this,void 0,void 0,(function*(){yield new Promise((e=>{requestAnimationFrame((()=>{if(this.optionsListItems&&this.optionsListItems.length>this.visibleOptions&&t>=0&&this.optionsListItems.length>t){let e=0;const{top:i,bottom:s}=this.optionsList.getBoundingClientRect(),o=this.optionsListItems[t],r=this.optionsListItems[t+1]||o,n=this.optionsListItems[t-1]||o,a=r.getBoundingClientRect(),l=n.getBoundingClientRect();a.bottom>s?e=a.bottom-s+2:l.top<i&&(e=l.top-i-2),this.optionsList.scrollTop+=e}e()}))}))}))}getOptionKeyValuePair(t){if("string"==typeof t)return{key:t.trim(),value:t};if(t&&"object"==typeof t){const e=Object.keys(t),i=Object.values(t);if(e.length){if(1===e.length||!this.optionId)return{key:e[0],value:i[0]};if(this.optionId)return{key:t[this.optionId],value:t[this.optionValue||this.optionId]}}}return{key:"undefined",value:"undefined"}}get labelTitle(){if(this.selectedKey){const t=this.renderOptions.find((t=>t.key===this.selectedKey));if(t)return t.value}return this.title}get dropDownClassMap(){return{"md-dropdown__expanded":this.expanded,[`md-${this.messageType}`]:!!this.messageType,"md-new-dropdown":this.newMomentum,"md-dropdown--pill":!0===this.pill}}handleInput(t){const e=t.target.value;this.inputValue=e.trim(),this.notifyInputValueChanged(e.trim())}helpTextTemplate(){return this.helpText?d.html`
|
|
702
|
+
<md-help-text
|
|
703
|
+
class="help-text ${(0,h.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
704
|
+
.message=${this.helpText}
|
|
705
|
+
style=${(0,u.styleMap)({width:"100%"})}
|
|
706
|
+
></md-help-text>
|
|
707
|
+
`:d.nothing}messagesTemplate(){return this.messages&&this.messages.length?d.html`
|
|
708
|
+
<div id="${this.htmlId}-message" part="message" class="md-dropbox__messages">
|
|
709
|
+
${(0,c.repeat)(this.messages,((t,e)=>d.html`
|
|
710
|
+
<md-help-text
|
|
711
|
+
.message=${t}
|
|
712
|
+
.id=${this.messageArr[e].id||""}
|
|
713
|
+
.ariaLive=${this.messageArr[e].ariaLive||"polite"}
|
|
714
|
+
.messageType=${this.messageType}
|
|
715
|
+
></md-help-text>
|
|
716
|
+
`))}
|
|
717
|
+
</div>
|
|
718
|
+
`:d.nothing}iconTemplate(){return d.html`
|
|
719
|
+
<md-icon
|
|
720
|
+
class="md-dropdown-left-icon"
|
|
721
|
+
name="${this.leftIcon}"
|
|
722
|
+
size="16"
|
|
723
|
+
iconSet="momentumDesign"
|
|
724
|
+
@click=${this.toggleVisualListBox}
|
|
725
|
+
></md-icon>
|
|
726
|
+
`}clearButtonTemplate(){return d.html`
|
|
727
|
+
<button
|
|
728
|
+
type="button"
|
|
729
|
+
class="md-dropdown-button clear"
|
|
730
|
+
aria-label=${this.clearAriaLabel}
|
|
731
|
+
aria-controls="md-dropdown-input"
|
|
732
|
+
tabindex="0"
|
|
733
|
+
?readonly=${this.readOnly}
|
|
734
|
+
?disabled=${this.disabled}
|
|
735
|
+
@click=${this.handleRemoveAll}
|
|
736
|
+
>
|
|
737
|
+
<md-icon
|
|
738
|
+
class="md-input__icon-clear"
|
|
739
|
+
name="cancel-bold"
|
|
740
|
+
size="16"
|
|
741
|
+
iconSet="momentumDesign"
|
|
742
|
+
style="height: ${this.clearIconHeight};"
|
|
743
|
+
></md-icon>
|
|
744
|
+
</button>
|
|
745
|
+
`}arrowButtonTemplate(){return d.html`
|
|
746
|
+
<button
|
|
747
|
+
type="button"
|
|
748
|
+
class="md-dropdown-button arrow-down"
|
|
749
|
+
aria-expanded=${this.expanded}
|
|
750
|
+
aria-label=${(0,p.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
|
|
751
|
+
aria-controls="md-dropdown-input"
|
|
752
|
+
tabindex="-1"
|
|
753
|
+
aria-hidden=${(0,p.ifDefined)("true"===this.popupChevronAriaHidden?"true":void 0)}
|
|
754
|
+
?readonly=${this.readOnly}
|
|
755
|
+
?disabled=${this.disabled}
|
|
756
|
+
@click=${this.toggleVisualListBox}
|
|
757
|
+
>
|
|
758
|
+
<md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
759
|
+
</button>
|
|
760
|
+
`}render(){return d.html`
|
|
761
|
+
<div class="md-dropdown ${(0,h.classMap)(this.dropDownClassMap)}" part="dropdown">
|
|
762
|
+
${this.searchable?d.html`
|
|
763
|
+
<div part="group" class="group" ?readonly=${this.readOnly}>
|
|
764
|
+
${this.leftIcon?this.iconTemplate():d.nothing}
|
|
765
|
+
<input
|
|
766
|
+
class="md-dropdown-input"
|
|
767
|
+
type="text"
|
|
768
|
+
role="combobox"
|
|
769
|
+
aria-autocomplete="both"
|
|
770
|
+
aria-label=${this.title}
|
|
771
|
+
part="dropdown-input"
|
|
772
|
+
aria-expanded=${this.expanded}
|
|
773
|
+
placeholder=${this.placeholder}
|
|
774
|
+
aria-controls="md-dropdown-list"
|
|
775
|
+
?readonly=${this.readOnly}
|
|
776
|
+
?disabled=${this.disabled}
|
|
777
|
+
?autofocus=${this.autofocus}
|
|
778
|
+
title=${this.title}
|
|
779
|
+
tabindex="0"
|
|
780
|
+
.value=${this.inputValue}
|
|
781
|
+
@click=${this.toggleVisualListBox}
|
|
782
|
+
@input=${this.handleInput}
|
|
783
|
+
/>
|
|
784
|
+
${this.compact||!this.searchable?d.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.arrowButtonTemplate()}
|
|
785
|
+
</div>
|
|
786
|
+
`:d.html`
|
|
787
|
+
<label
|
|
788
|
+
class="md-dropdown-label ${(0,h.classMap)({"md-new-dropdown-label":this.newMomentum})}"
|
|
789
|
+
aria-expanded="${this.expanded}"
|
|
790
|
+
aria-label="${this.title}"
|
|
791
|
+
aria-controls="md-dropdown-list"
|
|
792
|
+
aria-haspopup="listbox"
|
|
793
|
+
?disabled="${this.disabled}"
|
|
794
|
+
@click="${()=>this.onLabelClick()}"
|
|
795
|
+
part="dropdown-header"
|
|
796
|
+
role="combobox"
|
|
797
|
+
tabindex="0"
|
|
798
|
+
>
|
|
799
|
+
<span class="md-dropdown-label--text ${(0,h.classMap)({"md-new-dropdown-label--text":this.newMomentum})}"
|
|
800
|
+
>${this.labelTitle}</span
|
|
801
|
+
>
|
|
802
|
+
<span class="md-dropdown-label--icon">
|
|
803
|
+
<md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
804
|
+
</span>
|
|
805
|
+
</label>
|
|
806
|
+
`}
|
|
807
|
+
<ul
|
|
808
|
+
id="md-dropdown-list"
|
|
809
|
+
class="md-dropdown-list"
|
|
810
|
+
role="listbox"
|
|
811
|
+
aria-label="${this.labelTitle}"
|
|
812
|
+
aria-hidden="${!this.expanded}"
|
|
813
|
+
part="dropdown-options"
|
|
814
|
+
tabindex=${(0,p.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
|
|
815
|
+
>
|
|
816
|
+
${this.filteredOptions.map(((t,e)=>d.html`
|
|
817
|
+
<li
|
|
818
|
+
id="combo-${e}"
|
|
819
|
+
class="md-dropdown-option"
|
|
820
|
+
role="option"
|
|
821
|
+
tabindex=${(0,p.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
|
|
822
|
+
aria-label="${t.value}"
|
|
823
|
+
label="${t.value}"
|
|
824
|
+
aria-selected="${t.key===this.selectedKey}"
|
|
825
|
+
part="dropdown-option"
|
|
826
|
+
?focused="${e===this.focusedIndex}"
|
|
827
|
+
?selected="${t.key===this.selectedKey}"
|
|
828
|
+
@click="${()=>{this.focusToIndexWithOption(t),this.select(),this.collapse()}}"
|
|
829
|
+
>
|
|
830
|
+
<span class="select-label" part="label">
|
|
831
|
+
<span>${t.value}</span>
|
|
832
|
+
</span>
|
|
833
|
+
</li>
|
|
834
|
+
`))}
|
|
835
|
+
</ul>
|
|
836
|
+
</div>
|
|
837
|
+
${this.messagesTemplate()} ${this.helpTextTemplate()}
|
|
838
|
+
`}};y([(0,l.property)({type:String,attribute:"title"})],i.prototype,"title",void 0),y([(0,l.property)({type:Array})],i.prototype,"options",void 0),y([(0,l.property)({type:String,attribute:"option-id"})],i.prototype,"optionId",void 0),y([(0,l.property)({type:String,attribute:"option-value"})],i.prototype,"optionValue",void 0),y([(0,l.property)({type:Object})],i.prototype,"defaultOption",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0),y([(0,l.property)({type:Number,attribute:"custom-tab-index",reflect:!0})],i.prototype,"customTabIndex",void 0),y([(0,l.property)({type:Boolean,attribute:"allow-unselected",reflect:!0})],i.prototype,"allowUnselected",void 0),y([(0,l.property)({type:Number,attribute:"visible-option",reflect:!0})],i.prototype,"visibleOptions",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"compact",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"searchable",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"searchItem",void 0),y([(0,l.property)({type:String,attribute:"input-value",reflect:!0})],i.prototype,"inputValue",void 0),y([(0,l.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"readOnly",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,l.property)({type:String,attribute:"left-icon",reflect:!0})],i.prototype,"leftIcon",void 0),y([(0,l.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],i.prototype,"trimSpace",void 0),y([(0,l.property)({type:String,attribute:"no-results-i18n"})],i.prototype,"resultsTextLocalization",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"pill",void 0),y([(0,l.property)({type:String})],i.prototype,"helpText",void 0),y([(0,l.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,l.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,l.property)({type:String,attribute:"clear-aria-label"})],i.prototype,"clearAriaLabel",void 0),y([(0,l.property)({type:String,attribute:"clear-icon-height"})],i.prototype,"clearIconHeight",void 0),y([(0,l.property)({type:String,attribute:"arrow-aria-label"})],i.prototype,"arrowAriaLabel",void 0),y([(0,l.property)({type:String,attribute:"popup-chevron-aria-hidden"})],i.prototype,"popupChevronAriaHidden",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"ariaLabel",void 0),y([(0,l.property)({type:String,attribute:"search-result-aria-label"})],i.prototype,"searchResultAriaLabel",void 0),y([(0,l.internalProperty)()],i.prototype,"ariaLabelForDropdown",void 0),y([(0,l.internalProperty)()],i.prototype,"renderOptions",void 0),y([(0,l.internalProperty)()],i.prototype,"selectedKey",void 0),y([(0,l.internalProperty)()],i.prototype,"expanded",void 0),y([(0,l.internalProperty)()],i.prototype,"focusedIndex",void 0),y([(0,l.query)("label")],i.prototype,"label",void 0),y([(0,l.query)(".md-dropdown-input")],i.prototype,"input",void 0),y([(0,l.query)("ul.md-dropdown-list")],i.prototype,"optionsList",void 0),y([(0,l.queryAll)("li.md-dropdown-option")],i.prototype,"optionsListItems",void 0),i=y([(0,r.wW)("md-dropdown")],i),t.ELEMENT=i}(s||(s={}))},23779:(t,e,i)=>{i.d(e,{AudioPlayer:()=>u}),i(96798),i(61200),i(83192);var s=i(90195),o=i(31890),r=i(26272),n=i(41488),a=i(40333),l=i(23968),d=i(92984),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const p=[{value:.25,label:"0.25"},{value:.5,label:"0.50"},{value:.75,label:"0.75"},{value:1,label:"Normal"},{value:1.25,label:"1.25"},{value:1.5,label:"1.50"},{value:1.75,label:"1.75"},{value:2,label:"2"}],c={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var u;!function(t){let e=class extends n.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=t=>{let e=!1;const i=t.composedPath();i.length&&(e=!!i.find((t=>"speed-btn"===t.id)),e||(this.showSpeedPopup=!1))},this.handleKeyDown=t=>{const{code:e}=t;switch(e){case s.Uz.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case s.Uz.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case s.Uz.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const e=p.findIndex((t=>t.value===this.selectedPlaybackSpeed)),i=Math.max(0,e-1);this.selectedPlaybackSpeed=p[i].value,t.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case s.Uz.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const e=p.findIndex((t=>t.value===this.selectedPlaybackSpeed)),i=Math.min(p.length-1,e+1);this.selectedPlaybackSpeed=p[i].value,t.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case s.Uz.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),t.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=c}firstUpdated(t){super.firstUpdated(t),t.has("src")&&(this.audio.src=this.src)}updated(t){super.updated(t),t.has("src")&&(this.audio.src=this.src)}connectedCallback(){super.connectedCallback(),this.requestUpdate("src"),document.addEventListener("click",this.onOutsideClick),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.audio.pause(),this.isPlaying=!1}setAudioEventListeners(){this.audio.onloadeddata=()=>{this.duration=this.audio.duration,this.audio.volume=.75},this.audio.onerror=()=>{this.audio.src&&this.dispatchEvent(new CustomEvent("playback-error",{composed:!0,bubbles:!0}))},this.audio.onended=()=>{this.audio.currentTime=0,this.isPlaying=!1},this.audio.ontimeupdate=()=>{this.currentTime=this.audio.currentTime},this.audio.onvolumechange=()=>{this.volume=this.audio.volume},this.audio.onprogress=()=>{this.audio.buffered.length>0&&(this.bufferedRange=this.audio.buffered.end(this.audio.buffered.length-1))}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?(this.audio.play(),this.dispatchEvent(new CustomEvent("play-clicked",{composed:!0,bubbles:!0}))):this.audio.pause()}toTimecode(t){const e=Math.floor(t);return`${Math.floor(e/60)}:${String(e%60).padStart(2,"0")}`}setTime(t){const e=this.getBarPercentage(t,"timeline"),i=Math.floor(e*this.duration);this.audio.currentTime=i}setVolumeElement(t){this.volumeElement="volume"===t.target.className?t.target:t.target.parentElement}handleVolumeChange(t){let e=!1;this.setVolumeElement(t),this.setVolume(t);const i=t=>{e||(e=!0),this.volumeExpanded?this.setVolume(t):o()},s=()=>{o()},o=()=>{e=!1,window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",s)};window.addEventListener("mousemove",i),window.addEventListener("mouseup",s),t.preventDefault()}getVolumeFromSlider(t){if(null===this.volumeElement)return 0;const e=this.volumeElement.getBoundingClientRect(),i=t.clientX-e.x;return Math.max(0,Math.min(1,i/e.width))}setVolume(t){const e=this.getVolumeFromSlider(t);this.audio.volume=e}getBarPercentage(t,e){const i=(t.target.className===e?t.target:t.target.parentElement).getBoundingClientRect();return(t.clientX-i.x)/i.width}toggleSoundMute(){this.isMuted=!this.isMuted,this.audio.muted=this.isMuted}toggleSpeedPopup(){this.showSpeedPopup=!this.showSpeedPopup}setTimeKeydown(t){t>this.duration?(this.currentTime=this.duration,this.audio.currentTime=this.duration):t<0?(this.currentTime=0,this.audio.currentTime=0):(this.currentTime=t,this.audio.currentTime=t)}setVolumeKeydown(t){t>1?(this.volume=1,this.audio.volume=1):t<0?(this.isMuted||this.toggleSoundMute(),this.volume=0,this.audio.volume=0):(this.isMuted&&this.toggleSoundMute(),this.volume=t,this.audio.volume=t)}get popupClassMap(){return{"popup-open":this.showSpeedPopup}}setPlaybackSpeed(t){this.playbackSpeed=t,this.selectedPlaybackSpeed=t,this.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(t){this.volumeExpanded=t}static get styles(){return[r.A,d.A]}render(){return n.html`
|
|
839
|
+
<div class="md-audio-player">
|
|
840
|
+
<div class="inner-container">
|
|
841
|
+
<div class="play-container">
|
|
842
|
+
<md-tooltip
|
|
843
|
+
placement="top"
|
|
844
|
+
message="${this.isPlaying?this.labelMap.pauseBtn.tooltipText:this.labelMap.playBtn.tooltipText}"
|
|
845
|
+
>
|
|
846
|
+
<md-button
|
|
847
|
+
hasRemoveStyle
|
|
848
|
+
class="play-btn"
|
|
849
|
+
@click="${this.togglePlay}"
|
|
850
|
+
aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
|
|
851
|
+
>
|
|
852
|
+
${this.isPlaying?n.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:n.html` <md-icon slot="icon" name="play-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
853
|
+
</md-button>
|
|
854
|
+
</md-tooltip>
|
|
855
|
+
</div>
|
|
856
|
+
<div class="text-container">
|
|
857
|
+
<md-tooltip placement="top" message="${this.labelMap.duration.tooltipText}">
|
|
858
|
+
<span
|
|
859
|
+
class="duration"
|
|
860
|
+
aria-label="${this.labelMap.duration.ariaLabel} ${this.toTimecode(this.currentTime)}/${this.toTimecode(this.duration)}"
|
|
861
|
+
>
|
|
862
|
+
${this.toTimecode(this.currentTime)} / ${this.toTimecode(this.duration)}
|
|
863
|
+
</span>
|
|
864
|
+
</md-tooltip>
|
|
865
|
+
</div>
|
|
866
|
+
<div class="timeline-container">
|
|
867
|
+
<md-tooltip placement="top" message="${this.labelMap.timeline.tooltipText}">
|
|
868
|
+
<div class="timeline" @click="${this.setTime}" aria-label="${this.labelMap.timeline.ariaLabel}">
|
|
869
|
+
<div class="progress-bar" style="width: ${this.currentTime/this.duration*100}%"></div>
|
|
870
|
+
<div class="buffer-bar" style="width: ${this.bufferedRange/this.duration*100}%"></div>
|
|
871
|
+
</div>
|
|
872
|
+
</md-tooltip>
|
|
873
|
+
</div>
|
|
874
|
+
<div
|
|
875
|
+
class="volume-container"
|
|
876
|
+
@mouseleave="${()=>this.toggleVolumeExpand(!1)}"
|
|
877
|
+
@mouseenter="${()=>this.toggleVolumeExpand(!0)}"
|
|
878
|
+
aria-label="${this.labelMap.volumeSlider.ariaLabel}"
|
|
879
|
+
>
|
|
880
|
+
<md-tooltip
|
|
881
|
+
placement="top"
|
|
882
|
+
message="${this.labelMap.volumeSlider.tooltipText} ${Math.trunc(100*this.volume)}%"
|
|
883
|
+
>
|
|
884
|
+
<div
|
|
885
|
+
class="volume"
|
|
886
|
+
@mousedown="${this.handleVolumeChange}"
|
|
887
|
+
aria-label="${this.labelMap.volumeSlider.ariaLabel} ${Math.trunc(100*this.volume)}%"
|
|
888
|
+
>
|
|
889
|
+
<div class="volume-slider" style="width: ${this.isMuted?0:100*this.volume}%"></div>
|
|
890
|
+
</div>
|
|
891
|
+
</md-tooltip>
|
|
892
|
+
<md-tooltip placement="top" message="${this.labelMap.volumeBtn.tooltipText}">
|
|
893
|
+
<md-button
|
|
894
|
+
hasRemoveStyle
|
|
895
|
+
class="volume-btn"
|
|
896
|
+
aria-label="${this.labelMap.volumeBtn.ariaLabel}"
|
|
897
|
+
@click="${this.toggleSoundMute}"
|
|
898
|
+
>
|
|
899
|
+
${this.isMuted?n.html`
|
|
900
|
+
<md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
901
|
+
`:n.html` <md-icon slot="icon" name="speaker-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
902
|
+
</md-button>
|
|
903
|
+
</md-tooltip>
|
|
904
|
+
</div>
|
|
905
|
+
<div class="speed-icon-container" aria-label="${this.labelMap.playbackSpeedBtn.ariaLabel}">
|
|
906
|
+
<md-tooltip placement="top" message="${this.labelMap.playbackSpeedBtn.tooltipText}">
|
|
907
|
+
<md-button hasRemoveStyle id="speed-btn" @click="${this.toggleSpeedPopup}">
|
|
908
|
+
<md-icon slot="icon" name="too-fast-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
909
|
+
</md-button>
|
|
910
|
+
</md-tooltip>
|
|
911
|
+
<div class="speed-popup ${(0,l.classMap)(this.popupClassMap)}">
|
|
912
|
+
<ul id="speed-popup-menu">
|
|
913
|
+
${p.map((t=>{const e=this.selectedPlaybackSpeed==t.value&&!this.currentlySelectingPlaybackSpeed;return n.html`
|
|
914
|
+
<li
|
|
915
|
+
class=${e?"speed-popup-selected-speed":""}
|
|
916
|
+
@click="${()=>this.setPlaybackSpeed(t.value)}"
|
|
917
|
+
>
|
|
918
|
+
<span>${t.label}</span>
|
|
919
|
+
${this.playbackSpeed==t.value?n.html`
|
|
920
|
+
<md-icon
|
|
921
|
+
slot="icon"
|
|
922
|
+
color="md-blue-60"
|
|
923
|
+
name="check-bold"
|
|
924
|
+
size="16"
|
|
925
|
+
iconSet="momentumDesign"
|
|
926
|
+
></md-icon>
|
|
927
|
+
`:a.nothing}
|
|
928
|
+
</li>
|
|
929
|
+
`}))}
|
|
930
|
+
</ul>
|
|
931
|
+
</div>
|
|
932
|
+
</div>
|
|
933
|
+
</div>
|
|
934
|
+
</div>
|
|
935
|
+
`}};h([(0,n.property)({type:String})],e.prototype,"src",void 0),h([(0,n.property)({type:Object})],e.prototype,"labelMap",void 0),h([(0,n.internalProperty)()],e.prototype,"events",void 0),h([(0,n.internalProperty)()],e.prototype,"audio",void 0),h([(0,n.internalProperty)()],e.prototype,"volumeElement",void 0),h([(0,n.internalProperty)()],e.prototype,"isPlaying",void 0),h([(0,n.internalProperty)()],e.prototype,"isMuted",void 0),h([(0,n.internalProperty)()],e.prototype,"duration",void 0),h([(0,n.internalProperty)()],e.prototype,"volume",void 0),h([(0,n.internalProperty)()],e.prototype,"currentTime",void 0),h([(0,n.internalProperty)()],e.prototype,"showSpeedPopup",void 0),h([(0,n.internalProperty)()],e.prototype,"playbackSpeed",void 0),h([(0,n.internalProperty)()],e.prototype,"volumeExpanded",void 0),h([(0,n.internalProperty)()],e.prototype,"bufferedRange",void 0),h([(0,n.internalProperty)()],e.prototype,"selectedPlaybackSpeed",void 0),h([(0,n.internalProperty)()],e.prototype,"currentlySelectingPlaybackSpeed",void 0),e=h([(0,o.w)("md-audio-player")],e),t.ELEMENT=e}(u||(u={}))},23968:t=>{t.exports=s},24627:(t,e,i)=>{i.d(e,{DraggableItem:()=>s});var s,o=i(3001),r=i(31890),n=i(26272),a=i(41488),l=i(40333),d=i(23968),h=i(6979),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.extended=!1,this.editable=!1}static get styles(){return[n.A,h.A]}get draggableItemClassMap(){return{extended:this.extended,default:!this.extended,disabled:this.disabled}}render(){return a.html`
|
|
936
|
+
<div
|
|
937
|
+
class="md-draggable-item ${(0,d.classMap)(this.draggableItemClassMap)}"
|
|
938
|
+
part="draggable-item"
|
|
939
|
+
aria-disabled=${this.disabled}
|
|
940
|
+
>
|
|
941
|
+
${this.extended&&this.editable?a.html` <md-icon name="dragger-vertical-bold" size="16" iconSet="momentumDesign"></md-icon> `:l.nothing}
|
|
942
|
+
<slot></slot>
|
|
943
|
+
${this.extended?a.html` <slot name="extended"></slot> `:l.nothing}
|
|
944
|
+
</div>
|
|
945
|
+
`}};p([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),p([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"extended",void 0),p([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"editable",void 0),e=p([(0,r.w)("md-draggable-item")],e),t.ELEMENT=e}(s||(s={}))},25428:(t,e,i)=>{i.d(e,{Slider:()=>s});var s,o=i(90195),r=i(3001),n=i(31890),a=i(26272),l=i(41488),d=i(40333),h=i(97822),p=i(22818),c=i(8229),u=i(61869),m=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.yC)(l.LitElement)){constructor(){super(...arguments),this._disabled=!1,this._now=0,this.min=0,this.max=100,this.hideValue=!1,this.text=0,this.label="slider",this.step=0,this.dragging=!1}get now(){return this._now}set now(t){const e=this._now;t<this.min||t>this.max?console.warn("Please select correct value"):(this._now=Math.round(t),this.requestUpdate("now",e))}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",`${t}`),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get pointerPosition(){const t=this.max-this.min;return(this.now-this.min)/t*100}calculateHandlePosition(t){const{width:e,left:i}=this.getBoundingClientRect(),{clientX:s}=t,o=(s-i)/e;return this.min+(this.max-this.min)*o}moveSliderTo(t){this.disabled||(t>this.max?this.now=this.max:t<this.min?this.now=this.min:this.now=t)}trackMouseEvent(){if(!this.currentMouseEvent||!this.dragging)return;const t=this.calculateHandlePosition(this.currentMouseEvent),e=this.now;this.moveSliderTo(t),this.notifyChanging(e,this.now),requestAnimationFrame((()=>{this.trackMouseEvent()}))}ticksTemplate(){const{min:t,max:e,step:i}=this,s=Math.round((e-t)/i),o=new Array(s+1).fill(0,0,s+1).map(((e,s)=>t+s*i)).filter((i=>i>=t&&i<=e));return l.html`
|
|
946
|
+
<div class="md-slider__hashlabel">${(0,p.repeat)(o,(t=>l.html` <div class="tick">${t}</div> `))}</div>
|
|
947
|
+
`}displayValueTemplate(){return l.html` <span class="md-slider__value"> ${this.now} </span> `}notifyChanges(){this.dispatchEvent(new CustomEvent("slider-change",{bubbles:!0,composed:!0,detail:{value:this.now}}))}notifyChanging(t,e){t!==e&&this.dispatchEvent(new CustomEvent("slider-changing",{bubbles:!0,composed:!0,detail:{oldValue:t,newValue:e}}))}handleMouseDown(t){if(t.preventDefault(),this.disabled)return;const e=t=>{this.currentMouseEvent=t},i=t=>{this.focus(),this.currentMouseEvent=t,document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",i),requestAnimationFrame((()=>{this.dragging=!1,this.notifyChanges()}))};document.addEventListener("mousemove",e),document.addEventListener("mouseup",i),this.focus(),this.dragging=!0,this.currentMouseEvent=t,requestAnimationFrame((()=>{this.trackMouseEvent()}))}handleKeyDown(t){const{code:e}=t,i=this.now;switch(e){case o.Uz.ArrowLeft:case o.Uz.ArrowDown:this.moveSliderTo(this.now-1);break;case o.Uz.ArrowRight:case o.Uz.ArrowUp:this.moveSliderTo(this.now+1);break;case o.Uz.Home:this.moveSliderTo(this.min);break;case o.Uz.End:this.moveSliderTo(this.max)}this.notifyChanging(i,this.now);const s=()=>{document.removeEventListener("keyup",s),this.notifyChanges()};document.addEventListener("keyup",s)}get sliderPointerStyleMap(){return{left:`${this.pointerPosition}%`}}get sliderSelectionStyleMap(){return{right:`calc(100% - ${this.pointerPosition}%)`}}static get styles(){return[a.A,u.A]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("tabindex",this.disabled?"-1":"0")}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mousedown",this.handleMouseDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mousedown",this.handleMouseDown)}render(){return l.html`
|
|
948
|
+
<div class="md-slider">
|
|
949
|
+
<span class="md-slider__bar"></span>
|
|
950
|
+
<span class="md-slider__selection" style=${(0,c.styleMap)(this.sliderSelectionStyleMap)}></span>
|
|
951
|
+
<span
|
|
952
|
+
class="md-slider__pointer"
|
|
953
|
+
role="slider"
|
|
954
|
+
part="slider"
|
|
955
|
+
aria-valuemin=${this.min}
|
|
956
|
+
aria-valuemax=${this.max}
|
|
957
|
+
aria-valuenow=${this.now}
|
|
958
|
+
aria-label=${(0,h.ifDefined)(this.label)}
|
|
959
|
+
style=${(0,c.styleMap)(this.sliderPointerStyleMap)}
|
|
960
|
+
></span>
|
|
961
|
+
${this.step?this.ticksTemplate():d.nothing} ${this.hideValue?d.nothing:this.displayValueTemplate()}
|
|
962
|
+
</div>
|
|
963
|
+
`}};m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"min",void 0),m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"max",void 0),m([(0,l.property)({type:Boolean,attribute:"hide-value"})],e.prototype,"hideValue",void 0),m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"now",null),m([(0,l.property)({type:Number})],e.prototype,"text",void 0),m([(0,l.property)({type:String})],e.prototype,"label",void 0),m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"step",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),m([(0,l.internalProperty)()],e.prototype,"dragging",void 0),e=m([(0,n.w)("md-slider")],e),t.ELEMENT=e}(s||(s={}))},28187:t=>{t.exports=P},28307:(t,e,i)=>{i.d(e,{AdvanceList:()=>s});var s,o=i(90195),r=i(31890),n=i(32972),a=i(26272),l=i(41488),d=i(86635),h=i(61705),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){t.prefixId="item-";let e=class extends((0,n.y)(l.LitElement)){constructor(){super(...arguments),this.items=[],this.isLoading=!1,this.isMulti=!1,this.groupOnMultiSelect=!1,this.value=[],this.ariaRoleList="listbox",this.ariaRoleListItem="option",this.ariaLabelList="",this.isError=!1,this.containerHeight="292px",this.lastSelectedIdByOrder="",this.selectAllItems=!1,this.focusReset=!1,this.disabledItems=[],this.totalRecords=0,this.scrollIndex=-1,this.activeId="",this.selectedItemsIds=[],this.isUserNavigated=!1,this.handleKeyDown=e=>{var i;const{ArrowDown:s,ArrowUp:r,Tab:n,Space:a,Enter:l}=o.Uz,{code:d}=e,h=d===s,p=d===r,c=d===n,u=d===a,m=d===l;if(h||p){if(e.preventDefault(),this.isUserNavigated=!0,""===this.activeId&&this.value.length>0&&""!==this.value[0])return void(this.activeId=this.value[0]);if(""===this.activeId&&!p&&this.items.length>0)return void(this.activeId=this.items[0].id);const t=this.items.findIndex((t=>t.id===this.activeId));h?t<this.items.length-1&&!this.isNextElemenentStatusIndicator(t)&&(this.scrollIndex=t+1,this.activeId=this.items[this.scrollIndex].id):t>0&&(this.scrollIndex=t-1,this.activeId=this.items[this.scrollIndex].id)}else if(c)""===this.activeId&&this.value.length>0&&(this.activeId=this.value[0]);else if((u||m)&&(e.preventDefault(),this.activeId)){const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`#${t.prefixId}${this.activeId}`);e&&("true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||this.updateItemSelection(e))}},this.handleRangeChange=t=>{const{last:e}=t;this.updateSelectedState(),this.items.length<this.totalRecords&&e>=this.items.length-1&&!this.isLoading&&!this.isError&&this.dispatchEvent(new CustomEvent("load-more",{bubbles:!0,composed:!0})),this.isUserNavigated=!1}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}static get styles(){return[a.A,h.A]}getStyles(){return l.html`
|
|
964
|
+
<style>
|
|
965
|
+
:host .virtual-scroll {
|
|
966
|
+
height: ${this.containerHeight};
|
|
967
|
+
}
|
|
968
|
+
</style>
|
|
969
|
+
`}disconnectedCallback(){var t;super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),null===(t=this.listContainer)||void 0===t||t.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(t){var e;super.firstUpdated(t),null===(e=this.listContainer)||void 0===e||e.addEventListener("keydown",this.handleKeyDown)}updated(t){super.updated(t),t.has("value")&&(void 0!==t.get("value")||this.value.length>0)&&this.requestUpdate().then((()=>{this.selectedItemsIds=this.value,this.updateSelectedState()})),t.has("selectAllItems")&&this.selectAllItems&&(this.selectedItemsIds=this.items.filter((t=>!this.disabledItems.includes(t.id))).map((t=>t.id)),this.updateSelectedState(),this.notifySelectedChange()),t.has("focusReset")&&this.focusReset&&(this.activeId="")}setCheckboxAttributes(t,e){var i,s,o,r;!t||(null===(i=e.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))&&"true"===(null===(s=e.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?null===(r=e.querySelector("md-checkbox"))||void 0===r||r.removeAttribute("checked"):null===(o=e.querySelector("md-checkbox"))||void 0===o||o.setAttribute("checked","true")}updateWrapperAttributes(t,e){this.isMulti?this.setCheckboxAttributes(e,t):t.classList.toggle("selected",e),t.setAttribute("selected",e.toString()),t.setAttribute("aria-selected",e.toString()),t.setAttribute("tabindex",e?"0":"-1")}updateSelectedState(){var e;Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]).forEach((e=>{var i,s;const o=this.selectedItemsIds.some((i=>e.id===`${t.prefixId}${i}`));this.updateWrapperAttributes(e,o),this.groupOnMultiSelect&&this.value.length>0&&this.items.length!==this.value.length&&e.id===`${t.prefixId}${this.lastSelectedIdByOrder}`?e.classList.add("selected-border-bottom"):e.classList.remove("selected-border-bottom"),e.id===`${t.prefixId}${this.activeId}`?(e.setAttribute("tabindex","0"),e.focus()):e.setAttribute("tabindex","-1"),""==this.activeId&&e.id===`${t.prefixId}${this.value[0]}`&&e.setAttribute("tabindex","0"),(null===(i=e.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))||"true"===(null===(s=e.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?(e.setAttribute("disabled",""),e.setAttribute("aria-disabled","true")):(e.removeAttribute("disabled"),e.removeAttribute("aria-disabled"))}))}findClickedItem(t){var e;const i=Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]),s=t.composedPath(),o=i.find((t=>s.includes(t)));if(o)return(null==o?void 0:o.hasAttribute("disabled"))||"true"===(null==o?void 0:o.getAttribute("aria-disabled"))?0:o}isNextElemenentStatusIndicator(t){return(this.isLoading||this.isError)&&t===this.items.length-2}updateItemForMultiSelect(t){const e=this.selectedItemsIds.indexOf(t);-1===e?(this.selectedItemsIds.push(this.activeId),this.selectedItemsIds.length===this.items.length-this.disabledItems.length&&(this.selectAllItems=!0)):(this.selectedItemsIds.splice(e,1),this.selectAllItems=!1)}updateItemSelection(t){t&&(this.activeId=t.id.substring(t.id.indexOf("-")+1),this.isMulti?this.updateItemForMultiSelect(this.activeId):this.selectedItemsIds=[this.activeId],this.updateSelectedState(),this.notifySelectedChange())}handleClick(t){t.preventDefault(),this.isUserNavigated=!1;const e=this.findClickedItem(t);e&&(this.scrollIndex=parseInt(e.getAttribute("index")||"0"),this.updateItemSelection(e))}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selectedItemsIds},bubbles:!0,composed:!0}))}renderItem(e,i){return"status-indicator"===e.id?l.html`
|
|
970
|
+
<div class="default-wrapper-status-indicator" id="status-indicator">${e.template(e,i)}</div>
|
|
971
|
+
`:l.html`
|
|
972
|
+
<div
|
|
973
|
+
class="default-wrapper ${e.id}"
|
|
974
|
+
part="advance-list-item-wrapper"
|
|
975
|
+
aria-setsize="${this.totalRecords}"
|
|
976
|
+
aria-posinset="${i+1}"
|
|
977
|
+
role="${this.ariaRoleListItem}"
|
|
978
|
+
aria-label=${e.name}
|
|
979
|
+
id="${t.prefixId}${e.id}"
|
|
980
|
+
index="${i}"
|
|
981
|
+
>
|
|
982
|
+
${e.template(e,i)}
|
|
983
|
+
</div>
|
|
984
|
+
`}getActiveDescendant(){return this.activeId?`${t.prefixId}${this.activeId}`:this.value?`${t.prefixId}${this.value[0]}`:""}render(){return l.html`
|
|
985
|
+
${this.getStyles()}
|
|
986
|
+
<div
|
|
987
|
+
class="md-advance-list-wrapper virtual-scroll"
|
|
988
|
+
tabindex="0"
|
|
989
|
+
aria-activedescendant=${this.getActiveDescendant()}
|
|
990
|
+
aria-multiselectable=${this.isMulti}
|
|
991
|
+
aria-label=${this.ariaLabelList}
|
|
992
|
+
role=${this.ariaRoleList}
|
|
993
|
+
@rangechange=${this.handleRangeChange}
|
|
994
|
+
>
|
|
995
|
+
${(0,d.scroll)({items:this.items,renderItem:(t,e)=>this.renderItem(t,e||0),useShadowDOM:!0,scrollToIndex:this.isUserNavigated?{index:this.scrollIndex,position:0===this.scrollIndex?"start":"center"}:void 0})}
|
|
996
|
+
</div>
|
|
997
|
+
`}};p([(0,l.property)({type:Array})],e.prototype,"items",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"isLoading",void 0),p([(0,l.property)({type:Boolean,attribute:"is-multi"})],e.prototype,"isMulti",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"groupOnMultiSelect",void 0),p([(0,l.property)({type:Array})],e.prototype,"value",void 0),p([(0,l.property)({type:String})],e.prototype,"ariaRoleList",void 0),p([(0,l.property)({type:String})],e.prototype,"ariaRoleListItem",void 0),p([(0,l.property)({type:String})],e.prototype,"ariaLabelList",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"isError",void 0),p([(0,l.property)({type:String})],e.prototype,"containerHeight",void 0),p([(0,l.property)({type:String})],e.prototype,"lastSelectedIdByOrder",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"selectAllItems",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"focusReset",void 0),p([(0,l.property)({type:Array})],e.prototype,"disabledItems",void 0),p([(0,l.queryAll)("div.default-wrapper")],e.prototype,"lists",void 0),p([(0,l.query)(".virtual-scroll")],e.prototype,"listContainer",void 0),p([(0,l.property)({type:Number})],e.prototype,"totalRecords",void 0),p([(0,l.internalProperty)()],e.prototype,"scrollIndex",void 0),p([(0,l.internalProperty)()],e.prototype,"activeId",void 0),p([(0,l.internalProperty)()],e.prototype,"selectedItemsIds",void 0),p([(0,l.internalProperty)()],e.prototype,"isUserNavigated",void 0),e=p([(0,r.w)("md-advance-list")],e),t.ELEMENT=e}(s||(s={}))},29895:(t,e,i)=>{i.d(e,{CoachmarkPopover:()=>s}),i(96798),i(61200),i(71128);var s,o=i(31890),r=i(26272),n=i(41488),a=i(23968),l=i(40587),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.placement="bottom",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[r.A,l.A]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(t){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent=t)}}updated(t){super.updated(t),t.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return n.html`
|
|
998
|
+
<div class="md-coachmark__content">
|
|
999
|
+
${this.message?this.message:n.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
|
|
1000
|
+
</div>
|
|
1001
|
+
`}renderHeader(){return n.html`
|
|
1002
|
+
<div class="header-container ${(0,a.classMap)({"hide-close":this.hideCloseButton})}">
|
|
1003
|
+
${this.headerIconName?n.html`<md-icon name=${this.headerIconName} size="16" iconSet="momentumDesign"></md-icon>`:""}
|
|
1004
|
+
${this.header?n.html`<span class="header-title">${this.header}</span>`:""}
|
|
1005
|
+
</div>
|
|
1006
|
+
`}renderBody(){return n.html` <div class="body-container">${this.coachmarkContentTemplate()}</div> `}renderFooter(){return n.html`
|
|
1007
|
+
<div class="footer-container">
|
|
1008
|
+
${this.primaryButton?n.html`<md-button
|
|
1009
|
+
variant="inverted-primary"
|
|
1010
|
+
size="28"
|
|
1011
|
+
@button-click=${()=>this.notifyPrimaryButtonAction()}
|
|
1012
|
+
>
|
|
1013
|
+
${this.primaryButton}</md-button
|
|
1014
|
+
>`:""}
|
|
1015
|
+
${this.secondaryButton?n.html`<md-button
|
|
1016
|
+
variant="inverted-secondary"
|
|
1017
|
+
size="28"
|
|
1018
|
+
@button-click=${()=>this.notifySecondaryButtonAction()}
|
|
1019
|
+
>
|
|
1020
|
+
${this.secondaryButton}</md-button
|
|
1021
|
+
>`:""}
|
|
1022
|
+
${this.linkText?n.html`<a href=${this.href} @click=${()=>this.notifyLinkAction()} target="_blank" rel="noreferrer">
|
|
1023
|
+
${this.linkText}</a
|
|
1024
|
+
>`:""}
|
|
1025
|
+
</div>
|
|
1026
|
+
`}render(){return n.html`
|
|
1027
|
+
<md-popover
|
|
1028
|
+
class="md-coachmark"
|
|
1029
|
+
?is-open=${this.show}
|
|
1030
|
+
role="dialog"
|
|
1031
|
+
show-arrow
|
|
1032
|
+
?show-close=${!this.hideCloseButton}
|
|
1033
|
+
interactive
|
|
1034
|
+
trigger="manual"
|
|
1035
|
+
placement=${this.placement}
|
|
1036
|
+
@popover-open-changed="${t=>{t.detail.isOpen||this.notifyCoachClose()}}"
|
|
1037
|
+
>
|
|
1038
|
+
<slot slot="triggerElement"></slot>
|
|
1039
|
+
<div class="md-coachmark__popper" tabindex="-1">
|
|
1040
|
+
${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
|
|
1041
|
+
</div>
|
|
1042
|
+
</md-popover>
|
|
1043
|
+
`}};d([(0,n.property)({type:String})],e.prototype,"placement",void 0),d([(0,n.property)({type:String})],e.prototype,"headerIconName",void 0),d([(0,n.property)({type:String})],e.prototype,"header",void 0),d([(0,n.property)({type:String})],e.prototype,"message",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"show",void 0),d([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],e.prototype,"hideCloseButton",void 0),d([(0,n.property)({type:String})],e.prototype,"primaryButton",void 0),d([(0,n.property)({type:String})],e.prototype,"secondaryButton",void 0),d([(0,n.property)({type:String})],e.prototype,"linkText",void 0),d([(0,n.property)({type:String})],e.prototype,"href",void 0),d([(0,n.query)(".md-coachmark__trigger-component")],e.prototype,"triggerComponent",void 0),d([(0,n.query)(".md-coachmark__popper")],e.prototype,"popper",void 0),e=d([(0,o.w)("md-coachmark-popover")],e),t.ELEMENT=e}(s||(s={}))},31347:t=>{t.exports=x},32022:t=>{t.exports=r},32217:(t,e,i)=>{i.d(e,{RadioGroup:()=>s});var s,o=i(90195),r=i(3001),n=i(31890),a=i(26272),l=i(41488),d=i(76067),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.Io)(l.LitElement)){constructor(){super(...arguments),this.label="group",this.checked=-1,this.alignment="vertical",this._disabled=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.requestUpdate("disabled",e)}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}updated(t){super.updated(t),(t.has("slotted")||t.has("checked"))&&this.setFirstChecked()}get selectedRadioValue(){return this.slotted[this.selected].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("radio-change",{detail:{selected:this.selectedRadioValue},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}setFirstChecked(){-1!==this.checked&&(this.selected=this.checked,this.setChecked(this.checked))}findRadioIndex(t){const e=t.composedPath();return this.slotted.findIndex((t=>e.includes(t)))}findCheckedRadioIndex(){return this.slotted.findIndex((t=>t.checked))}setChecked(t){const e=this.findCheckedRadioIndex();-1!==e&&e!==t&&this.slotted[e]&&(this.slotted[e].checked=!1),this.slotted[t]&&(this.slotted[t].checked=!0)}switchRadioOnArrowPress(t,e=1){const i=super.getAvailableSelectedIndex(t,e);-1!==i&&(this.selected=i,this.setChecked(i),this.notifySelectedChange())}isRadioDisabled(t){return this.slotted[t].disabled}handleClick(t){if(this.disabled)return!1;const e=this.findRadioIndex(t);-1!==e&&(this.isRadioDisabled(e)||(this.selected=e,this.setChecked(e),this.notifySelectedChange()))}handleKeyDown(t){if(this.disabled)return!1;const{code:e}=t;switch(e){case o.Uz.Enter:case o.Uz.Space:this.isRadioDisabled(this.selected)||(this.setChecked(this.selected),this.notifySelectedChange(),t.stopPropagation(),t.preventDefault());break;case o.Uz.ArrowUp:case o.Uz.ArrowLeft:0===this.selected?this.switchRadioOnArrowPress(this.slotted.length-1,-1):this.switchRadioOnArrowPress(this.selected-1,-1),t.stopPropagation(),t.preventDefault();break;case o.Uz.ArrowDown:case o.Uz.ArrowRight:this.selected===this.slotted.length-1?this.switchRadioOnArrowPress(0):this.switchRadioOnArrowPress(this.selected+1),t.stopPropagation(),t.preventDefault()}}get slotElement(){return this.radioSlot}static get styles(){return[a.A,d.A]}clearSelection(){const t=this.findCheckedRadioIndex();-1!=t&&(this.checked=-1,this.slotted[t].checked=!1)}render(){return l.html`
|
|
1044
|
+
<div class="radio-group-container" part="radio-group-container">
|
|
1045
|
+
<slot name="radio"></slot>
|
|
1046
|
+
</div>
|
|
1047
|
+
`}};h([(0,l.property)({type:String,attribute:"group-label"})],e.prototype,"label",void 0),h([(0,l.property)({type:Number,reflect:!0})],e.prototype,"checked",void 0),h([(0,l.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),h([(0,l.query)("slot[name='radio']")],e.prototype,"radioSlot",void 0),h([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=h([(0,n.w)("md-radiogroup")],e),t.ELEMENT=e}(s||(s={}))},33328:(t,e,i)=>{i.d(e,{Accordion:()=>s});var s,o=i(90195),r=i(3001),n=i(31890),a=i(26272),l=i(41488),d=i(33866),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.TS)(l.LitElement)){constructor(){super(...arguments),this.multiple=!1,this.handleAccordionItemFocus=()=>{this.toggleAttribute("focusable",!0)},this.handleAccordionItemBlur=()=>{this.toggleAttribute("focusable",!1)}}get slotItem(){return this.accordionItemSlotElement}filterSlotted(){return this.accordionItemSlotElement.assignedElements()}switchFocusedAccordionItem(t){const e=this.slotted.findIndex((t=>t.hasAttribute("focus-visible"))),i=this.slotted.length;let s=e;for(s=(i+s+t)%i;this.slotted[s].disabled;)s=(i+s+t)%i;this.focusAccordionItem(this.slotted[s])}focusAccordionItem(t){t.hasAttribute("focus-visible")||requestAnimationFrame((()=>t.header.focus()))}setActiveAccordionItem(t){this.multiple?t.expanded=!t.expanded:(this.slotted.forEach((e=>{const i=e;i.expanded&&!e.isEqualNode(t)&&(i.expanded=!1)})),t.expanded=!0)}setupExpandedAccordionItems(){this.multiple||this.slotted.filter((t=>t.expanded)).forEach(((t,e)=>{const i=t;i.expanded&&e>0&&(i.expanded=!1)}))}setupFocusAccordionItems(){this.slotted.forEach((t=>{t.addEventListener("focus",this.handleAccordionItemFocus),t.addEventListener("blur",this.handleAccordionItemBlur)}))}removeFocusAccordionItems(){this.slotted.forEach((t=>{t.removeEventListener("focus",this.handleAccordionItemFocus),t.removeEventListener("blur",this.handleAccordionItemBlur)}))}handleKeyDown(t){const{srcEvent:e}=t.detail,{code:i}=e;switch(i){case o.Uz.Space:case o.Uz.Enter:{const{target:e}=t;e&&this.setActiveAccordionItem(e);break}case o.Uz.ArrowDown:this.switchFocusedAccordionItem(1);break;case o.Uz.ArrowUp:this.switchFocusedAccordionItem(-1);break;case o.Uz.Home:{const t=this.slotted[0];this.focusAccordionItem(t);break}case o.Uz.End:{const t=this.slotted[this.slotted.length-1];this.focusAccordionItem(t);break}}}handleClick(t){const{target:e}=t,i=this.slotted.find((t=>t.isSameNode(e)));i&&this.setActiveAccordionItem(i)}updated(t){super.updated(t),t.has("slotted")&&(this.setupExpandedAccordionItems(),this.setupFocusAccordionItems())}connectedCallback(){super.connectedCallback(),this.addEventListener("accordion-item-keydown",this.handleKeyDown),this.addEventListener("accordion-item-click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("accordion-item-keydown",this.handleKeyDown),this.removeEventListener("accordion-item-click",this.handleClick),this.removeFocusAccordionItems()}static get styles(){return[a.A,d.A]}render(){return l.html`
|
|
1048
|
+
<div class="md-accordion" part="accordion">
|
|
1049
|
+
<slot name="accordion-item"></slot>
|
|
1050
|
+
</div>
|
|
1051
|
+
`}};h([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"multiple",void 0),h([(0,l.query)('slot[name="accordion-item"]')],e.prototype,"accordionItemSlotElement",void 0),e=h([(0,n.w)("md-accordion")],e),t.ELEMENT=e}(s||(s={}))},37719:(t,e,i)=>{i.d(e,{ThemeManager:()=>r,themeManager:()=>n});var s=i(85314),o=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class r{constructor(t){this.isDarkMode=!1,this.themeName="lumos",this.isVisualRebrandEnabled=!1,this.isMomentumAvatarEnabled=!1,t&&this.update(t)}update(t){void 0!==t.isDarkMode&&(this.isDarkMode=t.isDarkMode),void 0!==t.themeName&&(this.themeName=t.themeName),void 0!==t.isVisualRebrandEnabled&&(this.isVisualRebrandEnabled=t.isVisualRebrandEnabled),void 0!==t.isMomentumAvatarEnabled&&(this.isMomentumAvatarEnabled=t.isMomentumAvatarEnabled)}setDarkMode(t){this.isDarkMode=t}setThemeName(t){this.themeName=t}setVisualRebrandEnabled(t){this.isVisualRebrandEnabled=t}setMomentumAvatar(t){this.isMomentumAvatarEnabled=t}get isMomentumV2Enabled(){return"momentumV2"===this.themeName}}o([s.observable],r.prototype,"isDarkMode",void 0),o([s.observable],r.prototype,"themeName",void 0),o([s.observable],r.prototype,"isVisualRebrandEnabled",void 0),o([s.observable],r.prototype,"isMomentumAvatarEnabled",void 0),o([s.action],r.prototype,"update",null),o([s.action],r.prototype,"setDarkMode",null),o([s.action],r.prototype,"setThemeName",null),o([s.action],r.prototype,"setVisualRebrandEnabled",null),o([s.action],r.prototype,"setMomentumAvatar",null),o([s.computed],r.prototype,"isMomentumV2Enabled",null);const n=new r},37782:t=>{t.exports=h},38028:(t,e,i)=>{i.d(e,{Avatar:()=>s}),i(80528),i(61200),i(69788);var s,o=i(31890),r=i(26283),n=i(26272),a=i(41488),l=i(40333),d=i(23968),h=i(97822),p=i(8229),c=i(37782),u=i(22887),m=i(3553),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon=""}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}static get styles(){return[n.A,m.A]}firstUpdated(){const{presenceColor:t,presenceIcon:e}=(0,u.E)(this.type,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=e}updated(t){if(super.updated(t),t.has("type")||t.has("newMomentum")){const{presenceColor:t,presenceIcon:e}=(0,u.E)(this.type,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=e}t.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{[`md-avatar--${this.type}`]:!0}),{[`md-avatar--${this.size}`]:!!this.size})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum}}get avatarStyleMap(){return{[`md-avatar--${this.color}`]:this.color}}get pretifyTitle(){if(this.title.length){const t=this.title.trim().split(" ");return 1===t.length?t[0].charAt(0):t[0].charAt(0)+t[t.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}get chatIconSize(){return this.iconSize}get iconSize(){return(this.size/2).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?a.html` <md-loading></md-loading> `:l.nothing}get avatarLetter(){return this.title?a.html`
|
|
1052
|
+
<span class="md-avatar__letter ${(0,d.classMap)(this.avatarLetterClassMap)}">
|
|
1053
|
+
${this.pretifyTitle}
|
|
1054
|
+
<slot></slot>
|
|
1055
|
+
${this.renderIsTyping}
|
|
1056
|
+
</span>
|
|
1057
|
+
`:l.nothing}get avatarIcon(){return a.html`
|
|
1058
|
+
<span class="md-avatar__icon ${(0,d.classMap)(this.avatarStyleMap)}">
|
|
1059
|
+
<md-icon
|
|
1060
|
+
.name=${this.iconName}
|
|
1061
|
+
.iconSet=${this.newMomentum?"momentumDesign":"momentumUI"}
|
|
1062
|
+
.size=${this.newMomentum?this.iconSize:""}
|
|
1063
|
+
></md-icon>
|
|
1064
|
+
</span>
|
|
1065
|
+
`}get avatarImage(){return a.html`
|
|
1066
|
+
${(0,c.until)(this.loadImage().then((t=>(this.handleImageLoad(),a.html` ${t} `))).catch((()=>this.handleImageError())),a.html` ${this.iconName?this.avatarIcon:this.title?a.html` ${this.avatarLetter} `:l.nothing} `)}
|
|
1067
|
+
`}loadImage(){return t=this,e=void 0,s=function*(){return new Promise(((t,e)=>{const i=document.createElement("img");i.src=this.src,i.alt=this.alt,i.onload=()=>t(i),i.onerror=t=>e(t),i.classList.add("md-avatar__img"),i.classList.toggle("md-avatar__img--hidden",!this.imageLoaded)}))},new((i=void 0)||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}));var t,e,i,s}handleImageLoad(){this.imageLoaded=!0}handleImageError(){this.imageErrored=!0}handleKeyDown(t){if(!this.clickable)return;const{code:e}=t;(0,r.o)(e)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){this.clickable&&(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}get avatarContent(){return this.src&&!this.imageErrored?this.avatarImage:this.iconName?this.avatarIcon:this.title?this.avatarLetter:l.nothing}renderPresence(){return this.newMomentum&&this.type&&"self"!==this.type&&this.presenceIcon?a.html`
|
|
1068
|
+
<md-presence
|
|
1069
|
+
class="avatar-presence"
|
|
1070
|
+
name="${this.presenceIcon}"
|
|
1071
|
+
color="${this.presenceColor}"
|
|
1072
|
+
size="${this.size}"
|
|
1073
|
+
>
|
|
1074
|
+
</md-presence>
|
|
1075
|
+
`:l.nothing}render(){return a.html`
|
|
1076
|
+
<div
|
|
1077
|
+
part="avatar"
|
|
1078
|
+
class="md-avatar
|
|
1079
|
+
${(0,d.classMap)(this.avatarClassMap)}"
|
|
1080
|
+
role=${this.role}
|
|
1081
|
+
@click=${t=>this.handleClick(t)}
|
|
1082
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
1083
|
+
tabindex=${(0,h.ifDefined)(this.tabIndex||void 0)}
|
|
1084
|
+
aria-label=${(0,h.ifDefined)(this.label)}
|
|
1085
|
+
>
|
|
1086
|
+
${"self"===this.type?a.html`
|
|
1087
|
+
<span class="md-avatar__self" style=${(0,p.styleMap)(this.avatarStyleMap)}>
|
|
1088
|
+
<md-icon .name=${this.chatIconName} .iconSet=${"momentumDesign"} .size=${this.chatIconSize}></md-icon>
|
|
1089
|
+
</span>
|
|
1090
|
+
`:this.avatarContent}
|
|
1091
|
+
${this.hasNotification?a.html` <span class="md-avatar__notification-badge"></span> `:l.nothing}
|
|
1092
|
+
${this.renderPresence()}
|
|
1093
|
+
</div>
|
|
1094
|
+
`}};y([(0,a.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),y([(0,a.property)({type:String})],e.prototype,"alt",void 0),y([(0,a.property)({type:String})],e.prototype,"src",void 0),y([(0,a.property)({type:String})],e.prototype,"label",void 0),y([(0,a.property)({type:String})],e.prototype,"title",void 0),y([(0,a.property)({type:String})],e.prototype,"color",void 0),y([(0,a.property)({type:Boolean})],e.prototype,"decrypting",void 0),y([(0,a.property)({type:String})],e.prototype,"role",void 0),y([(0,a.property)({type:String,attribute:"icon-name"})],e.prototype,"iconName",void 0),y([(0,a.property)({type:Boolean})],e.prototype,"failurePresence",void 0),y([(0,a.property)({type:String})],e.prototype,"type",void 0),y([(0,a.property)({type:Boolean})],e.prototype,"newMomentum",void 0),y([(0,a.property)({type:Boolean})],e.prototype,"typing",void 0),y([(0,a.property)({type:Number})],e.prototype,"size",void 0),y([(0,a.property)({type:Boolean,attribute:"has-notification"})],e.prototype,"hasNotification",void 0),y([(0,a.property)({type:Boolean})],e.prototype,"clickable",void 0),y([(0,a.property)({attribute:!1})],e.prototype,"clickFunction",void 0),y([(0,a.internalProperty)()],e.prototype,"imageLoaded",void 0),y([(0,a.internalProperty)()],e.prototype,"imageErrored",void 0),y([(0,a.internalProperty)()],e.prototype,"presenceColor",void 0),y([(0,a.internalProperty)()],e.prototype,"presenceIcon",void 0),e=y([(0,o.w)("md-avatar")],e),t.ELEMENT=e}(s||(s={}))},40333:t=>{t.exports=i},40428:(t,e,i)=>{i.d(e,{Table:()=>s}),i(61200);var s,o=i(31890),r=i(26272),n=i(41488),a=i(40333),l=i(17518),d=i(28187),h=i.n(d),p=i(43604),c=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.tabledata="",this.zebra=!1,this.clean=!1,this.sorting=!1,this.nodata="No data Loaded",this.stickheader=!1,this.label="Table",this.noBorders=!1,this.format="default",this.warning=[],this.errors=[],this.sort={columnName:"",sortting:!1},this.csvData=void 0,this.config={quoteChar:'"',escapeChar:'""',header:!1,preview:0,comments:!1,step:void 0,complete:void 0}}connectedCallback(){super.connectedCallback(),this.results=h().parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length),this.requestUpdate("tabledata"),this.linkCellItems()}get rowItem(){return this.rowTable}linkCellItems(){const t=this.rowTable;null==t||t.forEach(((t,e)=>{this.warning.forEach((i=>{e+1===i.row&&t.querySelectorAll('td[role="cell"').forEach(((t,e)=>{e+1===i.col&&(t.classList.add("warning"),t.insertAdjacentHTML("beforeend",'<md-icon name="warning-regular" size="24" iconSet="momentumDesign" color="var(--md-alert-warning-text-color)"></md-icon>'))}))})),this.errors.forEach((i=>{e+1===i.row&&t.querySelectorAll('td[role="cell"').forEach(((t,e)=>{e+1===i.col&&(t.classList.add("error"),t.insertAdjacentHTML("beforeend",'<md-icon name="clear-bold" size="24" iconSet="momentumDesign" color="var(--md-alert-error-text-color)"></md-icon>'))}))}))}))}sortTab(t,e){const i=t.target,s=Array.from(this.csvData),o=this.headerRow.indexOf(e);e!==this.sort.columnName||!0!==this.sort.sortting?(s.sort((function(t,e){const i=t[o].toLowerCase(),s=e[o].toLowerCase();return i>s?1:i<s?-1:0})),this.sort.sortting=!0,i.classList.remove("sortedZyx"),i.classList.add("sortedAbc")):(s.reverse(),this.sort.sortting=!1,i.classList.remove("sortedAbc"),i.classList.add("sortedZyx")),this.sort.columnName=e,this.csvData=s,this.requestUpdate("csvData")}update(t){super.update(t),t.has("tabledata")&&(this.results=h().parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length),this.linkCellItems())}static get styles(){return[r.A,p.A]}get tableClassMap(){return{"md-table--clean":this.clean,"md-table--no-borders":this.noBorders,"md-table--stripped":this.zebra,"md-table--sorting":this.sorting}}getSortTemplate(t){return this.sort.columnName!==t?a.nothing:n.html`
|
|
1095
|
+
<md-icon
|
|
1096
|
+
name=${this.sort.sortting?"sort-descending-bold":"sort-ascending-bold"}
|
|
1097
|
+
iconSet="momentumDesign"
|
|
1098
|
+
size="16"
|
|
1099
|
+
></md-icon>
|
|
1100
|
+
`}render(){return n.html`
|
|
1101
|
+
<div class=${`md-table-container ${this.stickheader?"md-table-container_stickly":a.nothing}`}>
|
|
1102
|
+
${0!=this.csvData.length?n.html`
|
|
1103
|
+
<table
|
|
1104
|
+
class="md-table ${(0,l.classMap)(this.tableClassMap)}"
|
|
1105
|
+
tabindex="0"
|
|
1106
|
+
role="table"
|
|
1107
|
+
aria-label="${this.label}"
|
|
1108
|
+
>
|
|
1109
|
+
<thead class="md-table__header" role="rowgroup" tabindex="0">
|
|
1110
|
+
<tr role="row">
|
|
1111
|
+
${this.headerRow.map((t=>n.html`
|
|
1112
|
+
<th role="columnheader">
|
|
1113
|
+
${this.sorting?n.html`
|
|
1114
|
+
<a @click=${e=>this.sortTab(e,t)}>
|
|
1115
|
+
${t}${this.getSortTemplate(t)}
|
|
1116
|
+
</a>
|
|
1117
|
+
`:n.html` ${t}`}
|
|
1118
|
+
</th>
|
|
1119
|
+
`))}
|
|
1120
|
+
</tr>
|
|
1121
|
+
</thead>
|
|
1122
|
+
<tbody class="md-table__body" role="rowgroup">
|
|
1123
|
+
${this.csvData.map(((t,e)=>n.html`
|
|
1124
|
+
<tr tabindex="0" role="row" part=${0===e?"first-row":"row"}>
|
|
1125
|
+
${t.map(((t,e)=>{const i="number"===this.format&&0!==e?Number(t).toLocaleString():t;return n.html`
|
|
1126
|
+
<td part=${0===e?"left-cell":"cell"} role="cell">
|
|
1127
|
+
<span>${i}</span>
|
|
1128
|
+
</td>
|
|
1129
|
+
`}))}
|
|
1130
|
+
</tr>
|
|
1131
|
+
`))}
|
|
1132
|
+
</tbody>
|
|
1133
|
+
</table>
|
|
1134
|
+
`:n.html` <p>${this.nodata}</p> `}
|
|
1135
|
+
</div>
|
|
1136
|
+
`}};c([(0,n.property)({type:String})],e.prototype,"tabledata",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"zebra",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"clean",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"sorting",void 0),c([(0,n.property)({type:String})],e.prototype,"nodata",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"stickheader",void 0),c([(0,n.property)({type:String})],e.prototype,"label",void 0),c([(0,n.property)({type:Boolean,attribute:"no-borders"})],e.prototype,"noBorders",void 0),c([(0,n.property)({type:String})],e.prototype,"format",void 0),c([(0,n.property)({type:Array})],e.prototype,"warning",void 0),c([(0,n.property)({type:Array})],e.prototype,"errors",void 0),c([(0,n.internalProperty)()],e.prototype,"sort",void 0),c([(0,n.internalProperty)()],e.prototype,"csvData",void 0),c([(0,n.queryAll)('.md-table__body tr[role="row"]')],e.prototype,"rowTable",void 0),e=c([(0,o.w)("md-table")],e),t.ELEMENT=e}(s||(s={}))},41488:e=>{e.exports=t},41891:t=>{t.exports=C},45001:t=>{t.exports=g},45629:(t,e,i)=>{i.d(e,{ButtonGroup:()=>s});var s,o=i(90195),r=i(3001),n=i(26272),a=i(41488),l=i(71250),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.TS)((0,r.yC)(a.LitElement))){constructor(){super(...arguments),this.active=0,this.tabIndex=0,this._disabled=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",`${t}`),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get slotElement(){return this.buttonSlot}static get styles(){return[n.A,l.A]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","group")}setButtonTabIndex(){this.slotted.forEach((t=>t.tabIndex=-1))}updated(t){super.updated(t),t.has("slotted")&&(this.setButtonTabIndex(),this.setFirstActive())}get selectedBtnValue(){return this.slotted[this.active].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("button-group-change",{detail:{selected:this.selectedBtnValue},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}setSelected(t){var e,i;const s=this.findSelectedBtnIndex();-1!==s&&s!==t&&(null===(e=this.slotted[s])||void 0===e||e.toggleAttribute("selected",!1)),null===(i=this.slotted[t])||void 0===i||i.toggleAttribute("selected",!0)}setFirstActive(){-1===this.findSelectedBtnIndex()&&this.setSelected(this.active)}findBtnIndex(t){const e=t.composedPath();return this.slotted.findIndex((t=>e.includes(t)))}findSelectedBtnIndex(){return this.slotted.findIndex((t=>t.hasAttribute("selected")))}isBtnDisabled(t){return this.slotted[t].disabled}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}switchBtnOnArrowPress(t,e=1){const i=this.getAvailableSelectedIndex(t,e);-1!==i&&(this.active=i,this.setSelected(i),this.notifySelectedChange())}getAvailableSelectedIndex(t,e=1){const i=this.slotted.length;for(let s=0,o=t;s<i;s+=1,o+=e){o<0?o=i-1:o>=i&&(o=0);const t=this.slotted[o];if(this.isFocusable(t))return o}return-1}isFocusable(t){return!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")}handleClick(t){const e=this.findBtnIndex(t);-1!==e&&(this.isBtnDisabled(e)||(this.active=e,this.setSelected(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case o.Uz.Enter:case o.Uz.Space:this.isBtnDisabled(this.active)||(this.setSelected(this.active),this.notifySelectedChange());break;case o.Uz.ArrowLeft:0===this.active?this.switchBtnOnArrowPress(this.slotted.length-1,-1):this.switchBtnOnArrowPress(this.active-1,-1);break;case o.Uz.ArrowRight:this.active===this.slotted.length-1?this.switchBtnOnArrowPress(0):this.switchBtnOnArrowPress(this.active+1)}}render(){return a.html`
|
|
1137
|
+
<div role="group" class="md-button-group" part="button-group">
|
|
1138
|
+
<slot name="button"></slot>
|
|
1139
|
+
</div>
|
|
1140
|
+
`}};d([(0,a.property)({type:Number,reflect:!0})],e.prototype,"active",void 0),d([(0,a.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),d([(0,a.query)("slot[name='button']")],e.prototype,"buttonSlot",void 0),d([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=d([(0,r.wW)("md-button-group")],e),t.ELEMENT=e}(s||(s={}))},46312:(t,e,i)=>{i.d(e,{Coachmark:()=>s}),i(96798);var s,o=i(3001),r=i(31890),n=i(66677),a=i(26272),l=i(41488),d=i(23968),h=i(82043),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.dY)(l.LitElement)){constructor(){super(...arguments),this.message="",this.actionname="Next",this.hidebutton=!1,this.placement="auto",this.show=!1,this.color="default",this.slotContent=null}connectedCallback(){super.connectedCallback()}notifyCoachCreate(){this.dispatchEvent(new CustomEvent("coach-create",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}coachAction(){this.dispatchEvent(new CustomEvent("coach-action",{bubbles:!0,composed:!0,detail:{popper:this.popper}}))}handleSlotChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent=t)}}update(t){var e;super.update(t),t.has("show")&&this.show&&(this.setFocusableElements(),(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus())}get coachWrapClassMap(){return{"md-coachmark--active":!!this.show}}get coachClassMap(){return{[`md-coachmark__popper--${this.placement}`]:!!this.placement,[`md-coachmark__popper--${this.color}`]:!!this.color}}static get styles(){return[a.A,h.A]}coachmarkContentTemplate(){return l.html`
|
|
1141
|
+
<div class="md-coachmark__content">
|
|
1142
|
+
${this.message?this.message:l.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
|
|
1143
|
+
<div class="md-coachmark__action">
|
|
1144
|
+
${this.hidebutton?l.html` <slot name="coachmark-action"></slot> `:l.html` <md-button variant="secondary" @button-click=${this.coachAction}>${this.actionname}</md-button> `}
|
|
1145
|
+
</div>
|
|
1146
|
+
</div>
|
|
1147
|
+
`}wrappedCoachmarkContentTemplate(){const t=(0,n.QZ)("md-theme",this);return"momentumV2"===(null==t?void 0:t.theme)?l.html`
|
|
1148
|
+
<md-theme theme="momentumV2" ?darkTheme=${!t.darkTheme}>
|
|
1149
|
+
${this.coachmarkContentTemplate()}
|
|
1150
|
+
</md-theme>
|
|
1151
|
+
`:this.coachmarkContentTemplate()}render(){return l.html`
|
|
1152
|
+
<div class="md-coachmark ${(0,d.classMap)(this.coachWrapClassMap)}">
|
|
1153
|
+
<div class="md-coachmark__popper ${(0,d.classMap)(this.coachClassMap)}" tabindex="0">
|
|
1154
|
+
${this.wrappedCoachmarkContentTemplate()}
|
|
1155
|
+
<div id="arrow" class="md-coachmark__arrow" data-popper-arrow></div>
|
|
1156
|
+
</div>
|
|
1157
|
+
<div class="md-coachmark__reference" @click=${()=>this.notifyCoachCreate()} aria-describedby="coachmark">
|
|
1158
|
+
<slot></slot>
|
|
1159
|
+
</div>
|
|
1160
|
+
</div>
|
|
1161
|
+
`}};p([(0,l.property)({type:String})],e.prototype,"message",void 0),p([(0,l.property)({type:String})],e.prototype,"actionname",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"hidebutton",void 0),p([(0,l.property)({type:String})],e.prototype,"placement",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"show",void 0),p([(0,l.property)({type:String})],e.prototype,"color",void 0),p([(0,l.query)(".md-coachmark__popper")],e.prototype,"popper",void 0),p([(0,l.query)(".md-coachmark__reference")],e.prototype,"reference",void 0),e=p([(0,r.w)("md-coachmark")],e),t.ELEMENT=e}(s||(s={}))},48798:(t,e,i)=>{i.r(e),i.d(e,{Accordion:()=>s.Accordion,AccordionItem:()=>o.AccordionItem,ActivityButton:()=>r.ActivityButton,AdvanceList:()=>n.AdvanceList,Alert:()=>l.Alert,AlertBanner:()=>a.AlertBanner,AudioPlayer:()=>d.AudioPlayer,Avatar:()=>h.Avatar,Badge:()=>c.Badge,Breadcrumb:()=>u.Breadcrumb,Button:()=>y.Button,ButtonGroup:()=>m.ButtonGroup,Card:()=>v.Card,CardAi:()=>b.CardAi,ChatMessage:()=>g.ChatMessage,Checkbox:()=>f.Checkbox,CheckboxGroup:()=>w.CheckboxGroup,Chip:()=>C.Chip,Coachmark:()=>S.Coachmark,CoachmarkPopover:()=>x.CoachmarkPopover,CodeEditor:()=>O,ComboBox:()=>M.ComboBox,CompositeAvatar:()=>p.CompositeAvatar,DatePicker:()=>R.DatePicker,DatePickerCalendar:()=>_.DatePickerCalendar,DatePickerDay:()=>F.DatePickerDay,DatePickerMonth:()=>B.DatePickerMonth,DatePickerWeek:()=>z.DatePickerWeek,DateRangePicker:()=>P.DateRangePicker,DateTimePicker:()=>D.DateTimePicker,Draggable:()=>V.Draggable,DraggableItem:()=>j.DraggableItem,Dropdown:()=>N.Dropdown,EditableTextfield:()=>U.EditableTextfield,Favorite:()=>q.Favorite,FloatingMinimizedModal:()=>H.FloatingMinimizedModal,FloatingModal:()=>K.FloatingModal,Form:()=>W.Form,Grabber:()=>G.Grabber,HelpText:()=>Y.HelpText,Icon:()=>X.Icon,Input:()=>Z.Input,InputFile:()=>Q.InputFile,Label:()=>J.Label,Link:()=>tt.Link,List:()=>et.List,ListItem:()=>it.ListItem,Loading:()=>st.Loading,MeetingAlert:()=>ot.MeetingAlert,Menu:()=>nt.Menu,MenuItem:()=>at.MenuItem,MenuOverlay:()=>rt.MenuOverlay,Modal:()=>lt.Modal,Pagination:()=>dt.Pagination,PhoneInput:()=>ht.PhoneInput,Popover:()=>pt.Popover,ProgressBar:()=>ct.ProgressBar,Radio:()=>ut.Radio,RadioGroup:()=>mt.RadioGroup,Slider:()=>yt.Slider,Spinner:()=>bt.Spinner,Tab:()=>ft.Tab,TabPanel:()=>wt.TabPanel,Table:()=>gt.Table,TableAdvanced:()=>vt.TableAdvanced,Tabs:()=>Ct.Tabs,TaskItem:()=>xt.TaskItem,Theme:()=>St.Theme,ThemeManager:()=>Tt.ThemeManager,TimePicker:()=>$t.TimePicker,ToggleSwitch:()=>Et.ToggleSwitch,Tooltip:()=>kt.Tooltip,themeManager:()=>Tt.themeManager});var s=i(33328),o=i(6779),r=i(94891),n=i(28307),a=i(19479),l=i(74896),d=i(23779),h=i(38028),p=i(2207),c=i(63704),u=i(92992),m=i(45629),y=i(96798),b=i(64311),v=i(10654),g=i(95281),f=i(3664),w=i(55294),C=i(60046),x=i(29895),S=i(46312),$=i(3001),E=i(26272),k=i(45001),T=i.n(k),I=i(41488);const A=I.css`:host(md-code-editor) .md-code-editor{background:#091e26;border-radius:.25rem;color:#fff;min-height:18.75rem;overflow:hidden}:host(md-code-editor) .md-code-editor-header{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background:#092d3b;flex:0 0 auto;font-size:14px;padding:.625rem}:host(md-code-editor) .md-code-editor-name{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}:host(md-code-editor) .md-code-editor md-badge::part(badge){border-radius:.25rem;height:1.25rem;margin-right:.625rem;padding:.25rem .375rem;text-transform:capitalize}:host(md-code-editor) .md-code-editor-copy{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;line-height:1}:host(md-code-editor) .md-code-editor-copy-btn::part(button){background:0 0;color:#00a0d1;margin-left:.625rem}:host(md-code-editor) .md-code-editor-copy-btn[disabled]{cursor:not-allowed;opacity:.5}:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-quote{color:#ffecc2}:host(md-code-editor) .hljs-deletion,:host(md-code-editor) .hljs-name,:host(md-code-editor) .hljs-regexp,:host(md-code-editor) .hljs-selector-class,:host(md-code-editor) .hljs-selector-id,:host(md-code-editor) .hljs-tag,:host(md-code-editor) .hljs-template-variable,:host(md-code-editor) .hljs-variable{color:#ff9d52}:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-type{color:#fc9d03}:host(md-code-editor) .hljs-attribute{color:#ebd460}:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol{color:#93c437}:host(md-code-editor) .hljs-section,:host(md-code-editor) .hljs-title{color:#22c7d6}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{color:#f0e3fc}:host(md-code-editor) .hljs{background:rgba(0,0,0,0);color:#dedede;display:block;overflow-x:auto;padding:.5em}:host(md-code-editor) .hljs-emphasis{font-style:italic}:host(md-code-editor) .hljs-strong{font-weight:700}@media screen and (forced-colors:active){:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-attribute,:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-quote,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol,:host(md-code-editor) .hljs-type{color:highlight}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{font-weight:700}}@media(forced-colors:active){:host(md-code-editor) .md-code-editor{outline:1px solid CanvasText}:host(md-code-editor) .md-code-editor-header{outline:1px solid CanvasText}}`;var O,L=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends I.LitElement{constructor(){super(...arguments),this.copyLocalization="cURL",this.copiedLocalization="Copied",this.method="get",this.acceptLanguage="javascript",this.url="javascript",this.disableCopyButton=!0,this.acceptTypes="",this.copied=!1}static get styles(){return[E.A,A]}handleSlotChange(){if(this.slotNodes&&this.slotNodes.length){const t=this.slotNodes.find((t=>"CODE"===t.tagName));if(t){const e=t.textContent;e&&this.highlightBlock(e)}}}handleUrlSlotChange(){if(this.copied=!1,this.slotUrl&&this.slotUrl.length){const t=this.slotUrl.find((t=>t));if(t){const e=t.textContent;e&&this.copyUrl(e)}}}highlightBlock(t){t&&(this.codeBlock.innerText=t),T().highlightElement(this.codeBlock)}copyUrl(t){this.codeUrl.innerText=t,this.disableCopyButton=!1}copyClipboard(){this.disableCopyButton||(this.codeUrl.innerText,this.selectTarget(this.codeUrl))}copyText(){try{document.execCommand("copy"),this.copied=!0}catch(t){console.warn("Copy text failed"),this.copied=!1}}select(t){const e=window.getSelection(),i=document.createRange();i.selectNodeContents(t),e&&(e.removeAllRanges(),e.addRange(i))}selectTarget(t){this.select(t),this.copyText()}importLanguage(t){return e=this,s=void 0,r=function*(){try{const{default:e}=yield i(29599)(`./${t}`);T().registerLanguage(`${t}`,e),this.setAcceptTypes()}catch(t){console.warn("Please set correct language name")}},new((o=void 0)||(o=Promise))((function(t,i){function n(t){try{l(r.next(t))}catch(t){i(t)}}function a(t){try{l(r.throw(t))}catch(t){i(t)}}function l(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o((function(t){t(i)}))).then(n,a)}l((r=r.apply(e,s||[])).next())}));var e,s,o,r}getAllAcceptTypes(){const t=T().listLanguages();return t.length?t.map((t=>T().getLanguage(`${t}`).aliases)).map((t=>t.map((t=>`.${t}`)))).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(t){super.updated(t),t.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage),t.has("acceptTypes")&&this.highlightBlock()}render(){return I.html`
|
|
2
1162
|
<div class="md-code-editor" part="code-editor">
|
|
3
1163
|
<div class="md-code-editor-header">
|
|
4
1164
|
<div class="md-code-editor-name">
|
|
@@ -31,4 +1191,1457 @@
|
|
|
31
1191
|
</pre>
|
|
32
1192
|
</div>
|
|
33
1193
|
</div>
|
|
34
|
-
`}};
|
|
1194
|
+
`}};L([(0,I.property)({type:String})],e.prototype,"copyLocalization",void 0),L([(0,I.property)({type:String})],e.prototype,"copiedLocalization",void 0),L([(0,I.property)({type:String})],e.prototype,"method",void 0),L([(0,I.property)({type:String,attribute:"accept-language"})],e.prototype,"acceptLanguage",void 0),L([(0,I.property)({type:String})],e.prototype,"url",void 0),L([(0,I.query)("input[type='file']")],e.prototype,"input",void 0),L([(0,I.query)(".md-code-editor-code-block")],e.prototype,"codeBlock",void 0),L([(0,I.query)(".md-code-editor-url")],e.prototype,"codeUrl",void 0),L([(0,I.internalProperty)()],e.prototype,"disableCopyButton",void 0),L([(0,I.internalProperty)()],e.prototype,"acceptTypes",void 0),L([(0,I.internalProperty)()],e.prototype,"copied",void 0),L([(0,I.queryAssignedNodes)("code-block")],e.prototype,"slotNodes",void 0),L([(0,I.queryAssignedNodes)("code-url")],e.prototype,"slotUrl",void 0),e=L([(0,$.wW)("md-code-editor")],e),t.ELEMENT=e}(O||(O={}));var M=i(4928),P=i(69494),D=i(85416),R=i(38654),_=i(63208),F=i(16754),B=i(17814),z=i(10984),V=i(80072),j=i(24627),N=i(23184),U=i(50565),q=i(99850),H=i(58871),K=i(73093),W=i(97866),G=i(69112),Y=i(20109),X=i(61200),Q=i(52619),Z=i(96408),J=i(6396),tt=i(19026),et=i(68490),it=i(66245),st=i(69788),ot=i(61997),rt=i(11323),nt=i(84032),at=i(48171),lt=i(9871),dt=i(23026),ht=i(84205),pt=i(71128),ct=i(58287),ut=i(81144),mt=i(32217),yt=i(25428),bt=i(12176),vt=i(77935),gt=i(40428),ft=i(16643),wt=i(97737),Ct=i(50226),xt=i(86610),St=i(1072),$t=i(49256),Et=i(20331),kt=i(83192),Tt=i(37719)},49256:(t,e,i)=>{i.d(e,{TimePicker:()=>g}),i(4928),i(96408);var s=i(90195),o=i(31890),r=i(81625),n=i(74548),a=i(26272),l=i(41488),d=i(40333),h=i(23968),p=i(97822),c=i(65796),u=i(17875),m=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const y=[s.R5.HOUR,s.R5.MINUTE,s.R5.SECOND,s.R5.AM_PM],b=[s.R5.HOUR,s.R5.MINUTE,s.R5.SECOND],v={[s.R5.HOUR]:"HH",[s.R5.MINUTE]:"MM",[s.R5.SECOND]:"SS",[s.R5.AM_PM]:"AM"};var g;!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=s.R5.SECOND,this.locale="en-US",this.value="00:00:00-08:00",this.finalTwentyFourFormat=!1,this.timeObject=(0,r.tB)(),this.tabNext=!1,this.timeValue={[s.R5.HOUR]:"12",[s.R5.MINUTE]:"00",[s.R5.SECOND]:"00",[s.R5.AM_PM]:"AM"},this.timeValidity={[s.R5.HOUR]:!0,[s.R5.MINUTE]:!0,[s.R5.SECOND]:!0,[s.R5.AM_PM]:!0},this.addLeadingZeros=t=>{if(t){if(0===t.length)return"00";if(1===t.length)return`0${t}`}return t},this.formatAndValidate=(t,e)=>{if(t&&(this.updateValidity(t,e),this.timeValidity[e]))return this.addLeadingZeros(t)},this.getLocaleTimeFormat=t=>{const e=t.toFormat("tt"),[,i]=e.split(" ");return!i},this.updateTimeValues=()=>{let t;t=this.finalTwentyFourFormat?this.timeObject.toFormat("HH:mm:ss"):this.timeObject.toFormat("tt");const[e,i]=t.split(" "),o=e.split(":");b.forEach((t=>{const e=this.formatAndValidate(o.shift(),t);e&&(t===s.R5.HOUR&&i&&(this.timeValue[s.R5.AM_PM]=i),this.timeValue[t]=e)}))},this.updateValidity=(t,e)=>{let i=!0;const o=e=>{null===t.match(e)&&(i=!1)};switch(e){case s.R5.HOUR:this.finalTwentyFourFormat?o(new RegExp(n.b.twentyFourHourString)):o(new RegExp(n.b.hourString));break;case s.R5.MINUTE:case s.R5.SECOND:o(new RegExp(n.b.minuteSecondString));break;case s.R5.AM_PM:o(new RegExp(n.b.amPmString))}this.timeValidity[e]=i},this.to12HourFormat=(t,e)=>{if(!this.finalTwentyFourFormat&&this.timeValidity[s.R5.HOUR]&&this.timeValidity[s.R5.AM_PM]){let i=Number(e);return"PM"===t?i=12+i%12:i%=12,i}},this.isEntireTimeValid=()=>Object.values(this.timeValidity).every((t=>t)),this.updateTimeUnit=t=>{var e,i,o;this.updateValidity(this.timeValue[t],t),this.timeObject&&this.timeValidity[t]&&(t!==s.R5.AM_PM?this.timeObject=null===(e=this.timeObject)||void 0===e?void 0:e.set({[t]:this.timeValue[t]}):this.timeObject=null===(i=this.timeObject)||void 0===i?void 0:i.set({hour:this.to12HourFormat(this.timeValue[s.R5.AM_PM],this.timeValue[s.R5.HOUR])}),this.isEntireTimeValid()&&(this.timeObject=null===(o=this.timeObject)||void 0===o?void 0:o.set({hour:this.to12HourFormat(this.timeValue[s.R5.AM_PM],this.timeValue[s.R5.HOUR])}),this.value=this.timeObject.toISOTime({suppressMilliseconds:!0})||this.value,this.dispatchEvent(new CustomEvent("time-selection-change",{bubbles:!0,composed:!0,detail:{time:this.value,data:this.timeObject}}))))},this.formatTimeUnit=t=>{if(1===this.timeValue[t].length)"0"!==this.timeValue[t]&&(this.timeValue[t]="0"+this.timeValue[t]);else if(this.timeValue[t].length>2&&"0"===this.timeValue[t][0]){const e=this.timeValue[t].substring(1);RegExp(n.b.noPrecedingZerosString).test(e)&&(this.timeValue[t]=e)}this.requestUpdate()},this.messageType=t=>t?"":"error",this.generateTimeBox=t=>{const e=(i=this.finalTwentyFourFormat,{[s.R5.HOUR]:{type:"number",min:i?0:1,max:i?23:12},[s.R5.MINUTE]:{type:"number",min:0,max:59},[s.R5.SECOND]:{type:"number",min:0,max:59},[s.R5.AM_PM]:{type:"text",min:void 0,max:void 0}})[t];var i;return l.html`
|
|
1195
|
+
${t===s.R5.MINUTE||t===s.R5.SECOND?l.html` <span class="colon-separator">:</span> `:d.nothing}
|
|
1196
|
+
<md-input
|
|
1197
|
+
newMomentum
|
|
1198
|
+
select-when-in-focus
|
|
1199
|
+
class="${`time-input-box ${t}`}"
|
|
1200
|
+
id="time-${y.findIndex((e=>e===t))+1}"
|
|
1201
|
+
value="${this.timeValue[t]}"
|
|
1202
|
+
type="${e.type}"
|
|
1203
|
+
min=${(0,p.ifDefined)(e.min)}
|
|
1204
|
+
max=${(0,p.ifDefined)(e.max)}
|
|
1205
|
+
maxLength=${2}
|
|
1206
|
+
placeholder="${v[t]}"
|
|
1207
|
+
@input-change="${e=>this.handleTimeChange(e,t)}"
|
|
1208
|
+
@input-keydown="${e=>this.handleTimeKeyDown(e,t)}"
|
|
1209
|
+
@input-blur="${e=>this.handleTimeBlur(e,t)}"
|
|
1210
|
+
.messageArr=${[{message:"",type:this.messageType(this.timeValidity[t])}]}
|
|
1211
|
+
.ariaLabel="${t}-input"
|
|
1212
|
+
ariaInvalid="${!this.timeValidity[t]}"
|
|
1213
|
+
></md-input>
|
|
1214
|
+
`},this.generateAmPmComboBox=()=>{const t=["AM","PM"];return l.html`
|
|
1215
|
+
<md-combobox
|
|
1216
|
+
newMomentum
|
|
1217
|
+
select-when-in-focus
|
|
1218
|
+
class="amPm-combo-box"
|
|
1219
|
+
.options=${t}
|
|
1220
|
+
.value=${[t[0]]}
|
|
1221
|
+
.preventFilter=${!0}
|
|
1222
|
+
is-dropdown-arrow
|
|
1223
|
+
no-clear-icon
|
|
1224
|
+
.inputValue=${this.timeValue[s.R5.AM_PM]}
|
|
1225
|
+
.ariaLabel=${this.timeValue[s.R5.AM_PM]}
|
|
1226
|
+
@change-selected="${t=>this.handleTimeChange(t,s.R5.AM_PM)}"
|
|
1227
|
+
>
|
|
1228
|
+
</md-combobox>
|
|
1229
|
+
`}}get timePickerClassMap(){return{"twenty-four-hour-format":this.finalTwentyFourFormat}}updated(t){if(super.updated(t),this.value&&(t.has("value")||t.has("locale")||t.has("twentyFourHourFormat"))){this.timeObject=c.DateTime.fromISO(this.value,{locale:this.locale});const t=this.getLocaleTimeFormat(this.timeObject);this.finalTwentyFourFormat=this.twentyFourHourFormat||t,this.value=this.timeObject.toISOTime({suppressMilliseconds:!0}),this.updateTimeValues()}}handleTimeChange(t,e){var i,o,r;this.timeValue[e]=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.value,this.requestUpdate(),this.formatTimeUnit(e);const n=this.timeValue[e];if(this.twoDigitAutoTab&&this.tabNext&&(e!==s.R5.AM_PM&&2===n.length&&"0"!==n[0]||"00"===n)){t.preventDefault();const e=null==t?void 0:t.target,i=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("md-input, md-combobox");if(i){const t=Array.prototype.findIndex.call(i,(t=>null==e?void 0:e.isEqualNode(t))),s=(t+1)%i.length;if(t<i.length-1){const t=null===(r=i[s].shadowRoot)||void 0===r?void 0:r.querySelector("input");null==t||t.focus()}}}else e===s.R5.AM_PM&&this.updateTimeUnit(e);t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-change`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`,isValid:this.timeValidity[e]}}))}handleTimeKeyDown(t,e){var i;const o=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.srcEvent;if(!o)return void console.warn("srcEvent is undefined");const{key:r}=o;r===s.Uz.ArrowDown||r===s.Uz.ArrowUp?this.tabNext=!1:this.tabNext=!0,this.timeValidity[e]=!0,this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-keydown`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`}}))}handleTimeBlur(t,e){"0"===this.timeValue[e]&&(this.timeValue[e]="00"),this.updateTimeUnit(e),this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-blur`,{bubbles:!0,composed:!0,detail:{srcEvent:t,time:this.value,isValid:this.timeValidity[e]}}))}static get styles(){return[a.A,u.A]}render(){return l.html`
|
|
1230
|
+
<div class="md-timepicker ${(0,h.classMap)(this.timePickerClassMap)}">
|
|
1231
|
+
<div class="time-inputs-wrapper">
|
|
1232
|
+
${this.generateTimeBox(s.R5.HOUR)}
|
|
1233
|
+
${this.timeSpecificity===s.R5.HOUR?d.nothing:this.generateTimeBox(s.R5.MINUTE)}
|
|
1234
|
+
${this.timeSpecificity===s.R5.MINUTE||this.timeSpecificity===s.R5.HOUR?d.nothing:this.generateTimeBox(s.R5.SECOND)}
|
|
1235
|
+
${this.finalTwentyFourFormat?d.nothing:this.generateAmPmComboBox()}
|
|
1236
|
+
</div>
|
|
1237
|
+
</div>
|
|
1238
|
+
`}};m([(0,l.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),m([(0,l.property)({type:Boolean,attribute:"twenty-four-hour-format",reflect:!0})],e.prototype,"twentyFourHourFormat",void 0),m([(0,l.property)({type:String})],e.prototype,"timeSpecificity",void 0),m([(0,l.property)({type:String})],e.prototype,"locale",void 0),m([(0,l.property)({type:String,reflect:!0})],e.prototype,"value",void 0),m([(0,l.internalProperty)()],e.prototype,"finalTwentyFourFormat",void 0),m([(0,l.internalProperty)()],e.prototype,"timeObject",void 0),m([(0,l.internalProperty)()],e.prototype,"tabNext",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValue",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValidity",void 0),e=m([(0,o.w)("md-timepicker")],e),t.ELEMENT=e}(g||(g={}))},50226:(t,e,i)=>{i.d(e,{Tabs:()=>I}),i(61200),i(11323),i(83192);var s=i(90195),o=i(3001),r=i(26272),n=i(41488),a=i(23968),l=i(22818),d=i(8229),h=i(19239),p=i(98199),c=i(41891),u=i.n(c),m=i(97103),y=i(30076),b=i(16643),v=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},g=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};const f="tab-more",w="more-menu-copy-",C="visibleToVisible",x="visibleToHidden",S="hiddenToVisible",$="hiddenToHidden",E="previous",k="next",T="fromMoreTabs";var I;!function(t){let e=class extends((0,o.UM)((0,o.Io)((0,o.TS)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=t=>g(this,void 0,void 0,(function*(){var e,i,s,o,r,n,a,l,d,h;t.stopPropagation();const p=t.oldIndex,c=t.newIndex,u=[...this.tabsFilteredAsVisibleList],m=[...this.tabsFilteredAsHiddenList],y=this.getDragDirection(t);if(void 0!==p&&void 0!==c){switch(y){case x:{null===(i=null===(e=this.hiddenTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t.item.id))||void 0===i||i.remove();const s=u[p],o=m.slice(-1)[0],r=c===this.tabsFilteredAsHiddenList.length?c-1:c;m.splice(r,0,s),m.pop();const n=u.filter((e=>e.id!==this.getNormalizedTabId(t.item.id)));n.push(o),this.tabsFilteredAsVisibleList=[...n],this.tabsFilteredAsHiddenList=[...m];break}case C:{const t=u[p];u.splice(p,1),u.splice(c,0,t),this.tabsFilteredAsVisibleList=u,c===this.tabsFilteredAsVisibleList.length-1&&(null===(o=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===o||o.remove());const e=this.visibleTabsContainerElement.children[p],i=this.visibleTabsContainerElement.children[c];if(!e||!i)return;null===(r=this.visibleTabsContainerElement)||void 0===r||r.replaceChild(i,e),null===(n=this.visibleTabsContainerElement)||void 0===n||n.insertBefore(e,i);break}case S:{null===(l=null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.querySelector("#"+t.item.id))||void 0===l||l.remove();const e=m[p],i=u.slice(-1)[0];m.splice(p,1),m.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;u.splice(s,0,e),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=m;break}case $:{const t=m[p];m.splice(p,1),m.splice(c,0,t),this.tabsFilteredAsHiddenList=m,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],e=t.findIndex((t=>t.selected));this.storeSelectedTabIndex(e),this.tabsOrderPrefsArray=t.map((t=>t.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){this._selectedIndex=t}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs}getCopyTabId(t){var e;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(w))?`${w}${t.id}`:t.id}getAriaControlId(t){var e,i;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(w))?`${w}${t.id}`:"tab_panel_"+(null===(i=t.id)||void 0===i?void 0:i.substring(4))}getTabIndex(t){var e,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==t?void 0:t.id)&&this.selected>(null===(e=this.tabsFilteredAsVisibleList)||void 0===e?void 0:e.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===t.id?0:-1}getNormalizedTabId(t){return t.replace(w,"")}static get styles(){return[r.A,y.A]}ensureTabsUpdateComplete(t){return g(this,void 0,void 0,(function*(){const e=t.map((t=>void 0!==t.updateComplete?t.updateComplete:null)).filter((t=>null!==t));e.length&&(yield Promise.all(e))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((t=>{t.setAttribute("measuringrealwidth","");const e=t.closable?t.offsetWidth+b.TAB_CROSS_WIDTH:t.offsetWidth;return t.removeAttribute("measuringrealwidth"),e})):this.tabs.map((t=>t.closable?t.offsetWidth+b.TAB_CROSS_WIDTH:t.offsetWidth))}updateIsMoreTabTruncated(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-menu-overlay__overflow-label");if(e){const t=e.scrollWidth>e.clientWidth;this.isMoreTabTruncated!=t&&(this.isMoreTabTruncated=t)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((t=>t.offsetHeight))}manageOverflow(){return g(this,void 0,void 0,(function*(){var t,e;if("vertical"!==this.direction){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach((t=>{var e,i,s,o,r;if((null===(e=t.children)||void 0===e?void 0:e.length)&&0===(null===(s=null===(i=t.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const e=null===(o=null==t?void 0:t.querySelector("slot"))||void 0===o?void 0:o.assignedNodes({flatten:!0})[0].cloneNode(!0);e&&(e.classList.add("tab-content"),null===(r=null==t?void 0:t.children[0])||void 0===r||r.appendChild(e))}}));const s=i.length;if(this.tabsListElement&&s){const o=(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth)?this.tabsListElement.offsetWidth-(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const r=this.measureTabsOffsetWidth(),n=i.reduce(((t,e,i)=>t+r[i]),0);if(n){yield this.setupMoreTab();let t=!0;o<n&&(t=!1);const e=[];let a=0;i.forEach(((i,n)=>{a+=r[n];const l=!t&&a+(n<s-1?this.moreTabMenuOffsetWidth:0)>o;e.push({isTabInViewportHidden:l,tabOffsetWidth:r[n]})})),this.tabsViewportDataList=e,this.tabsViewportDataList.forEach(((t,e)=>this.tabs[e].viewportHidden=t.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((t=>t.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((t,e)=>!this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsFilteredAsHiddenList=i.filter(((t,e)=>this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}}this.updateIsMoreTabMenuSelected();const o=this.tabsFilteredAsHiddenList.find((t=>!t.disabled));this.updateHiddenIdPositiveTabIndex(o)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((t=>t.selected))}updateHiddenIdPositiveTabIndex(t){this.tabHiddenIdPositiveTabIndex=t?t.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const t=(t,e)=>{var i,s;const o=null!==(i=t.getAttribute("name"))&&void 0!==i?i:"",r=null!==(s=e.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(o)-this.tabsOrderPrefsArray.indexOf(r)};this.tabs.sort(t),this.panels.sort(t)}linkPanelsAndTabs(){return g(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:t,panels:e}=this;if(0===t.length||0===e.length)return void console.warn("The tabs or panels count should't be equal zero.");t.length!==e.length&&console.warn(`The amount of tabs (${t.length}) doesn't match the amount of panels (${e.length}).`),t.forEach(((t,i)=>{const s=(0,p.nanoid)(10),o="tab_"+s,r="tab_panel_"+s;t.setAttribute("id",o),t.setAttribute("aria-controls",r),t.selected=this.selected===i,"vertical"===this.direction&&(t.vertical=!0);const n=e[i];n?(n.setAttribute("id",r),n.setAttribute("aria-labelledby",o),n.selected=this.selected===i,t.disabled&&(n.hidden=!0,n.selected=!1)):t.disabled=!0}));let i=this.selected;for(;i<t.length&&t[i].disabled;)i++;i=i===t.length?0:i,t[i].selected=!0,e[i].selected=!0,this.tabsHash=this.tabs.reduce(((t,e)=>(t[e.id]=e,t)),{}),this.tabsIdxHash=this.tabs.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(t){const e=Object.create(null,{handleResize:{get:()=>super.handleResize}});return g(this,void 0,void 0,(function*(){e.handleResize&&e.handleResize.call(this,t),yield this.manageOverflow(),this.updateIsMoreTabTruncated()}))}getDragDirection(t){return t.from===this.visibleTabsContainerElement&&t.to===this.hiddenTabsContainerElement?x:t.from===this.visibleTabsContainerElement&&t.to===this.visibleTabsContainerElement?C:t.from===this.hiddenTabsContainerElement&&t.to===this.visibleTabsContainerElement?S:t.from===this.hiddenTabsContainerElement&&t.to===this.hiddenTabsContainerElement?$:void 0}makeTabCopyFocus(t){t&&t.focus()}handleTabClick(t){const{id:e}=t.detail;this.handleNewSelectedTab(e)}handleNewSelectedTab(t){const e=this.tabsHash[this.getNormalizedTabId(t)];if(e&&!e.disabled){const t=this.tabsIdxHash[e.id];-1!==t&&this.updateSelectedTab(t);{const t=this.tabsCopyHash[this.getCopyTabId(e)];t&&this.makeTabCopyFocus(t),this.updateHiddenIdPositiveTabIndex(e)}}}handleTabCrossClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseEvent(t){var e,i;const s=this.tabsHash[this.getNormalizedTabId(t)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(t)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(t))),null===(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(t){var e;let i=t;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(e=this.tabsFilteredAsVisibleList[i])||void 0===e?void 0:e.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||t===this.tabsFilteredAsVisibleList.length)for(i=t-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const t=this.tabs.findIndex((t=>t.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(t)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}toggleSelectedAttribute(t,e){if(null==t||t.toggleAttribute("selected"),null==e||e.toggleAttribute("selected"),t){const e=this.tabsCopyHash[this.getCopyTabId(t)];e?(e.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}updateSelectedTab(t){const{tabs:e,panels:i}=this,s=this.tabs.findIndex((t=>t.hasAttribute("selected")));if(e&&i&&[s,t].forEach((t=>{t>=0&&this.toggleSelectedAttribute(e[t],i[t])})),t>=0){this.dispatchSelectedChangedEvent(t);const i=this.currentTabsLayout.findIndex((i=>i.id===e[t].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(t){const e=this.currentTabsLayout,i=this.tabs[t].id,s=e.findIndex((t=>t.id===i)),o=[];e.forEach((t=>{o.push(t.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:o},composed:!0,bubbles:!0}))}changeSelectedTabIdx(t){this.requestUpdate(),this.selected=t,this.updateComplete.then((()=>{var e,i;if(t<this.tabsFilteredAsVisibleList.length){const t=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children[this.selected];null==t||t.focus()}else{const t=this.selected-this.tabsFilteredAsVisibleList.length,e=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[t];this.moveFocusToTab(e);const s=this.tabsFilteredAsHiddenList[t];!(null==s?void 0:s.disabled)&&this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(t)}storeSelectedTabIndex(t){this.persistSelection&&this.tabsId&&t>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${t}`)}getCurrentIndex(t){var e,i,s;const o=null!==(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children.length)&&void 0!==i?i:0;for(let e=0;e<o;e++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[e].id)===t)return e;return this.tabsVisibleIdxHash[t]}moveFocusToAdjacentTab(t,e){var i,s;const o=this.getCurrentIndex(t),r=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children,n=null!==(s=null==r?void 0:r.length)&&void 0!==s?s:0;if(!r||0===n)return;let a=0;e===E?a=0===o?n-1:o-1:e===k?a=o===n-1?0:o+1:e===T&&(a=this.selected>=n?0:this.selected),this.moveFocusToTab(r[a])}moveFocusToTab(t){(0,m.setTimeout)((()=>null==t?void 0:t.focus()),0)}handleOverlayClose(){this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}dispatchKeydownEvent(t,e){e&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:e,key:t.code,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,srcEvent:t},bubbles:!0,composed:!0}))}handleTabKeydown(t){var e,i,o,r,n,a,l;const d=t.target;if(t.target!=this&&!this.tabs.find((t=>t.id===(null==d?void 0:d.id))))return!1;let h;if((null===(e=t.composedPath())||void 0===e?void 0:e.length)>0?h=t.composedPath()[0].id:t.originalTarget&&(h=t.originalTarget.id),!h)return;const p=this.getNormalizedTabId(h);this.dispatchKeydownEvent(t,p);const c=t.code,{shiftKey:u}=t,m=!!this.isMoreTabMenuVisible&&p===f,y=m&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(p)],b=!this.isMoreTabMenuVisible||y&&this.tabsVisibleIdxHash[y.id]>-1,v=!!this.isMoreTabMenuVisible&&y&&this.tabsHiddenIdxHash[y.id]>-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,w=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,C=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:m&&!this.isMoreTabMenuOpen&&u&&(t.preventDefault(),this.moveFocusToAdjacentTab(h,T));break;case s.Uz.End:m||(b?(t.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(o=this.tabsFilteredAsVisibleList)||void 0===o?void 0:o.length)-1])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[(null===(n=this.tabsFilteredAsHiddenList)||void 0===n?void 0:n.length)-1])));break;case s.Uz.Home:b?(t.preventDefault(),this.moveFocusToTab(null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.children[0])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(l=this.hiddenTabsContainerElement)||void 0===l?void 0:l.children[0]));break;case s.Uz.ArrowLeft:m||b&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,E));break;case s.Uz.ArrowRight:m||b&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,k));break;case s.Uz.ArrowUp:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(0===this.selected?g:this.selected-1);else if(v){t.preventDefault();const e=this.selected===w?C:this.selected-1;this.changeSelectedTabIdx(e)}break;case s.Uz.ArrowDown:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(this.selected===g?0:this.selected+1);else if(v){t.preventDefault();const e=this.selected===C?w:this.selected+1;this.changeSelectedTabIdx(e)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(m){const t=this.tabsFilteredAsHiddenList.filter((t=>!t.disabled)),e=t.length?t.find((t=>t.selected))||t[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(e),e){const t=this.tabsIdxHash[this.getNormalizedTabId(e.id)];-1!==t&&this.updateSelectedTab(t)}}else if(y&&!y.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(y.id)];-1!==e&&(t.preventDefault(),this.updateSelectedTab(e))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(t){const{compUniqueId:e}=t.detail;e===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map((t=>t.name))}setupMoreTab(){return g(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=u().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=u().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var t;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const t=localStorage.getItem(this.tabsId);this.selected=t&&parseInt(t)>-1?parseInt(t):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(t=localStorage.getItem(this.compUniqueId))||void 0===t?void 0:t.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const t=sessionStorage.getItem(this.tabsId);let e=0;if(t){const i=parseInt(t);e=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[e].id?(this._selectedIndex=e,this.handleNewSelectedTab(i[e].id)):this.selected=e}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(t){super.firstUpdated(t),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}updated(t){var e;if(super.updated(t),t.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),t.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(e=this.tabsCopyHiddenListElements)||void 0===e?void 0:e.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((t,e)=>(t[e.id]=e,t)),{})),(t.has("tabsFilteredAsVisibleList")||t.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})),t.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const e=t.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!e&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((t,e)=>t+e),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}t.has("tabsId")&&this.selectTabFromStorage(),t.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),t.has("overflowLabel")&&this.updateIsMoreTabTruncated()}render(){return n.html`
|
|
1239
|
+
<div
|
|
1240
|
+
part="tabs-list"
|
|
1241
|
+
class="md-tab__list ${(0,a.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"no-tabs-visible":this.noTabsVisible,"vertical-tab-list":"vertical"===this.direction,"tab-new-momentum":this.newMomentum})}"
|
|
1242
|
+
role="tablist"
|
|
1243
|
+
>
|
|
1244
|
+
<slot
|
|
1245
|
+
name="tab"
|
|
1246
|
+
class="${(0,a.classMap)({"visible-tabs-slot":"horizontal"===this.direction})}"
|
|
1247
|
+
></slot>
|
|
1248
|
+
<div
|
|
1249
|
+
id="visible-tabs-list"
|
|
1250
|
+
class="visible-tabs-container ${(0,a.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"visible-new-tabs":this.newMomentum})}"
|
|
1251
|
+
>
|
|
1252
|
+
${(0,l.repeat)(this.tabsFilteredAsVisibleList,(()=>(0,p.nanoid)(10)),(t=>n.html`
|
|
1253
|
+
<md-tab
|
|
1254
|
+
.closable="${t.closable}"
|
|
1255
|
+
.disabled="${t.disabled}"
|
|
1256
|
+
.selected="${t.selected}"
|
|
1257
|
+
name="${t.name}"
|
|
1258
|
+
id="${this.getCopyTabId(t)}"
|
|
1259
|
+
aria-label=${t.ariaLabel}
|
|
1260
|
+
aria-controls="${this.getAriaControlId(t)}"
|
|
1261
|
+
.isCrossVisible=${!0}
|
|
1262
|
+
tabIndex="${this.getTabIndex(t)}"
|
|
1263
|
+
.newMomentum=${this.newMomentum}
|
|
1264
|
+
variant=${this.variant}
|
|
1265
|
+
type=${this.type}
|
|
1266
|
+
.onlyIcon="${t.onlyIcon}"
|
|
1267
|
+
>
|
|
1268
|
+
${(0,h.unsafeHTML)(t.innerHTML)}
|
|
1269
|
+
</md-tab>
|
|
1270
|
+
`))}
|
|
1271
|
+
</div>
|
|
1272
|
+
|
|
1273
|
+
<md-menu-overlay
|
|
1274
|
+
custom-width="${"226px"}"
|
|
1275
|
+
max-height="${"288px"}"
|
|
1276
|
+
class="md-menu-overlay__more ${(0,a.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
|
|
1277
|
+
placement="bottom-end"
|
|
1278
|
+
@menu-overlay-open="${()=>this.isMoreTabMenuOpen=!0}"
|
|
1279
|
+
@menu-overlay-close="${()=>this.isMoreTabMenuOpen=!1}"
|
|
1280
|
+
>
|
|
1281
|
+
<md-tab
|
|
1282
|
+
slot="menu-trigger"
|
|
1283
|
+
id="${f}"
|
|
1284
|
+
aria-label="${this.overflowLabel}"
|
|
1285
|
+
aria-haspopup="true"
|
|
1286
|
+
tabindex="${this.isMoreTabMenuVisible?0:-1}"
|
|
1287
|
+
.selected=${!!this.isMoreTabMenuVisible&&this.isMoreTabMenuSelected}
|
|
1288
|
+
class="md-menu-overlay__more_tab ${(0,a.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
|
|
1289
|
+
ariaRole="button"
|
|
1290
|
+
.newMomentum=${this.newMomentum}
|
|
1291
|
+
type=${this.type}
|
|
1292
|
+
>
|
|
1293
|
+
<md-tooltip placement="top" message=${this.overflowLabel} ?disabled=${!this.isMoreTabTruncated}>
|
|
1294
|
+
<span class="md-menu-overlay__overflow-label">${this.overflowLabel}</span>
|
|
1295
|
+
</md-tooltip>
|
|
1296
|
+
<md-icon
|
|
1297
|
+
name="${this.isMoreTabMenuOpen?"arrow-up-bold":"arrow-down-bold"}"
|
|
1298
|
+
iconSet="momentumDesign"
|
|
1299
|
+
size="16"
|
|
1300
|
+
class="more-icon"
|
|
1301
|
+
></md-icon>
|
|
1302
|
+
</md-tab>
|
|
1303
|
+
<div
|
|
1304
|
+
id="tabs-more-list"
|
|
1305
|
+
part="tabs-more-list"
|
|
1306
|
+
class="md-tab__list md-menu-overlay__more_list"
|
|
1307
|
+
style="${(0,d.styleMap)(this.isMoreTabMenuScrollable&&this.moreTabMenuMaxHeight?{"overflow-y":"auto",height:this.moreTabMenuMaxHeight,"max-height":this.moreTabMenuMaxHeight}:{})}"
|
|
1308
|
+
>
|
|
1309
|
+
${(0,l.repeat)(this.tabsFilteredAsHiddenList,(()=>(0,p.nanoid)(10)),(t=>n.html`
|
|
1310
|
+
<md-tab
|
|
1311
|
+
slot="draggable-item"
|
|
1312
|
+
.disabled="${t.disabled}"
|
|
1313
|
+
.selected="${t.selected}"
|
|
1314
|
+
name="${t.name}"
|
|
1315
|
+
id="${this.getCopyTabId(t)}"
|
|
1316
|
+
aria-label=${t.ariaLabel}
|
|
1317
|
+
aria-controls="${this.getAriaControlId(t)}"
|
|
1318
|
+
@click="${()=>this.handleOverlayClose()}"
|
|
1319
|
+
tabIndex="${this.tabHiddenIdPositiveTabIndex===t.id?0:-1}"
|
|
1320
|
+
ariaRole="menuitem"
|
|
1321
|
+
.newMomentum=${this.newMomentum}
|
|
1322
|
+
type=${this.type}
|
|
1323
|
+
.onlyIcon="${t.onlyIcon}"
|
|
1324
|
+
>
|
|
1325
|
+
${(0,h.unsafeHTML)(t.innerHTML)}
|
|
1326
|
+
</md-tab>
|
|
1327
|
+
`))}
|
|
1328
|
+
</div>
|
|
1329
|
+
</md-menu-overlay>
|
|
1330
|
+
<div class="md-tabs__settings" part="md-tabs__settings">
|
|
1331
|
+
<slot name="settings"></slot>
|
|
1332
|
+
</div>
|
|
1333
|
+
</div>
|
|
1334
|
+
<div
|
|
1335
|
+
part="tabs-content"
|
|
1336
|
+
class="md-tab__content ${(0,a.classMap)({"no-tabs-visible":this.noTabsVisible})}"
|
|
1337
|
+
>
|
|
1338
|
+
<slot name="panel"></slot>
|
|
1339
|
+
</div>
|
|
1340
|
+
`}};v([(0,n.property)({type:Boolean})],e.prototype,"justified",void 0),v([(0,n.property)({type:Boolean,attribute:"hug-tabs"})],e.prototype,"hugTabs",void 0),v([(0,n.property)({type:String})],e.prototype,"overflowLabel",void 0),v([(0,n.property)({type:Boolean,attribute:"draggable"})],e.prototype,"draggable",void 0),v([(0,n.property)({type:String})],e.prototype,"direction",void 0),v([(0,n.property)({type:Number,attribute:"more-items-scroll-limit"})],e.prototype,"moreItemsScrollLimit",void 0),v([(0,n.property)({type:Number,reflect:!0,attribute:"selected-index"})],e.prototype,"selectedIndex",null),v([(0,n.property)({type:Number})],e.prototype,"delay",void 0),v([(0,n.property)({type:Number})],e.prototype,"animation",void 0),v([(0,n.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),v([(0,n.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),v([(0,n.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),v([(0,n.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),v([(0,n.property)({type:String,attribute:"tabs-id"})],e.prototype,"tabsId",void 0),v([(0,n.property)({type:Boolean,attribute:"persist-selection"})],e.prototype,"persistSelection",void 0),v([(0,n.property)({type:String,attribute:"comp-unique-id"})],e.prototype,"compUniqueId",void 0),v([(0,n.property)({type:String})],e.prototype,"type",void 0),v([(0,n.property)({type:Boolean})],e.prototype,"newMomentum",void 0),v([(0,n.property)({type:String})],e.prototype,"variant",void 0),v([(0,n.internalProperty)()],e.prototype,"isMoreTabMenuVisible",void 0),v([(0,n.internalProperty)()],e.prototype,"isMoreTabMenuMeasured",void 0),v([(0,n.internalProperty)()],e.prototype,"isMoreTabMenuOpen",void 0),v([(0,n.internalProperty)()],e.prototype,"isMoreTabMenuSelected",void 0),v([(0,n.internalProperty)()],e.prototype,"isMoreTabMenuScrollable",void 0),v([(0,n.internalProperty)()],e.prototype,"moreTabMenuOffsetWidth",void 0),v([(0,n.internalProperty)()],e.prototype,"moreTabMenuMaxHeight",void 0),v([(0,n.internalProperty)()],e.prototype,"tabsViewportDataList",void 0),v([(0,n.internalProperty)()],e.prototype,"tabsFilteredAsVisibleList",void 0),v([(0,n.internalProperty)()],e.prototype,"tabsFilteredAsHiddenList",void 0),v([(0,n.internalProperty)()],e.prototype,"noTabsVisible",void 0),v([(0,n.internalProperty)()],e.prototype,"defaultTabsOrderArray",void 0),v([(0,n.internalProperty)()],e.prototype,"tabsOrderPrefsArray",void 0),v([(0,n.internalProperty)()],e.prototype,"isMoreTabTruncated",void 0),v([(0,n.query)("slot[name='tab']")],e.prototype,"tabSlotElement",void 0),v([(0,n.query)("slot[name='panel']")],e.prototype,"panelSlotElement",void 0),v([(0,n.query)(".md-tab__list[part='tabs-list']")],e.prototype,"tabsListElement",void 0),v([(0,n.query)(".md-tabs__settings[part='md-tabs__settings']")],e.prototype,"tabsSettingsElement",void 0),v([(0,n.query)(".md-menu-overlay__more_tab")],e.prototype,"moreTabMenuElement",void 0),v([(0,n.query)("md-menu-overlay")],e.prototype,"menuOverlayElement",void 0),v([(0,n.query)(".md-tab__list[part='tabs-more-list']")],e.prototype,"tabsMoreListElement",void 0),v([(0,n.queryAll)(".md-menu-overlay__more_list md-tab")],e.prototype,"tabsCopyHiddenListElements",void 0),v([(0,n.query)("#visible-tabs-list")],e.prototype,"visibleTabsContainerElement",void 0),v([(0,n.query)("#tabs-more-list")],e.prototype,"hiddenTabsContainerElement",void 0),e=v([(0,o.wW)("md-tabs")],e),t.ELEMENT=e}(I||(I={}))},50565:(t,e,i)=>{i.d(e,{EditableTextfield:()=>s});var s,o=i(74548),r=i(26272),n=i(31347),a=i.n(n),l=i(31890),d=i(41488),h=i(40333),p=i(23968),c=i(97822),u=i(96408),m=i(18728),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends d.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new u.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=t=>{let e=!0;const i=i=>{null===t.match(i)&&(e=!1)};if(this.pattern)i(new RegExp(this.pattern));else if(t&&this.type)switch(this.type){case"integer":i(new RegExp(o.b.integerString));break;case"decimal":i(new RegExp(o.b.decimalString))}return e},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=t=>{var e;const{key:i,code:s}=t;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some((t=>s.includes(t))))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&s.match("Space"))&&t.preventDefault();const o=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())+i;if(this.type)if(isNaN(Number(o)))t.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(o)))return;t.preventDefault()}},this.handleBlur=()=>{var t;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(t){super.firstUpdated(t),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=a().sanitize(this.content)}updated(t){super.updated(t),t.has("content")&&this.editableField&&(this.editableField.innerText=a().sanitize(this.content))}setRange(){var t;if(this.editableField){const e=document.createRange(),i=window.getSelection(),s=null===(t=this.editableField.childNodes[0].nodeValue)||void 0===t?void 0:t.length;if(e.setStart(this.editableField.childNodes[0],s||0),e.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(e),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){(this.type||this.pattern)&&(this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert()))}showAlert(){this.alert=!0}static get styles(){return[r.A,m.A]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var t,e,i;return this.alert?d.html`
|
|
1341
|
+
<div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
|
|
1342
|
+
<md-help-text
|
|
1343
|
+
id="alert-message"
|
|
1344
|
+
role="alert"
|
|
1345
|
+
aria-live="assertive"
|
|
1346
|
+
.messageType=${null===(t=this.message)||void 0===t?void 0:t.type}
|
|
1347
|
+
aria-errormessage=${(0,c.ifDefined)(null===(e=this.message)||void 0===e?void 0:e.message)}
|
|
1348
|
+
>
|
|
1349
|
+
${null===(i=this.message)||void 0===i?void 0:i.message}
|
|
1350
|
+
</md-help-text>
|
|
1351
|
+
</div>
|
|
1352
|
+
`:h.nothing}render(){var t;const e={[`md-editable-textfield--${this.alignment}`]:this.alignment,"md-editable-textfield--disabled":this.disabled,[`md-editable-textfield--${null===(t=this.message)||void 0===t?void 0:t.type}`]:this.alert&&!!this.message,"md-editable-textfield--textoverflow":this.maxLines.length>0&&!this.isEditing};return d.html`
|
|
1353
|
+
<div
|
|
1354
|
+
style="${this.overflowStyles}"
|
|
1355
|
+
class="md-editable-textfield ${(0,p.classMap)(e)}"
|
|
1356
|
+
role=${(0,c.ifDefined)(this.disabled?void 0:"textbox")}
|
|
1357
|
+
tabindex=${this.disabled?"-1":"0"}
|
|
1358
|
+
?contenteditable=${this.isEditing}
|
|
1359
|
+
@focus=${this.handleFocus}
|
|
1360
|
+
@blur=${this.handleBlur}
|
|
1361
|
+
@keydown=${t=>{this.handleKeydown(t)}}
|
|
1362
|
+
aria-invalid=${(0,c.ifDefined)(this.disabled?void 0:this.alert?"true":"false")}
|
|
1363
|
+
aria-label=${(0,c.ifDefined)(this.disabled?void 0:this.ariaLabel)}
|
|
1364
|
+
aria-describedby=${(0,c.ifDefined)(this.disabled?void 0:this.ariaDescribedBy)}
|
|
1365
|
+
>
|
|
1366
|
+
${a().sanitize(this.content)}
|
|
1367
|
+
</div>
|
|
1368
|
+
${this.messagesTemplate()}
|
|
1369
|
+
`}};y([(0,d.property)({type:String})],e.prototype,"alignment",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"disabled",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"isEditing",void 0),y([(0,d.property)({type:String,attribute:"max-lines",reflect:!0})],e.prototype,"maxLines",void 0),y([(0,d.property)({type:String,reflect:!0})],e.prototype,"content",void 0),y([(0,d.property)({type:Object})],e.prototype,"message",void 0),y([(0,d.property)({type:Boolean,reflect:!0})],e.prototype,"alert",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"hideMessage",void 0),y([(0,d.property)({type:String})],e.prototype,"pattern",void 0),y([(0,d.property)({type:String})],e.prototype,"type",void 0),y([(0,d.property)({type:String})],e.prototype,"ariaLabel",void 0),y([(0,d.property)({type:String,attribute:"aria-described-by"})],e.prototype,"ariaDescribedBy",void 0),y([(0,d.query)(".md-editable-textfield")],e.prototype,"editableField",void 0),e=y([(0,l.w)("md-editable-field")],e),t.ELEMENT=e}(s||(s={}))},52619:(t,e,i)=>{i.d(e,{InputFile:()=>s}),i(96798);var s,o=i(3001),r=i(26272),n=i(45001),a=i.n(n),l=i(41488),d=i(40333),h=i(97822),p=i(45213),c=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},u=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.acceptLanguage="javascript",this.getLocalization="Input File",this.acceptTypes="",this.fileName=""}static get styles(){return[r.A,p.A]}triggerFileLoad(t){t.preventDefault(),this.input.click()}handleFile(t){return u(this,void 0,void 0,(function*(){t.preventDefault();const e=this.input.files;if(e&&0!==e.length)for(const t of e){this.fileName=t.name;try{yield this.readFile(t)}catch(t){console.error("Error reading file",t)}}}))}readFile(t){return new Promise(((e,i)=>{const s=new FileReader;s.onload=t=>{e(t.target.result)},s.onerror=t=>i(t),s.readAsText(t)}))}importLanguage(t){return u(this,void 0,void 0,(function*(){try{const{default:e}=yield i(29599)(`./${t}`);a().registerLanguage(`${t}`,e),this.setAcceptTypes()}catch(t){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const t=a().listLanguages();return t.length?t.map((t=>a().getLanguage(`${t}`).aliases)).map((t=>t.map((t=>`.${t}`)))).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(t){super.updated(t),t.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage)}render(){return l.html`
|
|
1370
|
+
<div class="md-input-file">
|
|
1371
|
+
<label for="file-input">
|
|
1372
|
+
<md-button color="blue" class="md-input-file-btn" @click=${this.triggerFileLoad}>
|
|
1373
|
+
${this.getLocalization.trim()}
|
|
1374
|
+
</md-button>
|
|
1375
|
+
${this.fileName.length?this.fileName:d.nothing}
|
|
1376
|
+
</label>
|
|
1377
|
+
<input
|
|
1378
|
+
type="file"
|
|
1379
|
+
id="file-input"
|
|
1380
|
+
name="file-input"
|
|
1381
|
+
accept=${(0,h.ifDefined)(this.acceptTypes||void 0)}
|
|
1382
|
+
@change=${t=>this.handleFile(t)}
|
|
1383
|
+
/>
|
|
1384
|
+
</div>
|
|
1385
|
+
`}};c([(0,l.property)({type:String,attribute:"accept-language"})],e.prototype,"acceptLanguage",void 0),c([(0,l.property)({type:String})],e.prototype,"getLocalization",void 0),c([(0,l.query)("input[type='file']")],e.prototype,"input",void 0),c([(0,l.internalProperty)()],e.prototype,"acceptTypes",void 0),c([(0,l.internalProperty)()],e.prototype,"fileName",void 0),e=c([(0,o.wW)("md-input-file")],e),t.ELEMENT=e}(s||(s={}))},55294:(t,e,i)=>{i.d(e,{CheckboxGroup:()=>s});var s,o=i(90195),r=i(3001),n=i(26272),a=i(31890),l=i(41488),d=i(18841),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.Io)(l.LitElement)){constructor(){super(...arguments),this.label="group",this.alignment="vertical"}static get styles(){return[n.A,d.A]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}switchCheckboxOnArrowPress(t,e=1){const i=super.getAvailableSelectedIndex(t,e);-1!==i&&(this.selected=i)}handleKeyDown(t){const{code:e}=t;switch(e){case o.Uz.ArrowUp:case o.Uz.ArrowLeft:0===this.selected?this.switchCheckboxOnArrowPress(this.slotted.length-1,-1):this.switchCheckboxOnArrowPress(this.selected-1,-1);break;case o.Uz.ArrowDown:case o.Uz.ArrowRight:this.selected===this.slotted.length-1?this.switchCheckboxOnArrowPress(0):this.switchCheckboxOnArrowPress(this.selected+1)}}get slotElement(){return this.checkboxSlot}render(){return l.html`
|
|
1386
|
+
<div role="group" aria-labelledby="id-group-label">
|
|
1387
|
+
<slot name="checkbox"></slot>
|
|
1388
|
+
</div>
|
|
1389
|
+
`}};h([(0,l.property)({type:String,attribute:"group-label"})],e.prototype,"label",void 0),h([(0,l.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),h([(0,l.query)("slot[name='checkbox']")],e.prototype,"checkboxSlot",void 0),e=h([(0,a.w)("md-checkboxgroup")],e),t.ELEMENT=e}(s||(s={}))},57346:t=>{t.exports=$},58088:t=>{t.exports=S},58287:(t,e,i)=>{i.d(e,{ProgressBar:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(23968),l=i(31107),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.dynamic=!1,this.color="",this.label="",this.displayFormat="percentage",this.type="indeterminate",this.min=0,this.max=100,this.value=25,this.adjustedValue=0,this.valueFraction=0,this.meterWidth="100",this.getDisplayFormat=()=>"indeterminate"===this.type?(this.value=100,null):(this.adjustedValue=this.max-this.value<0?this.max:this.value,this.valueFraction=this.adjustedValue/this.max*100||0,this.meterWidth=this.valueFraction.toFixed(0)+"%","none"===this.displayFormat?null:"percentage"===this.displayFormat?this.meterWidth:`${this.adjustedValue} / ${this.max}`),this.getColor=()=>this.color?this.color:this.dynamic?this.valueFraction<25?"success":this.valueFraction<50?"info":this.valueFraction<75?"warning":"danger":void 0}connectedCallback(){super.connectedCallback(),this.requestUpdate("value")}static get styles(){return[r.A,l.A]}render(){const t={[`progress--${this.type}`]:this.type,[`progress--${this.color}`]:this.color};return n.html`
|
|
1390
|
+
<span>
|
|
1391
|
+
<div class="progressbar-info" data-key="${this.min}">
|
|
1392
|
+
<span class="progressbar-label">${this.label}</span>
|
|
1393
|
+
<span class="progressbar-progress">${this.getDisplayFormat()}</span>
|
|
1394
|
+
</div>
|
|
1395
|
+
<div class="progress ${(0,a.classMap)(t)}" data-key="${this.max}">
|
|
1396
|
+
<span
|
|
1397
|
+
class="meter"
|
|
1398
|
+
role="progressbar"
|
|
1399
|
+
aria-labelledby="progressbar"
|
|
1400
|
+
aria-valuenow=${this.adjustedValue}
|
|
1401
|
+
aria-valuemin=${this.min}
|
|
1402
|
+
aria-valuemax=${this.max}
|
|
1403
|
+
aria-valuetext=${this.meterWidth}
|
|
1404
|
+
style="${"width: "+this.meterWidth+"; background: "+this.getColor()}"
|
|
1405
|
+
>
|
|
1406
|
+
</span>
|
|
1407
|
+
</div>
|
|
1408
|
+
</span>
|
|
1409
|
+
`}};d([(0,n.property)({type:Boolean})],e.prototype,"dynamic",void 0),d([(0,n.property)({type:String})],e.prototype,"color",void 0),d([(0,n.property)({type:String})],e.prototype,"label",void 0),d([(0,n.property)({type:String})],e.prototype,"displayFormat",void 0),d([(0,n.property)({type:String})],e.prototype,"type",void 0),d([(0,n.property)({type:Number})],e.prototype,"min",void 0),d([(0,n.property)({type:Number})],e.prototype,"max",void 0),d([(0,n.property)({type:Number})],e.prototype,"value",void 0),d([(0,n.property)({type:Number})],e.prototype,"adjustedValue",void 0),d([(0,n.property)({type:Number})],e.prototype,"valueFraction",void 0),d([(0,n.property)({type:String})],e.prototype,"meterWidth",void 0),e=d([(0,o.w)("md-progress-bar")],e),t.ELEMENT=e}(s||(s={}))},58871:(t,e,i)=>{i.d(e,{FloatingMinimizedModal:()=>s}),i(96798),i(61200);var s,o=i(90195),r=i(3001),n=i(31890),a=i(66677),l=i(26272),d=(i(58088),i(57346),i(69e3),i(20727)),h=i.n(d),p=(i(3288),i(41488)),c=i(40333),u=i(97822),m=i(67330),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.yC)(p.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,e;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(e=this.minPosition)||void 0===e?void 0:e.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:e}=t,{x:i,y:s}=this.getTransformValues(t);this.setTargetPosition(e,i,s),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[l.A,m.A]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",(0,a.sg)((()=>this.setInteractInstance()),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,e,i,s;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(e=this.minPosition)||void 0===e?void 0:e.x)||Number(null===(i=this.container)||void 0===i?void 0:i.getAttribute("data-y"))!==(null===(s=this.minPosition)||void 0===s?void 0:s.y)}setInitialTargetPosition(){var t,e;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(e=this.minPosition)||void 0===e?void 0:e.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),e=this.container.getAttribute("data-y");return t&&e?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:e}}})),`translate(${t}px, ${e}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame((()=>{return t=this,e=void 0,s=function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()},new((i=void 0)||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}));var t,e,i,s}))}setInteractInstance(){requestAnimationFrame((()=>{this.container&&h()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[h().modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})}))}handleKeyDown(t){t.code!==o.Uz.Enter&&t.code!==o.Uz.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:e,dx:i,dy:s}=t,{initialX:o,initialY:r}=this.getInitialPosition();return{x:(parseFloat(e.getAttribute("data-x"))||0)+i+o,y:(parseFloat(e.getAttribute("data-y"))||0)+s+r}}setTargetPosition(t,e,i){t.style.transform=`translate(${e}px, ${i}px)`,t.setAttribute("data-x",`${e}`),t.setAttribute("data-y",`${i}`)}destroyInteractInstance(){this.container&&h().isSet(this.container)&&h()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",(0,a.sg)((()=>this.setInteractInstance()),250))}render(){return p.html`
|
|
1410
|
+
${this.show?p.html`
|
|
1411
|
+
<div
|
|
1412
|
+
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
1413
|
+
@click=${this.handleMinimize}
|
|
1414
|
+
@keydown="${this.handleKeyDown}"
|
|
1415
|
+
role="dialog"
|
|
1416
|
+
tabindex="-1"
|
|
1417
|
+
part="floating-minimized"
|
|
1418
|
+
aria-label=${(0,u.ifDefined)(this.label||void 0)}
|
|
1419
|
+
aria-modal="true"
|
|
1420
|
+
style=${(0,u.ifDefined)(this.minPosition?`transform: translate(${this.minPosition.x}px, ${this.minPosition.y}px) !important`:`transform: ${this.containerTransform} !important`)}
|
|
1421
|
+
>
|
|
1422
|
+
<div tabindex="-1" class="md-floating__header ${this.minimize?"md-floating__header-minimize":""}">
|
|
1423
|
+
<div class="md-floating__header-text">
|
|
1424
|
+
${this.heading?p.html` ${this.heading} `:p.html` <slot></slot> `}
|
|
1425
|
+
</div>
|
|
1426
|
+
<md-button
|
|
1427
|
+
color="color-none"
|
|
1428
|
+
class="md-floating__close"
|
|
1429
|
+
aria-label="${this.closeAriaLabel}"
|
|
1430
|
+
circle
|
|
1431
|
+
@click=${this.handleClose}
|
|
1432
|
+
>
|
|
1433
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1434
|
+
</md-button>
|
|
1435
|
+
</div>
|
|
1436
|
+
</div>
|
|
1437
|
+
`:c.nothing}
|
|
1438
|
+
`}};y([(0,p.property)({type:String})],e.prototype,"heading",void 0),y([(0,p.property)({type:String})],e.prototype,"label",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"show",void 0),y([(0,p.property)({type:String,attribute:"close-aria-label"})],e.prototype,"closeAriaLabel",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"minimize",void 0),y([(0,p.property)({type:Object})],e.prototype,"minPosition",void 0),y([(0,p.query)(".md-floating")],e.prototype,"container",void 0),y([(0,p.query)(".md-floating__header")],e.prototype,"header",void 0),y([(0,p.internalProperty)()],e.prototype,"dragOccured",void 0),y([(0,p.internalProperty)()],e.prototype,"containerTransform",void 0),e=y([(0,n.w)("md-floating-modal-minimized")],e),t.ELEMENT=e}(s||(s={}))},60046:(t,e,i)=>{i.d(e,{Chip:()=>s}),i(58287),i(83192);var s,o=i(90195),r=i(31890),n=i(26272),a=i(41488),l=i(40333),d=i(23968),h=i(97822),p=i(49618),c=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.iconSize="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.iconSet="momentumUI",this.suppressDefaultMaxWidth=!1,this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=t=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:t}}))},this.handleClear=t=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:t}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?a.html`
|
|
1439
|
+
<style>
|
|
1440
|
+
:host .md-chip {
|
|
1441
|
+
${this.renderBgColor()};
|
|
1442
|
+
${this.renderTextColor()};
|
|
1443
|
+
${this.renderHeight()};
|
|
1444
|
+
}
|
|
1445
|
+
</style>
|
|
1446
|
+
`:l.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}updated(t){super.updated(t),this.truncStringPortion(this.value)}truncStringPortion(t,e=this.PRE_TRUNC_CHARS,i=this.POST_TRUNC_CHARS,s=this.DOT_COUNT){if(this.value.length>this.MAX_LENGTH){let o="";o+=t.substring(0,e),o+=".".repeat(s),o+=t.substring(t.length-i,t.length),this.renderedText=o,this.textOverflow=!0}else this.renderedText=this.value}handleClick(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("md-tooltip");null==e||e.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:null==e?void 0:e.placement,reference:null==e?void 0:e.reference,popper:null==e?void 0:e.popper}})),this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(t){switch(t.code){case o.Uz.Space:case o.Uz.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[n.A,p.A]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?a.html`
|
|
1447
|
+
<md-progress-bar
|
|
1448
|
+
class="md-chip--loading"
|
|
1449
|
+
type="determinate"
|
|
1450
|
+
value="${this.determinateProgress}"
|
|
1451
|
+
displayFormat="none"
|
|
1452
|
+
>
|
|
1453
|
+
</md-progress-bar>
|
|
1454
|
+
`:a.html`
|
|
1455
|
+
<md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
|
|
1456
|
+
`:l.nothing}iconTemplate(){const t=this.disabled?"":this.iconColor;return this.icon?a.html`
|
|
1457
|
+
<md-icon
|
|
1458
|
+
class="md-chip--icon"
|
|
1459
|
+
part="chip-icon"
|
|
1460
|
+
name="${this.icon}"
|
|
1461
|
+
color="${t}"
|
|
1462
|
+
iconSet=${(0,h.ifDefined)(this.iconSet)}
|
|
1463
|
+
size="${(0,h.ifDefined)(this.iconSize)}"
|
|
1464
|
+
>
|
|
1465
|
+
</md-icon>
|
|
1466
|
+
`:l.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}get textContentClassMap(){return{"md-chip--textcontent":!0,"md-chip--suppress-default-max-width":this.suppressDefaultMaxWidth}}render(){const t={"md-chip--small":this.small,"md-chip--disabled":this.disabled,[`md-chip--${this.color}`]:this.color,"suppress-max-width":this.suppressDefaultMaxWidth};return a.html`
|
|
1467
|
+
${this.getStyles()}
|
|
1468
|
+
<md-tooltip
|
|
1469
|
+
?disabled=${!this.tooltipText&&!this.textOverflow}
|
|
1470
|
+
message="${this.getToolTipContent()}"
|
|
1471
|
+
placement="${this.tooltipPlacement}"
|
|
1472
|
+
>
|
|
1473
|
+
<span
|
|
1474
|
+
role="button"
|
|
1475
|
+
tabindex="0"
|
|
1476
|
+
class="md-chip ${(0,d.classMap)(t)}"
|
|
1477
|
+
part="chip"
|
|
1478
|
+
aria-pressed=${this.selected}
|
|
1479
|
+
@click=${()=>{this.handleClick()}}
|
|
1480
|
+
@keydown=${t=>{this.handleKeydown(t)}}
|
|
1481
|
+
>
|
|
1482
|
+
${this.loadingTemplate()} ${this.iconTemplate()}
|
|
1483
|
+
<slot name="custom-left-content" part="chip-left"> </slot>
|
|
1484
|
+
<span class=${(0,d.classMap)(this.textContentClassMap)}> ${this.renderedText}</span>
|
|
1485
|
+
<slot name="custom-right-content" part="chip-right"> </slot>
|
|
1486
|
+
</span>
|
|
1487
|
+
</md-tooltip>
|
|
1488
|
+
`}};c([(0,a.property)({type:String})],e.prototype,"color",void 0),c([(0,a.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,a.property)({type:String})],e.prototype,"textColor",void 0),c([(0,a.property)({type:String})],e.prototype,"height",void 0),c([(0,a.property)({type:String})],e.prototype,"icon",void 0),c([(0,a.property)({type:String})],e.prototype,"iconColor",void 0),c([(0,a.property)({type:String})],e.prototype,"iconSize",void 0),c([(0,a.property)({type:String})],e.prototype,"role",void 0),c([(0,a.property)({type:String,reflect:!0})],e.prototype,"id",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"readonly",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,a.property)({type:Number})],e.prototype,"determinateProgress",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),c([(0,a.property)({type:String})],e.prototype,"tooltipText",void 0),c([(0,a.property)({type:String})],e.prototype,"tooltipPlacement",void 0),c([(0,a.property)({type:String})],e.prototype,"iconSet",void 0),c([(0,a.property)({type:Boolean,attribute:"suppress-default-max-width"})],e.prototype,"suppressDefaultMaxWidth",void 0),c([(0,a.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,a.internalProperty)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,a.internalProperty)()],e.prototype,"renderedText",void 0),e=c([(0,r.w)("md-chip")],e),t.ELEMENT=e}(s||(s={}))},60554:t=>{t.exports=n},61200:(t,e,i)=>{i.d(e,{Icon:()=>s}),i(96798);var s,o=i(31890),r=i(26272),n=i(32022),a=i.n(n),l=i(60554),d=i.n(l),h=i(41488),p=i(40333),c=i(23968),u=i(97822),m=i(8229),y=i(57955),b=i(66873),v=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},g=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};!function(t){var e;let s=e=class extends h.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`)}}}isPath(t){return t.endsWith(".svg")}decodeIfBase64EncodedSvg(t){const e=/data:image\/svg\+xml;base64,([A-Za-z0-9+/=]+)/.exec(t);if(null==e?void 0:e[1]){const t=e[1];return atob(t)}return t}getSvgContentFromFile(t){return g(this,void 0,void 0,(function*(){const e=yield fetch(t),i=yield e.text();return this.getSvgContentFromInline(i)}))}getSvgContentFromInline(t){const e=this.decodeIfBase64EncodedSvg(t);return this.parseSvgContent(e)}parseSvgContent(t){try{return(new DOMParser).parseFromString(t,"image/svg+xml").documentElement}catch(e){try{return(new DOMParser).parseFromString(t,"text/html").body.children[0]}catch(t){return console.error("Error parsing svg content: ",t),null}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return g(this,void 0,void 0,(function*(){var e,s;if(this.isSvgAlreadyLoaded(t))return;const o="momentumBrandVisuals"===this.iconSet?i(90747)(`./${t}.svg`):i(49785)(`./${t}.svg`);this.isPath(o)?this.svgIcon=yield this.getSvgContentFromFile(o):this.svgIcon=this.getSvgContentFromInline(o),null===(e=this.svgIcon)||void 0===e||e.setAttribute("class",`icon ${t}`),null===(s=this.svgIcon)||void 0===s||s.setAttribute("part","icon"),this.setSvgIconAttributes(),this.requestUpdate()}))}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet)return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:d()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):a().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[r.A,b.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return h.html`
|
|
1489
|
+
<i
|
|
1490
|
+
part="icon"
|
|
1491
|
+
id=${this.id}
|
|
1492
|
+
class="md-icon icon ${(0,c.classMap)(this.iconClassMap)}"
|
|
1493
|
+
style=${(0,m.styleMap)(this.iconStyleMap)}
|
|
1494
|
+
role="img"
|
|
1495
|
+
aria-label=${this.ariaLabel}
|
|
1496
|
+
title=${this.title}
|
|
1497
|
+
aria-hidden=${(0,u.ifDefined)(null!==(t=this.ariaHidden)&&void 0!==t?t:void 0)}
|
|
1498
|
+
@click=${t=>this.handleIconClick(t)}
|
|
1499
|
+
>
|
|
1500
|
+
</i>
|
|
1501
|
+
`}renderSVGIcon(){var t;return h.html`
|
|
1502
|
+
<div
|
|
1503
|
+
class="svg-icon-container"
|
|
1504
|
+
id=${this.id}
|
|
1505
|
+
role="img"
|
|
1506
|
+
aria-label=${this.ariaLabel}
|
|
1507
|
+
title=${this.title}
|
|
1508
|
+
aria-hidden=${(0,u.ifDefined)(null!==(t=this.ariaHidden)&&void 0!==t?t:void 0)}
|
|
1509
|
+
@click=${t=>this.handleIconClick(t)}
|
|
1510
|
+
>
|
|
1511
|
+
${this.svgIcon?this.svgIcon:p.nothing}
|
|
1512
|
+
</div>
|
|
1513
|
+
`}};s.designLookup=new Map(Object.entries(y)),v([(0,h.property)({type:String})],s.prototype,"color",void 0),v([(0,h.property)({type:String})],s.prototype,"description",void 0),v([(0,h.property)({type:String})],s.prototype,"name",void 0),v([(0,h.property)({type:String})],s.prototype,"id",void 0),v([(0,h.property)({type:String})],s.prototype,"size",void 0),v([(0,h.property)({type:String})],s.prototype,"title",void 0),v([(0,h.property)({type:String})],s.prototype,"ariaHidden",void 0),v([(0,h.property)({type:String})],s.prototype,"type",void 0),v([(0,h.property)({type:Boolean})],s.prototype,"isActive",void 0),v([(0,h.property)({type:Boolean})],s.prototype,"isComboBoxIcon",void 0),v([(0,h.property)({type:Boolean})],s.prototype,"sizeOverrided",void 0),v([(0,h.property)({type:String})],s.prototype,"iconSet",void 0),v([(0,h.internalProperty)()],s.prototype,"svgIcon",void 0),v([(0,h.property)({type:String})],s.prototype,"ariaLabel",null),s=e=v([(0,o.w)("md-icon")],s),t.ELEMENT=s}(s||(s={}))},61997:(t,e,i)=>{i.d(e,{MeetingAlert:()=>s}),i(38028),i(96798),i(61200);var s,o=i(90195),r=i(31890),n=i(26272),a=i(41488),l=i(40333),d=i(48064),h=i(56338),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.attendees=[{title:"Attendee",src:null,alt:"Attendee"}],this.closeAriaLabel="close",this.onKeyDown=null,this.onSnooze=null,this.message="",this.snoozeAriaLabel="snooze",this.role="button",this.show=!1,this.src="",this.status="",this.userStyles="",this.title="",this._onSnooze=t=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:t}}))},this._onClose=t=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:t}}))},this.handleSnooze=t=>{this.onSnooze?this.onSnooze(t):this._onSnooze(t),t.stopPropagation()},this.handleClose=t=>{this._onClose(t),t.stopPropagation()},this.handleKeyDown=t=>{if(t.code===o.Uz.Escape&&this.handleClose(t),t.code===o.Uz.Enter||t.code===o.Uz.Space){switch(t.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(t);break;case"snooze":this.handleSnooze(t)}t.preventDefault()}this.onKeyDown&&this.onKeyDown(t)}}getStyles(){return a.html`
|
|
1514
|
+
<style>
|
|
1515
|
+
::slotted(img) {
|
|
1516
|
+
display: inline-block;
|
|
1517
|
+
vertical-align: middle;
|
|
1518
|
+
-ms-interpolation-mode: bicubic;
|
|
1519
|
+
height: auto;
|
|
1520
|
+
max-width: 100%;
|
|
1521
|
+
border-style: none;
|
|
1522
|
+
}
|
|
1523
|
+
${this.userStyles}
|
|
1524
|
+
</style>
|
|
1525
|
+
`}static get styles(){return[n.A,h.A]}render(){const{attendees:t,message:e,onSnooze:i,role:s,src:o,status:r,title:n,closeAriaLabel:h,show:p,snoozeAriaLabel:c}=this;return a.html`
|
|
1526
|
+
${this.getStyles()}
|
|
1527
|
+
${p?a.html`
|
|
1528
|
+
<div
|
|
1529
|
+
aria-label="Meeting Alert"
|
|
1530
|
+
class=${"md-alert md-alert--meeting"}
|
|
1531
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
1532
|
+
role=${s}
|
|
1533
|
+
>
|
|
1534
|
+
<slot name="custom-avatar"> ${t.length>=2?(0,d.o)(t):a.html` <md-avatar title=${n} label="avatar" src=${o} tabindex="-1"></md-avatar> `} </slot>
|
|
1535
|
+
<div class=${"md-alert__content "+(i?"":" md-alert__content--wide")}>
|
|
1536
|
+
<div class="md-alert__title" title=${n}>${n}</div>
|
|
1537
|
+
<div class="md-alert__status" title=${r}>${r}</div>
|
|
1538
|
+
<div class="md-alert__message" title=${e}>${e}</div>
|
|
1539
|
+
</div>
|
|
1540
|
+
${i?a.html`
|
|
1541
|
+
<div class="md-alert__button">
|
|
1542
|
+
<md-button
|
|
1543
|
+
variant="secondary"
|
|
1544
|
+
aria-label=${c}
|
|
1545
|
+
circle
|
|
1546
|
+
@click=${t=>{this.handleSnooze(t)}}
|
|
1547
|
+
.size=${40}
|
|
1548
|
+
>
|
|
1549
|
+
<md-icon name="alarm-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1550
|
+
</md-button>
|
|
1551
|
+
</div>
|
|
1552
|
+
`:l.nothing}
|
|
1553
|
+
<slot name="custom-action">
|
|
1554
|
+
<md-button
|
|
1555
|
+
class="md-alert__button"
|
|
1556
|
+
variant="ghost"
|
|
1557
|
+
ariaLabel=${h}
|
|
1558
|
+
circle
|
|
1559
|
+
@click=${t=>{this.handleClose(t)}}
|
|
1560
|
+
.size=${40}
|
|
1561
|
+
>
|
|
1562
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1563
|
+
</md-button>
|
|
1564
|
+
</slot>
|
|
1565
|
+
</div>
|
|
1566
|
+
`:l.nothing}
|
|
1567
|
+
`}};p([(0,a.property)({type:Array})],e.prototype,"attendees",void 0),p([(0,a.property)({type:String})],e.prototype,"closeAriaLabel",void 0),p([(0,a.property)({attribute:!1})],e.prototype,"onKeyDown",void 0),p([(0,a.property)({attribute:!1})],e.prototype,"onSnooze",void 0),p([(0,a.property)({type:String})],e.prototype,"message",void 0),p([(0,a.property)({type:String})],e.prototype,"snoozeAriaLabel",void 0),p([(0,a.property)({type:String})],e.prototype,"role",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"show",void 0),p([(0,a.property)({type:String})],e.prototype,"src",void 0),p([(0,a.property)({type:String})],e.prototype,"status",void 0),p([(0,a.property)({type:String})],e.prototype,"userStyles",void 0),p([(0,a.property)({type:String})],e.prototype,"title",void 0),e=p([(0,r.w)("md-meeting-alert")],e),t.ELEMENT=e}(s||(s={}))},63208:(t,e,i)=>{i.d(e,{DatePickerCalendar:()=>s}),i(17814),i(61200);var s,o=i(31890),r=i(81625),n=i(26272),a=i(41488),l=i(14974),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.monthFormat="MMMM yyyy",this.filterParams=void 0,this.handleMonthChange=void 0,this.datePickerProps=void 0,this.shortDay=!1,this.viewAnchorDate=(0,r.tB)(),this.localeMonth=void 0,this.setDate=(t,e)=>{this.viewAnchorDate=t,e&&e()},this.increaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate((0,r.PS)(i,1),(()=>e&&e(t,this.viewAnchorDate)))},this.decreaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate((0,r.SL)(i,1),(()=>e&&e(t,this.viewAnchorDate)))},this.renderMonthName=()=>a.html` <div class="md-datepicker__navigation--current-month" aria-live="polite">${this.localeMonth}</div> `,this.renderPreviousMonthButton=()=>{var t,e;const i=(null===(t=this.filterParams)||void 0===t?void 0:t.minDate)&&(0,r.PD)(this.viewAnchorDate,null===(e=this.filterParams)||void 0===e?void 0:e.minDate);return a.html`
|
|
1568
|
+
<md-button
|
|
1569
|
+
variant="ghost"
|
|
1570
|
+
circle
|
|
1571
|
+
size="28"
|
|
1572
|
+
aria-controls="Datepicker-Calendar"
|
|
1573
|
+
aria-label=${"previous month"}
|
|
1574
|
+
title=${"previous month"}
|
|
1575
|
+
?disabled=${i}
|
|
1576
|
+
@click=${!i&&this.decreaseMonth}
|
|
1577
|
+
tabindex="-1"
|
|
1578
|
+
>
|
|
1579
|
+
<md-icon name="arrow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1580
|
+
</md-button>
|
|
1581
|
+
`},this.renderNextMonthButton=()=>{var t,e;const i=(null===(t=this.filterParams)||void 0===t?void 0:t.maxDate)&&(0,r.FO)(this.viewAnchorDate,null===(e=this.filterParams)||void 0===e?void 0:e.maxDate);return a.html`
|
|
1582
|
+
<md-button
|
|
1583
|
+
variant="ghost"
|
|
1584
|
+
circle
|
|
1585
|
+
size="28"
|
|
1586
|
+
aria-controls="Datepicker-Calendar"
|
|
1587
|
+
aria-label=${"next month"}
|
|
1588
|
+
title=${"next month"}
|
|
1589
|
+
?disabled=${i}
|
|
1590
|
+
@click=${!i&&this.increaseMonth}
|
|
1591
|
+
tabindex="-1"
|
|
1592
|
+
><md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1593
|
+
</md-button>
|
|
1594
|
+
`},this.header=()=>{var t;const e=(0,r.mK)(this.viewAnchorDate,null===(t=this.datePickerProps)||void 0===t?void 0:t.weekStart);return[].concat([0,1,2,3,4,5,6].map((t=>{var i;const s=(0,r.fi)((0,r.WV)(e,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en"),t),o=(0,r.XN)(s),n=this.getWeekDayName(o,s);return a.html` <div class="md-datepicker__day--name">${n}</div> `})))},this.renderMonth=()=>a.html`
|
|
1595
|
+
<div class="md-datepicker__month-container">
|
|
1596
|
+
<div class="md-datepicker__header">
|
|
1597
|
+
<div class="md-datepicker__navigation">
|
|
1598
|
+
${this.renderMonthName()}
|
|
1599
|
+
<div class="md-datepicker__navigation--buttons">
|
|
1600
|
+
${this.renderPreviousMonthButton()} ${this.renderNextMonthButton()}
|
|
1601
|
+
</div>
|
|
1602
|
+
</div>
|
|
1603
|
+
<div class="md-datepicker__day--names">${this.header()}</div>
|
|
1604
|
+
</div>
|
|
1605
|
+
<md-datepicker-month
|
|
1606
|
+
.day=${this.viewAnchorDate}
|
|
1607
|
+
.filterParams=${this.filterParams}
|
|
1608
|
+
.datePickerProps=${this.datePickerProps}
|
|
1609
|
+
></md-datepicker-month>
|
|
1610
|
+
</div>
|
|
1611
|
+
`}connectedCallback(){var t,e,i;super.connectedCallback(),this.viewAnchorDate=(null===(t=this.datePickerProps)||void 0===t?void 0:t.focused)||(null===(e=this.datePickerProps)||void 0===e?void 0:e.selected)||(0,r.tB)(),this.localeMonth=(0,r.WV)(this.viewAnchorDate,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en").toFormat(this.monthFormat)}updated(t){var e,i,s;super.updated(t),t.has("datePickerProps")&&(null===(null===(e=this.datePickerProps)||void 0===e?void 0:e.selected.invalidReason)&&(this.viewAnchorDate=this.datePickerProps.selected||(0,r.tB)()),this.localeMonth=(0,r.WV)(this.viewAnchorDate,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en").toFormat(this.monthFormat)),t.has("viewAnchorDate")&&(this.localeMonth=(0,r.WV)(this.viewAnchorDate,(null===(s=this.datePickerProps)||void 0===s?void 0:s.locale)||"en").toFormat(this.monthFormat))}getWeekDayName(t,e){return this.shortDay?(0,r.XY)(t,e):(0,r.DY)(t,e)}static get styles(){return[n.A,l.A]}render(){return a.html`
|
|
1612
|
+
<div class="md-datepicker__calendar" id="Datepicker-Calendar">${this.viewAnchorDate&&this.renderMonth()}</div>
|
|
1613
|
+
`}};d([(0,a.property)({attribute:!1})],e.prototype,"monthFormat",void 0),d([(0,a.property)({attribute:!1})],e.prototype,"filterParams",void 0),d([(0,a.property)({attribute:!1})],e.prototype,"handleMonthChange",void 0),d([(0,a.property)({attribute:!1})],e.prototype,"datePickerProps",void 0),d([(0,a.property)({type:Boolean,reflect:!0,attribute:"short-day"})],e.prototype,"shortDay",void 0),d([(0,a.internalProperty)()],e.prototype,"viewAnchorDate",void 0),d([(0,a.internalProperty)()],e.prototype,"localeMonth",void 0),e=d([(0,o.w)("md-datepicker-calendar")],e),t.ELEMENT=e}(s||(s={}))},63704:(t,e,i)=>{i.d(e,{Badge:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(40333),l=i(23968),d=i(97822),h=i(92019),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:a.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:a.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:a.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:a.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?n.html`
|
|
1614
|
+
<style>
|
|
1615
|
+
:host .md-badge {
|
|
1616
|
+
${this.renderBgColor()};
|
|
1617
|
+
${this.renderTextColor()};
|
|
1618
|
+
${this.renderHeight()};
|
|
1619
|
+
${this.renderWidth()};
|
|
1620
|
+
}
|
|
1621
|
+
</style>
|
|
1622
|
+
`:a.nothing}static get styles(){return[r.A,h.A]}get computedAriaHiddenSplits(){return"true"===this.ariaHiddenSplits||"false"!==this.ariaHiddenSplits&&void 0}get computedTabIndex(){const t=parseInt(this.tabIndexing);return isNaN(t)?void 0:t}render(){const t={"md-badge--circle":this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,[`md-badge--${this.color}`]:!this.disabled&&this.color};return n.html`
|
|
1623
|
+
${this.getStyles()}
|
|
1624
|
+
<span
|
|
1625
|
+
tabindex=${(0,d.ifDefined)(this.computedTabIndex)}
|
|
1626
|
+
part="badge"
|
|
1627
|
+
class="md-badge ${(0,l.classMap)(t)}"
|
|
1628
|
+
aria-label=${this.ariaLabel}
|
|
1629
|
+
>
|
|
1630
|
+
${this.split?(()=>n.html`
|
|
1631
|
+
<slot
|
|
1632
|
+
aria-hidden=${(0,d.ifDefined)(this.computedAriaHiddenSplits)}
|
|
1633
|
+
name="split-left"
|
|
1634
|
+
class="split split-left"
|
|
1635
|
+
></slot>
|
|
1636
|
+
<span aria-hidden="true" class="split-separator"> | </span>
|
|
1637
|
+
<slot
|
|
1638
|
+
aria-hidden=${(0,d.ifDefined)(this.computedAriaHiddenSplits)}
|
|
1639
|
+
name="split-right"
|
|
1640
|
+
class="split split-right"
|
|
1641
|
+
></slot>
|
|
1642
|
+
`)():a.nothing}
|
|
1643
|
+
<slot></slot>
|
|
1644
|
+
</span>
|
|
1645
|
+
`}};p([(0,n.property)({type:String})],e.prototype,"ariaLabel",void 0),p([(0,n.property)({type:String})],e.prototype,"color",void 0),p([(0,n.property)({type:String})],e.prototype,"bgColor",void 0),p([(0,n.property)({type:String})],e.prototype,"textColor",void 0),p([(0,n.property)({type:String})],e.prototype,"height",void 0),p([(0,n.property)({type:String})],e.prototype,"width",void 0),p([(0,n.property)({type:Boolean})],e.prototype,"outlined",void 0),p([(0,n.property)({type:Boolean})],e.prototype,"compact",void 0),p([(0,n.property)({type:Boolean})],e.prototype,"circle",void 0),p([(0,n.property)({type:Boolean})],e.prototype,"small",void 0),p([(0,n.property)({type:Boolean})],e.prototype,"split",void 0),p([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),p([(0,n.property)({type:String})],e.prototype,"tabIndexing",void 0),p([(0,n.property)({type:String})],e.prototype,"ariaHiddenSplits",void 0),e=p([(0,o.w)("md-badge")],e),t.ELEMENT=e}(s||(s={}))},64311:(t,e,i)=>{i.d(e,{CardAi:()=>o}),i(96798),i(61200);var s,o,r=i(31890),n=i(26272),a=i(41488),l=i(40333),d=i(17518),h=i(18227),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){t.USER_QUERY="user_query",t.RESPONSE="response"}(s||(s={})),function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.id="",this.title="",this.cardText="",this.timestamp="",this.summariseMoreVisible=!1,this.variant=s.RESPONSE,this.copyChecked=!1,this.thumbsUpChecked=!1,this.thumbsDownChecked=!1}static get styles(){return[n.A,h.A]}thumbsUpToggled(){this.thumbsDownChecked=!1,this.thumbsUpChecked=!this.thumbsUpChecked,this.dispatchEvent(new CustomEvent("thumbs-up-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}thumbsDownToggled(){this.thumbsUpChecked=!1,this.thumbsDownChecked=!this.thumbsDownChecked,this.dispatchEvent(new CustomEvent("thumbs-down-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}summariseMoreToggled(){this.dispatchEvent(new CustomEvent("summarise-more-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}copyToggled(){navigator.clipboard.writeText(this.cardText),this.copyChecked=!0,setTimeout((()=>{this.copyChecked=!1}),2e3)}get bottomBorderRadiusClass(){return this.timestamp?"with-bottom-border-radius":"no-bottom-border-radius"}get cardTextClassMap(){return{"md-card-ai-card-body-user-query":this.variant===s.USER_QUERY,[`md-card-ai-card-body-response-${this.bottomBorderRadiusClass}`]:this.variant===s.RESPONSE}}renderHeader(){return this.variant===s.RESPONSE&&""!==this.title?a.html`
|
|
1646
|
+
<div class="md-card-ai-header">
|
|
1647
|
+
<slot name="card-header-aside">
|
|
1648
|
+
<md-icon name="cisco-ai-assistant-color" iconSet="momentumBrandVisuals"></md-icon>
|
|
1649
|
+
</slot>
|
|
1650
|
+
<div class="md-card-ai-header-title">
|
|
1651
|
+
<slot name="card-header-title">
|
|
1652
|
+
<h3>${this.title}</h3>
|
|
1653
|
+
</slot>
|
|
1654
|
+
</div>
|
|
1655
|
+
</div>
|
|
1656
|
+
`:l.nothing}renderCardText(){return""!==this.cardText?a.html`
|
|
1657
|
+
<div class=${(0,d.classMap)(this.cardTextClassMap)}>
|
|
1658
|
+
<h3>${this.cardText}</h3>
|
|
1659
|
+
${this.renderResponseCard()}
|
|
1660
|
+
</div>
|
|
1661
|
+
`:l.nothing}renderThumbsUpButton(){const t=this.thumbsUpChecked?"secondary":"ghost",e=this.thumbsUpChecked?"This is helpful, selected":"This is helpful";return a.html`
|
|
1662
|
+
<div class="md-card-ai-thumbs-up">
|
|
1663
|
+
<md-button
|
|
1664
|
+
circle
|
|
1665
|
+
variant=${t}
|
|
1666
|
+
size="28"
|
|
1667
|
+
ariaLabel=${e}
|
|
1668
|
+
@click=${this.thumbsUpToggled}
|
|
1669
|
+
>
|
|
1670
|
+
<md-icon slot="icon" name="like-regular" iconSet="momentumDesign"></md-icon>
|
|
1671
|
+
</md-button>
|
|
1672
|
+
</div>
|
|
1673
|
+
`}renderThumbsDownButton(){const t=this.thumbsDownChecked?"secondary":"ghost",e=this.thumbsDownChecked?"This is not helpful, selected":"This is not helpful";return a.html`
|
|
1674
|
+
<div>
|
|
1675
|
+
<md-button
|
|
1676
|
+
circle
|
|
1677
|
+
variant=${t}
|
|
1678
|
+
size="28"
|
|
1679
|
+
ariaLabel=${e}
|
|
1680
|
+
@click=${this.thumbsDownToggled}
|
|
1681
|
+
>
|
|
1682
|
+
<md-icon slot="icon" name="dislike-regular" iconSet="momentumDesign"></md-icon>
|
|
1683
|
+
</md-button>
|
|
1684
|
+
</div>
|
|
1685
|
+
`}renderCopyButton(){const t=this.copyChecked?"secondary":"ghost",e=this.copyChecked?"Copied, selected":"Copy summary";return a.html`
|
|
1686
|
+
<div class="md-card-ai-copy-button-container">
|
|
1687
|
+
<md-button
|
|
1688
|
+
size="32"
|
|
1689
|
+
variant=${t}
|
|
1690
|
+
ariaLabel=${e}
|
|
1691
|
+
outline
|
|
1692
|
+
@click=${this.copyToggled}
|
|
1693
|
+
>
|
|
1694
|
+
<md-icon
|
|
1695
|
+
slot="icon"
|
|
1696
|
+
name=${this.copyChecked?"check-regular":"copy-regular"}
|
|
1697
|
+
iconSet="momentumDesign"
|
|
1698
|
+
></md-icon>
|
|
1699
|
+
<span slot="text">${this.copyChecked?"Copied":"Copy"}</span>
|
|
1700
|
+
</md-button>
|
|
1701
|
+
</div>
|
|
1702
|
+
`}renderResponseCard(){return this.variant===s.RESPONSE&&""!==this.timestamp?a.html`
|
|
1703
|
+
<div class="md-card-ai-divider"></div>
|
|
1704
|
+
<div class="md-card-ai-time-wrapper">
|
|
1705
|
+
<time class="md-card-ai-time" aria-hidden="true" datetime=${this.timestamp}> ${this.timestamp} </time>
|
|
1706
|
+
<span class="md-card-ai-dot-separator">•</span>
|
|
1707
|
+
<div class="md-card-ai-feedback">${this.renderThumbsUpButton()} ${this.renderThumbsDownButton()}</div>
|
|
1708
|
+
${this.renderCopyButton()}
|
|
1709
|
+
</div>
|
|
1710
|
+
`:l.nothing}renderFooter(){return this.variant===s.RESPONSE&&this.summariseMoreVisible?a.html`
|
|
1711
|
+
<div class="md-card-ai-footer">
|
|
1712
|
+
<md-button size="32" variant="ghost" outline @click=${this.summariseMoreToggled}>
|
|
1713
|
+
<span slot="text">Summarise more</span>
|
|
1714
|
+
</md-button>
|
|
1715
|
+
</div>
|
|
1716
|
+
`:l.nothing}render(){return a.html`
|
|
1717
|
+
<div class="md-card-ai" id="${this.id}" part="card" tabindex="0">
|
|
1718
|
+
${this.renderHeader()}
|
|
1719
|
+
<div class="content-margin">${this.renderCardText()} ${this.renderFooter()}</div>
|
|
1720
|
+
</div>
|
|
1721
|
+
`}};p([(0,a.property)({type:String})],e.prototype,"id",void 0),p([(0,a.property)({type:String})],e.prototype,"title",void 0),p([(0,a.property)({type:String})],e.prototype,"cardText",void 0),p([(0,a.property)({type:String})],e.prototype,"timestamp",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"summariseMoreVisible",void 0),p([(0,a.property)({type:String})],e.prototype,"variant",void 0),p([(0,a.internalProperty)()],e.prototype,"copyChecked",void 0),p([(0,a.internalProperty)()],e.prototype,"thumbsUpChecked",void 0),p([(0,a.internalProperty)()],e.prototype,"thumbsDownChecked",void 0),e=p([(0,r.w)("md-card-ai")],e),t.ELEMENT=e}(o||(o={}))},65796:t=>{t.exports=f},65875:t=>{t.exports=A},66245:(t,e,i)=>{i.d(e,{ListItem:()=>s});var s,o=i(3001),r=i(31890),n=i(26272),a=i(41488),l=i(23968),d=i(21392),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.role="option",this.tabIndex=-1,this.shape="rounded",this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",`${t}`),this.requestUpdate("disabled",e)}get selected(){return this._selected}set selected(t){const e=this._selected;this._selected=t,this.requestUpdate("selected",e)}get listItemTemplateClassMap(){return{[`md-list-item--${this.shape}`]:!!this.shape}}static get styles(){return[n.A,d.A]}render(){return a.html`
|
|
1722
|
+
<li class="md-list-item ${(0,l.classMap)(this.listItemTemplateClassMap)}" part="list-item">
|
|
1723
|
+
<slot></slot>
|
|
1724
|
+
</li>
|
|
1725
|
+
`}};h([(0,a.property)({type:String,reflect:!0})],e.prototype,"role",void 0),h([(0,a.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),h([(0,a.property)({type:String,reflect:!0})],e.prototype,"shape",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"selected",null),e=h([(0,r.w)("md-list-item")],e),t.ELEMENT=e}(s||(s={}))},66677:(t,e,i)=>{i.d(e,{QZ:()=>r,sg:()=>o,ws:()=>s});const s=(t,e)=>{const i=[];[e].forEach((e=>{i.push(...((t,e)=>{const i=e.length;if(0===i)return[];const s=[],o=t.toLowerCase(),r=e.toLowerCase();let n=0,a=o.indexOf(r,n);for(;a>-1;)n=a+i,s.push([a,n]),a=o.indexOf(r,a+1);return s})(t,e))}));const s=(([...t])=>{if(!t.length)return[];t.sort(((t,e)=>t[0]!==e[0]?t[0]-e[0]:t[1]-e[1]));const e=[];let i=t[0][0],s=t[0][1];return t.shift(),t.forEach((([t,o])=>{t>=s?(e.push([i,s]),i=t,s=o):o>s&&(s=o)})),e.push([i,s]),e})(i),o=[];let r=0;return s.forEach((([e,i])=>{r!==e&&o.push({range:[e,i],matching:!1,text:t.slice(r,e)}),o.push({range:[e,i],matching:!0,text:t.slice(e,i)}),r=i})),r!==t.length&&o.push({range:[r],matching:!1,text:t.slice(r)}),o};function o(t,e,i){let s;return function(...o){const r=this,n=i&&!s;clearTimeout(s),s=setTimeout((function(){s=null,i||t.apply(r,o)}),e),n&&t.apply(r,o)}}function r(t,e){return function e(i){if(!i||i===document||i===window)return null;return i.closest(t)||e(i.getRootNode().host)}(e)}},68250:t=>{t.exports=m},68490:(t,e,i)=>{i.d(e,{List:()=>s});var s,o=i(90195),r=i(3001),n=i(31890),a=i(26272),l=i(41488),d=i(97822),h=i(21392),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.Io)(l.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex((t=>e.includes(t)))}switchListItemOnArrowPress(t,e=1){const i=super.getAvailableSelectedIndex(t,e);-1!==i&&(this.selected=i)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex((t=>t.selected))}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){var e;const i=this.slotted[t];return null===(e=null==i?void 0:i.disabled)||void 0===e||e}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case o.Uz.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case o.Uz.Home:this.switchListItemOnArrowPress(0);break;case o.Uz.ArrowUp:case o.Uz.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case o.Uz.ArrowDown:case o.Uz.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case o.Uz.Enter:case o.Uz.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[a.A,h.A]}render(){return l.html`
|
|
1726
|
+
<ul role=${(0,d.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
|
|
1727
|
+
<slot name="list-item"></slot>
|
|
1728
|
+
</ul>
|
|
1729
|
+
`}};p([(0,l.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),p([(0,l.property)({type:String})],e.prototype,"label",void 0),p([(0,l.property)({type:Number,reflect:!0})],e.prototype,"activated",void 0),p([(0,l.query)("slot[name='list-item']")],e.prototype,"listItemSlot",void 0),e=p([(0,n.w)("md-list")],e),t.ELEMENT=e}(s||(s={}))},69e3:t=>{t.exports=E},69112:(t,e,i)=>{i.d(e,{Grabber:()=>s}),i(61200);var s,o=i(37719),r=i(3001),n=i(31890),a=i(26283),l=i(26272),d=i(41488),h=i(23968),p=i(97822),c=i(42215),u=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.yC)(d.LitElement)){constructor(){super(...arguments),this.label="Expand",this.checkedLabel="Collapse",this.hovered=!1,this.disabled=!1,this.checked=!1,this.visible=!0,this.focused=!1,this.disableClickToggle=!1,this.alignment="leading",this.dragger=!1,this.shadow=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get styles(){return[l.A,c.A]}toggleGrabber(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("grabber-toggled",{detail:{checked:this.checked},bubbles:!0,composed:!0})))}handleMouseDown(){this.disableClickToggle||this.toggleGrabber()}handleKeyDown(t){this.disableClickToggle||(0,a.o)(t.code)&&(t.preventDefault(),this.toggleGrabber())}handleMouseEnter(){this.hovered=!0,this.dispatchHoverEvent()}handleMouseLeave(){this.hovered=!1,this.dispatchHoverEvent()}handleFocus(){this.focused=!0}handleBlur(){this.focused=!1}dispatchHoverEvent(){this.dispatchEvent(new CustomEvent("grabber-hover-changed",{bubbles:!0,composed:!0,detail:{hovered:this.hovered}}))}get collapsed(){return!this.checked}get grabberClassMap(){return{"md-grabber--active":this.checked,"md-grabber--disabled":this.disabled,"md-grabber--dragger":this.dragger,[`md-grabber--${this.alignment}`]:this.alignment,visible:this.visible||this.focused}}get grabberContainerClassMap(){return{[`${this.alignment}`]:!0,shadow:this.shadow&&(this.visible||this.checked)}}get iconName(){return this.dragger?"list-menu-bold":"leading"===this.alignment||"trailing"===this.alignment?this.checked?"arrow-left-bold":"arrow-right-bold":this.checked?"arrow-up-bold":"arrow-down-bold"}get iconSize(){return this.dragger||!1===o.themeManager.isMomentumV2Enabled?"10":"12"}render(){return d.html`
|
|
1730
|
+
<div class="md-grabber__container ${(0,h.classMap)(this.grabberContainerClassMap)}">
|
|
1731
|
+
<button
|
|
1732
|
+
class="md-grabber ${(0,h.classMap)(this.grabberClassMap)}"
|
|
1733
|
+
part="grabber"
|
|
1734
|
+
aria-pressed=${this.checked}
|
|
1735
|
+
?disabled=${this.disabled}
|
|
1736
|
+
tabindex="0"
|
|
1737
|
+
aria-label=${(0,p.ifDefined)(this.label.length?this.label:void 0)}
|
|
1738
|
+
type="button"
|
|
1739
|
+
role="button"
|
|
1740
|
+
@click="${()=>this.handleMouseDown()}"
|
|
1741
|
+
@keydown="${t=>this.handleKeyDown(t)}"
|
|
1742
|
+
@mouseenter="${()=>this.handleMouseEnter()}"
|
|
1743
|
+
@mouseleave="${()=>this.handleMouseLeave()}"
|
|
1744
|
+
@focus="${()=>this.handleFocus()}"
|
|
1745
|
+
@blur="${()=>this.handleBlur()}"
|
|
1746
|
+
>
|
|
1747
|
+
<md-icon name="${this.iconName}" size="${this.iconSize}" iconSet="momentumDesign"></md-icon>
|
|
1748
|
+
</button>
|
|
1749
|
+
</div>
|
|
1750
|
+
`}};u([(0,d.property)({type:String})],e.prototype,"label",void 0),u([(0,d.property)({type:String})],e.prototype,"checkedLabel",void 0),u([(0,d.property)({type:Boolean})],e.prototype,"hovered",void 0),u([(0,d.property)({type:Boolean})],e.prototype,"disabled",void 0),u([(0,d.property)({type:Boolean})],e.prototype,"checked",void 0),u([(0,d.property)({type:Boolean})],e.prototype,"visible",void 0),u([(0,d.property)({type:Boolean})],e.prototype,"focused",void 0),u([(0,d.property)({type:Boolean,attribute:"disable-click-toggle"})],e.prototype,"disableClickToggle",void 0),u([(0,d.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),u([(0,d.property)({type:Boolean})],e.prototype,"dragger",void 0),u([(0,d.property)({type:Boolean})],e.prototype,"shadow",void 0),e=u([(0,n.w)("md-grabber")],e),t.ELEMENT=e}(s||(s={}))},69371:t=>{t.exports=y},69494:(t,e,i)=>{i.d(e,{DateRangePicker:()=>s});var s,o=i(31890),r=i(41488),n=i(65796),a=i(38654),l=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends a.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${this.sqlDateToSlashes(this.startDate)} - ${this.sqlDateToSlashes(this.endDate)}`)},this.handleDateSelection=t=>{const e=t.detail.data;this.startDate?this.endDate?(this.startDate=this.dateToSqlTranslate(e),this.endDate=void 0):e<n.DateTime.fromISO(this.startDate)?(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e)):this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e),this.emitDateRange(),this.updateValue()}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-selection-change",this.handleDateSelection)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-selection-change",this.handleDateSelection)}dateToSqlTranslate(t){return t.toSQLDate()}sqlDateToSlashes(t){return t.replace(/-+/g,"/")}emitDateRange(){if(!this.startDate||!this.endDate)return;const t=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(t)}};l([(0,r.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),l([(0,r.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=l([(0,o.w)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))},69788:(t,e,i)=>{i.d(e,{Loading:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(17518),l=i(76700),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.size="",this.isAnimating=!1,this.animationFrameId=null}static get styles(){return[r.A,l.A]}firstUpdated(t){super.firstUpdated(t),this.isAnimating=!0,this.startAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.isAnimating=!1,this.stopAnimation()}startAnimation(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".md-loading__icon");if(!e)return;let i=null;const s=1400,o=t=>{if(!this.isAnimating)return;i||(i=t);const r=(t-i)%s;e.forEach(((t,e)=>{const i=(r-200*e+s)%s;let o=0,n=.1;if(i<280){const t=.1+i/280*.9;o=t,n=t}else if(i<1400){const t=Math.min((i-280)/1120*2,1);o=Math.max(1-.9*t,.9),n=Math.max(1-.9*t,.2)}t.style.transform=`scale(${o})`,t.style.opacity=`${n}`})),this.animationFrameId=requestAnimationFrame(o)};this.animationFrameId=requestAnimationFrame(o)}stopAnimation(){var t;null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null);const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".md-loading__icon");e&&e.forEach((t=>{t.style.transform="scale(0, 0)",t.style.opacity="0.1"}))}get loadingClassMap(){return{[`md-loading--${this.size}`]:!!this.size}}get loadingIconClassMap(){return{"md-loading__icon":!0}}render(){return n.html`
|
|
1751
|
+
<div class="md-loading ${(0,a.classMap)(this.loadingClassMap)}">
|
|
1752
|
+
<span class=${(0,a.classMap)(this.loadingIconClassMap)}></span>
|
|
1753
|
+
<span class=${(0,a.classMap)(this.loadingIconClassMap)}></span>
|
|
1754
|
+
<span class=${(0,a.classMap)(this.loadingIconClassMap)}></span>
|
|
1755
|
+
</div>
|
|
1756
|
+
`}};d([(0,n.property)({type:String})],e.prototype,"size",void 0),d([(0,n.internalProperty)()],e.prototype,"isAnimating",void 0),e=d([(0,o.w)("md-loading")],e),t.ELEMENT=e}(s||(s={}))},71128:(t,e,i)=>{i.d(e,{Popover:()=>s}),i(96798),i(61200);var s,o=i(90195),r=i(31890),n=i(28373),a=i(66677),l=i(26283),d=i(22962),h=i.n(d),p=i(84157),c=i.n(p),u=i(68250),m=i.n(u),y=i(69371),b=i.n(y),v=i(4863),g=i(41488),f=i(40333),w=i(73679),C=i(35211),x=i(50325),S=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},$=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};!function(t){let e=class extends((0,n.d)(g.LitElement)){constructor(){super(...arguments),this.placement="bottom",this.isOpen=!1,this.showArrow=!0,this.showClose=!1,this.interactive=!1,this.shouldWrapFocus=()=>this.interactive,this.role="dialog",this.ariaLabel=null,this.offsetDistance=5,this.trigger="click",this.triggerElement=null,this.popperInstance=null,this.isMouseOver=!1,this.onOutsideOverlayClick=t=>{var e;if(null===(e=this.trigger)||void 0===e?void 0:e.includes("manual"))return;let i=!1;const s=t.composedPath();s.length&&(i=!!s.find((t=>t===this)),i||(this.isOpen=!1))},this.onWindowBlurEvent=()=>{var t;(null===(t=this.trigger)||void 0===t?void 0:t.includes("manual"))||this.isOpen&&(this.isOpen=!1)},this.onOutsideOverlayKeydown=t=>$(this,void 0,void 0,(function*(){this.isOpen&&t.code===o.Uz.Escape&&(t.preventDefault(),this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onTriggerElementClicked=()=>{this.toggleOverlay()},this.onTriggerElementKeydown=t=>$(this,void 0,void 0,(function*(){(0,l.o)(t.code)&&(t.preventDefault(),this.toggleOverlay()),t.code===o.Uz.Escape&&this.isOpen&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onFocusInTrigger=()=>{var t;(null===(t=this.trigger)||void 0===t?void 0:t.includes("focus"))&&(this.isOpen=!0)},this.onFocusOutTrigger=()=>{var t;(null===(t=this.trigger)||void 0===t?void 0:t.includes("focus"))&&!this.isMouseOver&&(this.isOpen=!1)},this.onMouseEnteredTriggerOrPopup=t=>{var e;this.isMouseOver=!0,(null===(e=this.trigger)||void 0===e?void 0:e.includes("mouseenter"))&&this.setIsOpenDebounced(!0)},this.onMouseLeaveTriggerOrPopup=t=>{var e;this.isMouseOver=!1,(null===(e=this.trigger)||void 0===e?void 0:e.includes("mouseenter"))&&!this.shouldStayOpenOnTriggerFocus()&&this.setIsOpenDebounced(!1)},this.setIsOpenDebounced=(0,a.sg)((t=>{this.isOpen=t}),100)}static get styles(){return[x.A]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){var t,e,i,s,o;super.disconnectedCallback(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.triggerElement&&((null===(t=this.trigger)||void 0===t?void 0:t.includes("click"))&&(this.triggerElement.removeEventListener("click",this.onTriggerElementClicked),this.triggerElement.removeEventListener("keydown",this.onTriggerElementKeydown)),(null===(e=this.trigger)||void 0===e?void 0:e.includes("mouseenter"))&&(this.triggerElement.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(s=this.popoverContainer)||void 0===s||s.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(o=this.trigger)||void 0===o?void 0:o.includes("focus"))&&(this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.onFocusOutTrigger)))}setupTriggerEvents(){var t,e,i,s,o;this.triggerElement&&((null===(t=this.trigger)||void 0===t?void 0:t.includes("click"))&&(this.triggerElement.addEventListener("click",this.onTriggerElementClicked.bind(this)),this.triggerElement.addEventListener("keydown",this.onTriggerElementKeydown.bind(this))),(null===(e=this.trigger)||void 0===e?void 0:e.includes("mouseenter"))&&(this.triggerElement.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(s=this.popoverContainer)||void 0===s||s.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(o=this.trigger)||void 0===o?void 0:o.includes("focus"))&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.triggerElement.addEventListener("focusout",this.onFocusOutTrigger)))}handleTriggerElementSlotChange(){const t=this.triggerSlot.assignedElements({flatten:!0});this.triggerElement=t.length>0?t[0]:null}onContentSlotChanged(){}shouldStayOpenOnTriggerFocus(){var t;return!!(null===(t=this.trigger)||void 0===t?void 0:t.includes("focus"))&&this.getRootNode().activeElement===this.triggerElement}firstUpdated(t){var e;super.firstUpdated(t),this.handleTriggerElementSlotChange(),this.setupTriggerEvents(),this.popoverContainer&&this.isOpen&&(this.createInstance(),null===(e=this.popoverContainer)||void 0===e||e.setAttribute("data-show",""))}focusInsideOverlay(){var t,e;this.focusableElements&&(this.focusableElements.length>1?null===(t=this.setInitialFocus)||void 0===t||t.call(this,1):this.focusableElements.length&&(null===(e=this.setInitialFocus)||void 0===e||e.call(this)))}focusOnTrigger(){return $(this,void 0,void 0,(function*(){requestAnimationFrame((()=>{var t;(null===(t=this.focusableElements)||void 0===t?void 0:t.length)&&this.focusableElements[0].focus()}))}))}toggleOverlay(){var t;(null===(t=this.triggerElement)||void 0===t?void 0:t.hasAttribute("disabled"))||(this.isOpen=!this.isOpen)}handleCreatePopperFirstUpdate(){return $(this,void 0,void 0,(function*(){var t;this.isOpen&&this.interactive&&(null===(t=this.setFocusableElements)||void 0===t||t.call(this),yield this.updateComplete,this.focusInsideOverlay())}))}createInstance(){this.triggerElement?this.popperInstance=(0,v.createPopper)(this.triggerElement,this.popoverContainer,{onFirstUpdate:()=>{this.isOpen&&this.handleCreatePopperFirstUpdate()},placement:this.placement,modifiers:[...v.defaultModifiers,c(),m(),b(),h(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:t,reference:e})=>"left"===t||"right"===t?[e.height+e.y+this.offsetDistance,C.KC]:[0,this.showArrow?C.KC+this.offsetDistance:this.offsetDistance]}},{name:"arrow",options:{element:this.popoverArrow,padding:C.KC}},{name:"computeStyles",options:{adaptive:!0}}]}):console.warn("No trigger element not creating popper instance")}destroyInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}updated(t){if(super.updated(t),t.has("isOpen")){const e=t.get("isOpen");this.isOpenUpdated(e,this.isOpen)}}isOpenUpdated(t,e){var i,s,o,r,n,a;t!==e&&(e?(this.createInstance(),this.dispatchPopoverIsOpenChanged(e),window.addEventListener("blur",this.onWindowBlurEvent),document.addEventListener("click",this.onOutsideOverlayClick),document.addEventListener("keydown",this.onOutsideOverlayKeydown),this.interactive&&(null===(i=this.activateFocusTrap)||void 0===i||i.call(this)),null===(s=this.triggerElement)||void 0===s||s.setAttribute("aria-expanded","true"),null===(o=this.popoverContainer)||void 0===o||o.setAttribute("data-show","")):(this.destroyInstance(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.dispatchPopoverIsOpenChanged(e),null===(r=this.deactivateFocusTrap)||void 0===r||r.call(this),null===(n=this.triggerElement)||void 0===n||n.removeAttribute("aria-expanded"),null===(a=this.popoverContainer)||void 0===a||a.removeAttribute("data-show")))}dispatchPopoverIsOpenChanged(t){this.dispatchEvent(new CustomEvent("popover-open-changed",{detail:{isOpen:t},composed:!0,bubbles:!0}))}render(){var t;return g.html`
|
|
1757
|
+
<div class="md-popover">
|
|
1758
|
+
<slot name="triggerElement" aria-expanded=${this.isOpen}></slot>
|
|
1759
|
+
<div
|
|
1760
|
+
part="popover"
|
|
1761
|
+
class="popover-container"
|
|
1762
|
+
role=${this.role}
|
|
1763
|
+
aria-modal=${(0,w.ifDefined)(this.interactive?"true":void 0)}
|
|
1764
|
+
aria-label=${(0,w.ifDefined)(null!==(t=this.ariaLabel)&&void 0!==t?t:void 0)}
|
|
1765
|
+
>
|
|
1766
|
+
${this.showClose?g.html`<md-button
|
|
1767
|
+
class="cancel-icon-button"
|
|
1768
|
+
size="20"
|
|
1769
|
+
hasRemoveStyle
|
|
1770
|
+
circle
|
|
1771
|
+
@button-click=${()=>this.isOpen=!1}
|
|
1772
|
+
>
|
|
1773
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1774
|
+
</md-button>`:f.nothing}
|
|
1775
|
+
${this.showArrow?g.html`<div id="arrow" class="popover-arrow"></div>`:f.nothing}
|
|
1776
|
+
<div class="popover-content" part="popover-content">
|
|
1777
|
+
<slot @slotchange=${this.onContentSlotChanged}></slot>
|
|
1778
|
+
</div>
|
|
1779
|
+
</div>
|
|
1780
|
+
</div>
|
|
1781
|
+
`}};S([(0,g.property)({type:String})],e.prototype,"placement",void 0),S([(0,g.property)({type:Boolean,attribute:"is-open"})],e.prototype,"isOpen",void 0),S([(0,g.property)({type:Boolean,attribute:"show-arrow"})],e.prototype,"showArrow",void 0),S([(0,g.property)({type:Boolean,attribute:"show-close"})],e.prototype,"showClose",void 0),S([(0,g.property)({type:Boolean})],e.prototype,"interactive",void 0),S([(0,g.property)({type:String,attribute:"role"})],e.prototype,"role",void 0),S([(0,g.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),S([(0,g.property)({type:Number,attribute:"offset-distance"})],e.prototype,"offsetDistance",void 0),S([(0,g.query)('slot[name="triggerElement"]')],e.prototype,"triggerSlot",void 0),S([(0,g.query)(".popover-container")],e.prototype,"popoverContainer",void 0),S([(0,g.query)(".popover-arrow")],e.prototype,"popoverArrow",void 0),S([(0,g.property)({type:String})],e.prototype,"trigger",void 0),S([(0,g.internalProperty)()],e.prototype,"isMouseOver",void 0),e=S([(0,r.w)("md-popover")],e),t.ELEMENT=e}(s||(s={}))},73093:(t,e,i)=>{i.d(e,{FloatingModal:()=>s}),i(96798),i(61200);var s,o=i(3001),r=i(31890),n=i(26272),a=(i(58088),i(57346),i(69e3),i(20727)),l=i.n(a),d=(i(3288),i(41488)),h=i(40333),p=i(97822),c=(i(58871),i(67330)),u=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)((0,o.TS)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:e}=t;let i=parseFloat(e.getAttribute("data-x"))||0,s=parseFloat(e.getAttribute("data-y"))||0;e.style.setProperty("width",`${t.rect.width}px`,"important"),e.style.setProperty("height",`${t.rect.height}px`,"important");const{initialX:o,initialY:r}=this.getInitialPosition();i+=t.deltaRect.left+o,s+=t.deltaRect.top+r,this.setTargetPosition(e,i,s),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,e;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(e=this.position)||void 0===e?void 0:e.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:e}=t,{x:i,y:s}=this.getTransformValues(t);this.setTargetPosition(e,i,s),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[n.A,c.A]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,e,i,s;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(e=this.position)||void 0===e?void 0:e.x)||Number(null===(i=this.container)||void 0===i?void 0:i.getAttribute("data-y"))!==(null===(s=this.position)||void 0===s?void 0:s.y)}setInitialTargetPosition(){var t,e;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(e=this.position)||void 0===e?void 0:e.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),e=this.container.getAttribute("data-y");return t&&e?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:e}}})),`translate(${t}px, ${e}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame((()=>{return t=this,e=void 0,s=function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()},new((i=void 0)||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}));var t,e,i,s}))}setInteractInstance(){requestAnimationFrame((()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l().modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l().modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})}))}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:e,dx:i,dy:s}=t,{initialX:o,initialY:r}=this.getInitialPosition();return{x:(parseFloat(e.getAttribute("data-x"))||0)+i+o,y:(parseFloat(e.getAttribute("data-y"))||0)+s+r}}setTargetPosition(t,e,i){t.style.transform=`translate(${e}px, ${i}px)`,t.setAttribute("data-x",`${e}`),t.setAttribute("data-y",`${i}`)}destroyInteractInstance(){this.container&&l().isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
|
|
1782
|
+
${this.show?d.html`
|
|
1783
|
+
<div
|
|
1784
|
+
class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"
|
|
1785
|
+
part="floating"
|
|
1786
|
+
role="dialog"
|
|
1787
|
+
aria-label=${(0,p.ifDefined)(this.label||void 0)}
|
|
1788
|
+
aria-modal="true"
|
|
1789
|
+
style=${(0,p.ifDefined)(this.containerRect?`width: ${this.full?"100% !important":`${this.containerRect.width}px !important`};\n height: ${this.full?"100% !important":`${this.containerRect.height}px !important`};\n top: ${this.full?"0 !important":""};\n left: ${this.full?"0 !important":""};\n bottom: ${this.full?"0 !important":""};\n right: ${this.full?"0 !important":""};\n ${this.full?"transform: none !important":""};\n ${this.full?"":`transform: ${this.position?`translate(${this.position.x}px, ${this.position.y}px)`:this.containerTransform} !important`};`:void 0)}
|
|
1790
|
+
>
|
|
1791
|
+
<div class="md-floating__header">
|
|
1792
|
+
<div class="md-floating__header-text">
|
|
1793
|
+
${this.heading?d.html` ${this.heading} `:d.html`
|
|
1794
|
+
${!this.minimize&&this.headerSlot}
|
|
1795
|
+
<slot name="header"></slot>
|
|
1796
|
+
`}
|
|
1797
|
+
</div>
|
|
1798
|
+
${this.minimizable?d.html` <md-button
|
|
1799
|
+
color="color-none"
|
|
1800
|
+
class="md-floating__minimize"
|
|
1801
|
+
ariaLabel="${this.minimizeAriaLabel}"
|
|
1802
|
+
circle
|
|
1803
|
+
@click=${this.handleMinimize}
|
|
1804
|
+
>
|
|
1805
|
+
<md-icon name="minus-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1806
|
+
</md-button>`:h.nothing}
|
|
1807
|
+
${this.minimize?"":d.html` <md-button
|
|
1808
|
+
color="color-none"
|
|
1809
|
+
class="md-floating__resize"
|
|
1810
|
+
ariaLabel="${this.full?this.resizeAriaLabel:this.maximizeScreenLabel}"
|
|
1811
|
+
circle
|
|
1812
|
+
@click=${this.handleToggleExpandCollapse}
|
|
1813
|
+
>
|
|
1814
|
+
<md-icon
|
|
1815
|
+
name=${this.full?"minimize-bold":"maximize-bold"}
|
|
1816
|
+
size="16"
|
|
1817
|
+
iconSet="momentumDesign"
|
|
1818
|
+
></md-icon>
|
|
1819
|
+
</md-button>`}
|
|
1820
|
+
|
|
1821
|
+
<md-button
|
|
1822
|
+
color="color-none"
|
|
1823
|
+
class="md-floating__close"
|
|
1824
|
+
ariaLabel="${this.closeAriaLabel}"
|
|
1825
|
+
circle
|
|
1826
|
+
@click=${this.handleClose}
|
|
1827
|
+
>
|
|
1828
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1829
|
+
</md-button>
|
|
1830
|
+
</div>
|
|
1831
|
+
<div class="md-floating__body" part="floating-body">
|
|
1832
|
+
<slot></slot>
|
|
1833
|
+
</div>
|
|
1834
|
+
</div>
|
|
1835
|
+
${this.minimizable?d.html` <div class="md-floating-min-parent" part="minimize-floating" tabindex="-1">
|
|
1836
|
+
<md-floating-modal-minimized
|
|
1837
|
+
class="float-modal-min"
|
|
1838
|
+
part="floating-minimized"
|
|
1839
|
+
heading=${this.heading}
|
|
1840
|
+
.minimize=${this.minimize}
|
|
1841
|
+
.minPosition=${this.minPosition}
|
|
1842
|
+
@floating-min-modal-minimize=${()=>this.handleMinimize()}
|
|
1843
|
+
@floating-modal-close=${this.handleClose}
|
|
1844
|
+
?show=${this.show}
|
|
1845
|
+
>
|
|
1846
|
+
${this.minimize&&this.headerSlot}
|
|
1847
|
+
</md-floating-modal-minimized>
|
|
1848
|
+
</div>`:h.nothing}
|
|
1849
|
+
`:h.nothing}
|
|
1850
|
+
`}};u([(0,d.property)({type:String})],e.prototype,"heading",void 0),u([(0,d.property)({type:String})],e.prototype,"label",void 0),u([(0,d.property)({type:Boolean,reflect:!0})],e.prototype,"show",void 0),u([(0,d.property)({type:Boolean,reflect:!0,attribute:"aspect-ratio"})],e.prototype,"aspectRatio",void 0),u([(0,d.property)({type:Boolean,reflect:!0,attribute:"fixed-strategy"})],e.prototype,"fixed",void 0),u([(0,d.property)({type:Boolean,reflect:!0,attribute:"full-screen"})],e.prototype,"full",void 0),u([(0,d.property)({type:String,attribute:"close-aria-label"})],e.prototype,"closeAriaLabel",void 0),u([(0,d.property)({type:String,attribute:"resize-aria-label"})],e.prototype,"resizeAriaLabel",void 0),u([(0,d.property)({type:String,attribute:"maximize-aria-label"})],e.prototype,"maximizeScreenLabel",void 0),u([(0,d.property)({type:String,attribute:"minimize-aria-label"})],e.prototype,"minimizeAriaLabel",void 0),u([(0,d.property)({type:Boolean,reflect:!0})],e.prototype,"minimize",void 0),u([(0,d.property)({type:Object})],e.prototype,"position",void 0),u([(0,d.property)({type:Object})],e.prototype,"minPosition",void 0),u([(0,d.property)({type:Boolean,reflect:!0})],e.prototype,"minimizable",void 0),u([(0,d.property)({type:Object})],e.prototype,"containerRect",void 0),u([(0,d.internalProperty)()],e.prototype,"dragOccured",void 0),u([(0,d.query)(".md-floating")],e.prototype,"container",void 0),u([(0,d.query)(".md-floating__body")],e.prototype,"body",void 0),u([(0,d.query)(".md-floating__header")],e.prototype,"header",void 0),u([(0,d.query)(".md-floating-min-parent")],e.prototype,"minimizedHeader",void 0),u([(0,d.query)('slot[name="header"]')],e.prototype,"headerSlot",void 0),e=u([(0,r.w)("md-floating-modal")],e),t.ELEMENT=e}(s||(s={}))},73679:t=>{t.exports=v},74896:(t,e,i)=>{i.d(e,{Alert:()=>s}),i(61200),i(19026);var s,o=i(31890),r=i(26272),n=i(41488),a=i(40333),l=i(23968),d=i(62798),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.closable=!1,this.message="",this.show=!1,this.internalClose=!0,this.title="",this.btnlabel="Close",this.type="default",this.inline=!1,this.newMomentum=!1,this.primaryButton="",this.primaryButtonVariant="primary",this.primaryButtonColor="",this.secondaryButton="",this.link=!1,this.showMore=!1,this.href="",this.hasFooterSlotContent=!1,this.renderIconTemplate=()=>{switch(this.type){case"error":return n.html`
|
|
1851
|
+
<md-icon
|
|
1852
|
+
name="error-legacy-bold"
|
|
1853
|
+
size="${this.newMomentum?24:32}"
|
|
1854
|
+
iconSet="momentumDesign"
|
|
1855
|
+
color="var(--md-alert-error-text-color, red)"
|
|
1856
|
+
></md-icon>
|
|
1857
|
+
`;case"info":return n.html`
|
|
1858
|
+
<md-icon
|
|
1859
|
+
name="info-circle-bold"
|
|
1860
|
+
size="${this.newMomentum?24:32}"
|
|
1861
|
+
iconSet="momentumDesign"
|
|
1862
|
+
color="var(--md-alert-info-text-color, blue)"
|
|
1863
|
+
></md-icon>
|
|
1864
|
+
`;case"success":return n.html`
|
|
1865
|
+
<md-icon
|
|
1866
|
+
name="check-circle-bold"
|
|
1867
|
+
size="${this.newMomentum?24:32}"
|
|
1868
|
+
iconSet="momentumDesign"
|
|
1869
|
+
color="var(--md-alert-success-text-color, green)"
|
|
1870
|
+
></md-icon>
|
|
1871
|
+
`;case"warn":case"warning":return n.html`
|
|
1872
|
+
<md-icon
|
|
1873
|
+
name="warning-bold"
|
|
1874
|
+
size="${this.newMomentum?24:32}"
|
|
1875
|
+
iconSet="momentumDesign"
|
|
1876
|
+
color="var(--md-alert-warning-text-color, orange)"
|
|
1877
|
+
></md-icon>
|
|
1878
|
+
`;case"message":return n.html`
|
|
1879
|
+
<md-icon
|
|
1880
|
+
name="chat-bold"
|
|
1881
|
+
size="${this.newMomentum?24:32}"
|
|
1882
|
+
iconSet="momentumDesign"
|
|
1883
|
+
color="var(--alert-title-text-color)"
|
|
1884
|
+
></md-icon>
|
|
1885
|
+
`;case"loading":return n.html`<md-spinner size="24"></md-spinner>`;default:return n.html` <slot name="alert-icon"></slot> `}}}connectedCallback(){super.connectedCallback(),this.updateFooterSlotInUse()}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[r.A,d.A]}get alertClassMap(){return{[`md-alert--${this.type}`]:!!this.type,"md-alert__inline":this.inline}}get slottedFooterClassMap(){return{"is-empty":!this.hasFooterSlotContent}}legacyRender(){return n.html`
|
|
1886
|
+
<div role="alert" aria-live="polite" part="alert" class="md-alert ${(0,l.classMap)(this.alertClassMap)}">
|
|
1887
|
+
<div class="md-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
|
|
1888
|
+
<div part="content" class="md-alert__content">
|
|
1889
|
+
${this.title&&""!==this.title?n.html` <div class="md-alert__title" role="heading" aria-level="1">${this.title}</div> `:a.nothing}
|
|
1890
|
+
<div class="md-alert__message">
|
|
1891
|
+
${this.message}
|
|
1892
|
+
<slot name="alert-body"></slot>
|
|
1893
|
+
</div>
|
|
1894
|
+
</div>
|
|
1895
|
+
${this.closable?n.html`
|
|
1896
|
+
<div class="md-alert__button">
|
|
1897
|
+
<md-button
|
|
1898
|
+
ariaLabel="${this.btnlabel}"
|
|
1899
|
+
hasRemoveStyle
|
|
1900
|
+
color="color-none"
|
|
1901
|
+
circle
|
|
1902
|
+
@click="${()=>this.close()}"
|
|
1903
|
+
>
|
|
1904
|
+
<md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
|
|
1905
|
+
</md-button>
|
|
1906
|
+
</div>
|
|
1907
|
+
`:n.html`
|
|
1908
|
+
<div class="md-alert__footer">
|
|
1909
|
+
<slot name="alert-footer"></slot>
|
|
1910
|
+
</div>
|
|
1911
|
+
`}
|
|
1912
|
+
</div>
|
|
1913
|
+
`}renderNewAlertDefaultFooter(){return n.html`
|
|
1914
|
+
<div class="md-new-alert__footer">
|
|
1915
|
+
${this.link?n.html`
|
|
1916
|
+
<md-link href="${this.href}">
|
|
1917
|
+
<span class="md-new-alert__link"
|
|
1918
|
+
>Link
|
|
1919
|
+
<md-icon
|
|
1920
|
+
name="pop-out-bold"
|
|
1921
|
+
size="16"
|
|
1922
|
+
iconSet="momentumDesign"
|
|
1923
|
+
color="var(--md-alert-info-text-color, blue)"
|
|
1924
|
+
>
|
|
1925
|
+
</md-icon>
|
|
1926
|
+
</span>
|
|
1927
|
+
</md-link>
|
|
1928
|
+
`:a.nothing}
|
|
1929
|
+
${this.secondaryButton?n.html` <md-button variant="secondary" .clickFunction="${this.secondaryButtonClickFunction}">
|
|
1930
|
+
${this.secondaryButton}
|
|
1931
|
+
</md-button>`:a.nothing}
|
|
1932
|
+
${this.primaryButton?n.html`<md-button
|
|
1933
|
+
variant=${this.primaryButtonVariant}
|
|
1934
|
+
color=${this.primaryButtonColor}
|
|
1935
|
+
.clickFunction="${this.primaryButtonClickFunction}"
|
|
1936
|
+
>
|
|
1937
|
+
${this.primaryButton}
|
|
1938
|
+
</md-button>`:a.nothing}
|
|
1939
|
+
</div>
|
|
1940
|
+
`}handleSlotContentChange(t){this.updateFooterSlotInUse()}updateFooterSlotInUse(){var t;this.hasFooterSlotContent=(null===(t=this.alertFooterSlot)||void 0===t?void 0:t.assignedNodes().length)>0}renderSlottedFooter(){return n.html` <div class="md-new-alert__footer ${(0,l.classMap)(this.slottedFooterClassMap)}">
|
|
1941
|
+
<slot name="alert-footer" @slotchange=${this.handleSlotContentChange}></slot>
|
|
1942
|
+
</div>`}newRender(){return n.html`
|
|
1943
|
+
<div role="alert" aria-live="polite" part="alert" class="md-new-alert ${(0,l.classMap)(this.alertClassMap)}">
|
|
1944
|
+
<div class="md-new-alert__body">
|
|
1945
|
+
<div class="md-new-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
|
|
1946
|
+
<div part="content" class="md-new-alert__content">
|
|
1947
|
+
${this.title&&""!==this.title?n.html` <div class="md-new-alert__title" role="heading" aria-level="1">${this.title}</div> `:a.nothing}
|
|
1948
|
+
<div class="md-new-alert__message" title="${this.message}">
|
|
1949
|
+
${this.message}
|
|
1950
|
+
<slot name="alert-body"></slot>
|
|
1951
|
+
${this.showMore?n.html`<md-link href=${this.href} inline>Show more...</md-link>`:a.nothing}
|
|
1952
|
+
</div>
|
|
1953
|
+
</div>
|
|
1954
|
+
${this.closable?n.html`
|
|
1955
|
+
<div class="md-new-alert__button">
|
|
1956
|
+
<md-button
|
|
1957
|
+
ariaLabel="${this.btnlabel}"
|
|
1958
|
+
hasRemoveStyle
|
|
1959
|
+
color="color-none"
|
|
1960
|
+
circle
|
|
1961
|
+
@click="${()=>this.close()}"
|
|
1962
|
+
>
|
|
1963
|
+
<md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1964
|
+
</md-button>
|
|
1965
|
+
</div>
|
|
1966
|
+
`:a.nothing}
|
|
1967
|
+
</div>
|
|
1968
|
+
${this.primaryButton||this.secondaryButton||this.link?this.renderNewAlertDefaultFooter():this.renderSlottedFooter()}
|
|
1969
|
+
</div>
|
|
1970
|
+
`}get alertRender(){return this.newMomentum?this.newRender():this.legacyRender()}render(){return n.html` ${this.show?this.alertRender:a.nothing} `}};h([(0,n.property)({type:Boolean})],e.prototype,"closable",void 0),h([(0,n.property)({type:String})],e.prototype,"message",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"show",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"internalClose",void 0),h([(0,n.property)({type:String})],e.prototype,"title",void 0),h([(0,n.property)({type:String})],e.prototype,"btnlabel",void 0),h([(0,n.property)({type:String})],e.prototype,"type",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"inline",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"newMomentum",void 0),h([(0,n.property)({type:String})],e.prototype,"primaryButton",void 0),h([(0,n.property)({type:String})],e.prototype,"primaryButtonVariant",void 0),h([(0,n.property)({type:String})],e.prototype,"primaryButtonColor",void 0),h([(0,n.property)()],e.prototype,"primaryButtonClickFunction",void 0),h([(0,n.property)({type:String})],e.prototype,"secondaryButton",void 0),h([(0,n.property)()],e.prototype,"secondaryButtonClickFunction",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"link",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"showMore",void 0),h([(0,n.property)({type:String})],e.prototype,"href",void 0),h([(0,n.query)('slot[name="alert-footer"]')],e.prototype,"alertFooterSlot",void 0),h([(0,n.internalProperty)()],e.prototype,"hasFooterSlotContent",void 0),e=h([(0,o.w)("md-alert")],e),t.ELEMENT=e}(s||(s={}))},77935:(t,e,i)=>{i.d(e,{TableAdvanced:()=>g}),i(96798),i(61200),i(11323);var s=i(31890),o=i(28373),r=i(26272),n=i(41488),a=i(40333),l=i(23968),d=i(97822),h=i(3527),p=i(28187),c=i.n(p),u=i(87421),m=i(56076),y=i(21796),b=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const v=document.createElement("img");var g;v.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",function(t){let e=class extends((0,o.d)(n.LitElement)){constructor(){super(...arguments),this.isRowFocusable="true",this.error="",this.COLS=[],this.ROWS=[],this.updCols=()=>this.requestUpdate("COLS"),this.updRows=()=>this.requestUpdate("ROWS"),this.dragRow=-1,this.dropRow=-1,this.drops=[],this.dragRowElem=null,this.dragCol=-1,this.dropCol=-1,this.isResizing=!1,this.isSelectable=!1,this.selected={},this.expandedRowIdx={},this.dragover=t=>t.preventDefault(),this.eX=0,this.onResize=(t,e)=>{var i;if(-1!=this.dragCol||-1!=this.dragRow)return;this.isResizing=!0;const s=t.target;null===(i=t.dataTransfer)||void 0===i||i.setDragImage(v,0,0);const o=this.COLS.map((t=>this.shadowRoot.querySelector(`th.col-index-${t.index}`)));this.COLS.forEach(((t,e)=>t.width=o[e].offsetWidth+"px")),this.updCols();const r=t.x;this.eX=t.x;let n=-1,a=-1,l=-1;const d=this.COLS[e.index-1],h=o[e.index],p=o[e.index-1],c=h.offsetWidth,u=p.offsetWidth,m=()=>{const t=this.eX;if(n!=t&&0!=t){n=t;const i=n-r;a=c-i,l=u+i,e.width=a+"px",d.width=l+"px",this.updCols()}},y=t=>this.eX=t.x,b=()=>{this.isResizing=!1,s.removeEventListener("drag",m),s.removeEventListener("dragend",b),document.removeEventListener("dragover",y)};s.addEventListener("drag",m),s.addEventListener("dragend",b),document.addEventListener("dragover",y)}}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("dragover",this.dragover)}connectedCallback(){super.connectedCallback(),document.addEventListener("dragover",this.dragover),this.updateTableConfig(),this.updateTableData(),this.populateTable()}update(t){super.update(t),t.has("data")&&(this.updateTableData(),this.updateDataInTable())}updateTableData(){if("string"==typeof this.data)try{this.tableData=JSON.parse(this.data)}catch(t){console.error("[INVALID_JSON_FORMAT] Please recheck the config json")}else this.tableData=Object.assign({},this.data)}updateTableConfig(){if("string"==typeof this.config)try{this.tableConfig=JSON.parse(this.config)}catch(t){console.error("[INVALID_JSON_FORMAT] Please recheck the data json")}else this.tableConfig=Object.assign({},this.config)}populateColumns(){var t;let e=0;const i=(t,i)=>{var s,o,r,n;const a=t.filters||(null===(o=null===(s=this.tableConfig.default)||void 0===s?void 0:s.col)||void 0===o?void 0:o.filters),l=a?"forString"==a?y.d.optionsString:"forNumber"==a?y.d.optionsNumber:a.length?a:null:null;this.COLS.push({options:Object.assign({},t),index:e++,group:i,sort:"default",sorter:t.sorter||(null===(n=null===(r=this.tableConfig.default)||void 0===r?void 0:r.col)||void 0===n?void 0:n.sorter),isCollapsable:this.tableConfig.cols.collapse==t.id,filter:l?{list:l,selectedIndex:0,input:"",active:!1,menuVisible:!1}:void 0})};this.tableConfig.cols.define.forEach((t=>{"children"in t?t.children.forEach((e=>i(e,{name:t.groupName,length:t.children.length}))):i(t)})),this.isSelectable=!!this.tableConfig.rows&&"none"!=(null===(t=this.tableConfig.rows)||void 0===t?void 0:t.selectable)}populateData(){const t=this.COLS.length;if("csv"in this.tableData){const t=c().parse(this.tableData.csv,{skipEmptyLines:!0,transform:t=>t.trim()});if(t.errors)return void(this.error="PARSE ERROR:\n"+JSON.stringify(t.errors,null,2));{const e=t.data;this.ROWS=e.map((t=>t.map((t=>({text:t})))))}}else if("list2d"in this.tableData)this.ROWS=this.tableData.list2d.map((t=>t.map((t=>({text:t})))));else{for(;this.tableData.list.length>t;)this.ROWS.push(this.tableData.list.splice(0,t).map((t=>({text:t}))));0!=this.tableData.list.length&&this.ROWS.push(this.tableData.list.map((t=>({text:t}))))}0!=this.ROWS.length||(this.error="DATA ERROR: Data is empty")}validateData(){const t=this.COLS.length;this.ROWS.reduce(((t,e)=>t+e.length),0)%t==0?this.ROWS.forEach(((e,i)=>{const s=e.length;s!=t&&(this.error=`DATA ERROR: Total number of cols (=${t}) and data[${i}] length (=${s}) mismatch`)})):this.error=this.error="DATA ERROR: Data length mismatch. You must provide (numberOfRows * numberOfColumns) amount of data values."}populateTemplate(){const t=this.tableConfig.cellTemplates,e=Object.keys(t||{});t&&e.length&&this.ROWS.forEach(((e,i)=>{e.forEach(((e,s)=>{for(const o in t){const r=e.text.indexOf(o);if(-1!=r){const n=t[o],a=this.querySelector(`#${n.templateName}`);if(null==a){console.warn(`cellTemplates["${o}"]: Missing '${n.templateName}' template.`);continue}let l=e.text.replace(o,"");n.contentCb&&(l=n.contentCb({col:s,row:i,content:l,insertIndex:r})),this.ROWS[i][s]={text:l,template:{template:a,templateCb:n.templateCb,insertIndex:"replace"==n.contentUse?-1:r}};break}}}))}))}setDefaultFilterAndSort(){var t,e;const i=null===(t=this.tableConfig.default)||void 0===t?void 0:t.sort;if(i){const t=this.COLS.find((t=>t.options.id==i.colId));t?this.sort(t,i.order):console.warn(`Cant find ${i.colId} col - for sorting`)}const s=null===(e=this.tableConfig.default)||void 0===e?void 0:e.filter;if(s){const t=this.COLS.find((t=>t.options.id==s.colId));t?t.filter?(t.filter.selectedIndex=s.selectedIndex,t.filter.input=s.input,this.updCols(),this.filter(t)):console.warn(`Cant find filters on ${s.colId} col`):console.warn(`Cant find ${s.colId} col - for filtering`)}}populateTable(){this.populateColumns(),this.populateData(),this.validateData(),this.setDefaultFilterAndSort(),this.populateTemplate()}updateDataInTable(){this.populateData(),this.validateData(),this.populateTemplate()}onDropRow(){this.dragRow!=this.dropRow&&this.drops.push([this.dragRow,this.dropRow]),this.dragRow=-1,this.dropRow=-1,this.dragRowElem&&(this.dragRowElem.setAttribute("draggable","false"),this.dragRowElem=null)}onDropCol(){if(this.dragCol!=this.dropCol){const t=this.COLS[this.dragCol],e=this.COLS[this.dropCol],i=t.group,s=e.group,o=t.index,r=e.index;t.group=s,e.group=i,t.index=r,e.index=o,this.COLS[this.dragCol]=e,this.COLS[this.dropCol]=t,this.ROWS.forEach((t=>{const e=t[this.dragCol],i=t[this.dropCol];t[this.dragCol]=i,t[this.dropCol]=e})),this.updCols(),this.updRows()}this.dragCol=-1,this.dropCol=-1}sort(t,e){t.sorter&&(this.clearSelection(),this.drops=[],this.COLS.forEach((i=>{i.options.id==t.options.id?i.sort=e||("default"==i.sort?"ascending":"ascending"==i.sort?"descending":"default"):i.sort="default"})),this.updCols(),this.requestUpdate(),this["md-table-advanced-change"].emit({type:"sort",order:t.sort}))}filter(t){if(!t.filter)return;this.clearSelection(),this.drops=[];const e=t.filter.input.trim(),i=t.filter.list[t.filter.selectedIndex];t.filter.active=!!e,this.requestUpdate(),e?this["md-table-advanced-change"].emit({type:"filter-on",filter:i,input:e}):this["md-table-advanced-change"].emit({type:"filter-off",filter:t.filter.list[t.filter.selectedIndex]})}selectRow(t){var e;const i=t.row.idx,s=Object.prototype.hasOwnProperty.call(this.selected,i);"multiple"==(null===(e=this.tableConfig.rows)||void 0===e?void 0:e.selectable)?(t.metaKey?s?delete this.selected[i]:this.selected[i]=!0:t.shiftKey||(this.selected={[i]:!0}),this["md-table-advanced-change"].emit({type:"multi-select",rows:Object.keys(this.selected).map((t=>+t))})):s?this.clearSelection():(this.selected={[i]:!0},this["md-table-advanced-change"].emit({type:"select",index:i})),this.requestUpdate("selected")}clearSelection(){this.selected={},this.requestUpdate("selected")}collapseToggle(t,e){t.stopPropagation(),this.expandedRowIdx[e]?(delete this.expandedRowIdx[e],this["md-table-advanced-change"].emit({type:"collapse",row:e})):(this.expandedRowIdx[e]=!0,this["md-table-advanced-change"].emit({type:"expand",row:e})),this.clearSelection(),this.requestUpdate()}render(){if(this.error)return n.html` <div>${this.error}</div> `;const{head:t}=this.tableConfig,e=(0,l.classMap)({"sticky-header":!!this.tableConfig.isStickyHeader});return n.html`
|
|
1971
|
+
<div class="md-table-advanced">
|
|
1972
|
+
<slot></slot>
|
|
1973
|
+
<table class=${e} summary=${(0,d.ifDefined)(null==t?void 0:t.summary)}>
|
|
1974
|
+
${(null==t?void 0:t.caption)?n.html`
|
|
1975
|
+
<caption>
|
|
1976
|
+
${null==t?void 0:t.caption}
|
|
1977
|
+
${(null==t?void 0:t.tableDescription)?n.html` <span style="position: absolute; top: -30em">${null==t?void 0:t.tableDescription}</span> `:a.nothing}
|
|
1978
|
+
</caption>
|
|
1979
|
+
`:(null==t?void 0:t.tableDescription)?n.html`
|
|
1980
|
+
<caption>
|
|
1981
|
+
<span style="position: absolute; top: -30em">${null==t?void 0:t.tableDescription}</span>
|
|
1982
|
+
</caption>
|
|
1983
|
+
`:a.nothing}
|
|
1984
|
+
${this.renderHead()} ${this.renderBody()}
|
|
1985
|
+
</table>
|
|
1986
|
+
</div>
|
|
1987
|
+
`}ariaSortOrder(t){return"ascending"===t||"descending"===t?t:"none"}renderHead(){let t=a.nothing;const e=this.COLS.reduce(((t,e)=>!!e.group||t),!1);if(e){let e="";t=n.html`
|
|
1988
|
+
${this.COLS.map((t=>t.group?e!=t.group.name?(e=t.group.name,n.html` <colgroup span=${t.group.length}></colgroup> `):void 0:n.html` <col /> `))}
|
|
1989
|
+
<tr tabindex="0">
|
|
1990
|
+
${this.COLS.map((t=>t.group?e!=t.group.name?(e=t.group.name,n.html`
|
|
1991
|
+
<th colspan=${t.group.length} scope="colgroup" title="${t.group.name}">
|
|
1992
|
+
<div class="head-inner-cell">
|
|
1993
|
+
<span>${t.group.name}</span>
|
|
1994
|
+
${this.renderColResize(t)}
|
|
1995
|
+
</div>
|
|
1996
|
+
</th>
|
|
1997
|
+
`):void 0:this.renderCol(t,2)))}
|
|
1998
|
+
</tr>
|
|
1999
|
+
`}const i=n.html`
|
|
2000
|
+
<tr tabindex="0">
|
|
2001
|
+
${this.COLS.map((t=>e?t.group?this.renderCol(t):void 0:this.renderCol(t)))}
|
|
2002
|
+
</tr>
|
|
2003
|
+
`;return n.html`
|
|
2004
|
+
<thead>
|
|
2005
|
+
${t} ${i}
|
|
2006
|
+
</thead>
|
|
2007
|
+
`}sortIconTemplate(t){return"ascending"===t?n.html`<md-icon name="sort-descending-bold" size="16" iconSet="momentumDesign"></md-icon>`:"descending"===t?n.html`<md-icon name="sort-ascending-bold" size="16" iconSet="momentumDesign"></md-icon>`:n.html`<md-icon name="unsorted-bold" size="16" iconSet="momentumDesign"></md-icon>`}renderCol(t,e){var i,s;const o=null===(s=null===(i=t.filter)||void 0===i?void 0:i.list[t.filter.selectedIndex])||void 0===s?void 0:s.input,r=(0,l.classMap)({ascending:"ascending"==t.sort,descending:"descending"==t.sort});return n.html`
|
|
2008
|
+
<th
|
|
2009
|
+
rowspan=${(0,d.ifDefined)(e)}
|
|
2010
|
+
width=${(0,d.ifDefined)(t.width?t.width:t.options.width)}
|
|
2011
|
+
scope="col"
|
|
2012
|
+
part="head-col"
|
|
2013
|
+
aria-sort=${this.ariaSortOrder(t.sort)}
|
|
2014
|
+
title="${t.options.title}"
|
|
2015
|
+
class=${"col-index-"+t.index}
|
|
2016
|
+
>
|
|
2017
|
+
<!-- DRAG -->
|
|
2018
|
+
${this.renderColDrag(t)}
|
|
2019
|
+
|
|
2020
|
+
<div class="head-inner-cell">
|
|
2021
|
+
<!-- SORT -->
|
|
2022
|
+
${t.sorter?n.html`
|
|
2023
|
+
<button class="sortable ${r}" @click=${()=>this.sort(t)}>
|
|
2024
|
+
${t.options.title} ${this.sortIconTemplate(t.sort)}
|
|
2025
|
+
</button>
|
|
2026
|
+
`:n.html` <span>${t.options.title}</span> `}
|
|
2027
|
+
|
|
2028
|
+
<!-- FILTER -->
|
|
2029
|
+
${t.filter?n.html`
|
|
2030
|
+
<div class="filter-wrap">
|
|
2031
|
+
${t.filter.active?n.html`
|
|
2032
|
+
<md-icon
|
|
2033
|
+
class="filter-active"
|
|
2034
|
+
name="filter-bold"
|
|
2035
|
+
size="16"
|
|
2036
|
+
iconSet="momentumDesign"
|
|
2037
|
+
></md-icon>
|
|
2038
|
+
`:a.nothing}
|
|
2039
|
+
<md-menu-overlay placement="bottom" class="filter" custom-width="188px">
|
|
2040
|
+
<md-button class="filter-icon" slot="menu-trigger" color="color-none" size="size-none">
|
|
2041
|
+
<md-icon slot="icon" name="filter-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
2042
|
+
</md-button>
|
|
2043
|
+
<div class="filter-menu" style="width: 100%;">
|
|
2044
|
+
<select
|
|
2045
|
+
name="filter-type"
|
|
2046
|
+
@change=${e=>{t.filter.selectedIndex=e.target.value,this.updCols(),this.filter(t)}}
|
|
2047
|
+
>
|
|
2048
|
+
${t.filter.list.map(((e,i)=>n.html`
|
|
2049
|
+
<option value=${i} ?selected=${t.filter.selectedIndex==i}>${e.label}</option>
|
|
2050
|
+
`))}
|
|
2051
|
+
</select>
|
|
2052
|
+
<input
|
|
2053
|
+
type="text"
|
|
2054
|
+
placeholder=${o.placeholder}
|
|
2055
|
+
maxlength=${(0,d.ifDefined)(o.maxlength)}
|
|
2056
|
+
pattern=${(0,d.ifDefined)(o.pattern)}
|
|
2057
|
+
.value=${t.filter.input}
|
|
2058
|
+
@input=${e=>{t.filter.input=e.target.value,this.updCols(),this.filter(t)}}
|
|
2059
|
+
/>
|
|
2060
|
+
</div>
|
|
2061
|
+
</md-menu-overlay>
|
|
2062
|
+
</div>
|
|
2063
|
+
`:a.nothing}
|
|
2064
|
+
|
|
2065
|
+
<!-- RESIZE -->
|
|
2066
|
+
${this.renderColResize(t)}
|
|
2067
|
+
</div>
|
|
2068
|
+
</th>
|
|
2069
|
+
`}renderColDrag(t){return this.tableConfig.cols.isDraggable?n.html`
|
|
2070
|
+
<div
|
|
2071
|
+
draggable="true"
|
|
2072
|
+
class="drag-area-col ${(0,l.classMap)({drag:-1!=this.dragCol,over:this.dropCol==t.index&&this.dropCol!=this.dragCol})}"
|
|
2073
|
+
@dragstart=${e=>{this.isResizing||-1!=this.dragRow||(this.dragCol=t.index,e.dataTransfer.setDragImage(e.target.parentNode,0,0))}}
|
|
2074
|
+
@dragenter=${()=>{this.isResizing||-1!=this.dragRow||(this.dropCol=t.index)}}
|
|
2075
|
+
@dragend=${()=>this.onDropCol()}
|
|
2076
|
+
></div>
|
|
2077
|
+
`:a.nothing}renderColResize(t){return this.tableConfig.cols.isResizable?n.html`
|
|
2078
|
+
${t.index>0?n.html`
|
|
2079
|
+
<div class="resize" draggable="true" @dragstart=${e=>this.onResize(e,t)}></div>
|
|
2080
|
+
`:a.nothing}
|
|
2081
|
+
`:a.nothing}renderBody(){let t=this.ROWS.map(((t,e)=>({cells:t,idx:e,idxDrag:e,collapse:"none",first:0===e,isGhost:!1,children:[]})));const e=this.COLS.length;t=t.filter((t=>{var i;for(let s=0;s<e;s++){const e=this.COLS[s];if((null===(i=e.filter)||void 0===i?void 0:i.active)&&!e.filter.list[e.filter.selectedIndex].predicate(t.cells[s].text,e.filter.input))return!1}return!0}));const i=this.COLS.find((t=>"default"!=t.sort));if(i){const e=this.ROWS.map(((t,e)=>({v:t[i.index].text,i:e}))),s="ascending"==i.sort?1:-1;let o=[];if("byNumber"==i.sorter)o=e.sort(((t,e)=>1==s?+t.v-+e.v:+e.v-+t.v));else if("byString"==i.sorter)o=e.sort(((t,e)=>t.v==e.v?0:t.v>e.v?s:-s));else if("function"==typeof i.sorter){const t=i.sorter;o=e.sort(((e,i)=>t(e.v,i.v,s)))}t=o.map((e=>t[e.i]))}const s=this.COLS.find((t=>t.isCollapsable));if(s){const e=s.index,i=t.reduce(((t,i)=>{const s=i.cells[e].text,o=t.find((t=>t.key==s));return o?(i.collapse="child",o.children.push(i)):t.push({key:s,root:i,children:[]}),t}),[]);t=[],i.forEach((e=>{t.push(e.root),e.root.collapse=0==e.children.length?"none":this.expandedRowIdx[e.root.idx]?"expanded":"collapsed",e.root.children=e.children}))}return this.drops.forEach((({0:e,1:i})=>{t.splice(i,0,t.splice(e,1)[0])})),t.forEach(((t,e)=>t.idxDrag=e)),-1!=this.dragRow&&(t[this.dragRow].isGhost=!0,-1!=this.dropRow&&t.splice(this.dropRow,0,t.splice(this.dragRow,1)[0])),n.html`
|
|
2082
|
+
<tbody>
|
|
2083
|
+
${t.map((e=>{const i=t.length,s=e.children.length>0&&"expanded"==e.collapse&&!e.isGhost;return n.html`
|
|
2084
|
+
${this.renderRow(e,i)} ${s?e.children.map((t=>this.renderRow(t,i))):a.nothing}
|
|
2085
|
+
`}))}
|
|
2086
|
+
</tbody>
|
|
2087
|
+
`}renderRow(t,e){const i=Object.prototype.hasOwnProperty.call(this.selected,t.idx),s=(0,l.classMap)({selected:i,selectable:this.isSelectable&&!i,ghost:t.isGhost});return n.html`
|
|
2088
|
+
<tr
|
|
2089
|
+
class=${s}
|
|
2090
|
+
tabindex=${(0,d.ifDefined)("true"===this.isRowFocusable?"0":void 0)}
|
|
2091
|
+
part=${t.first?"first-row":"row"}
|
|
2092
|
+
@click=${({shiftKey:e,metaKey:i})=>{this.isSelectable&&this.selectRow({row:t,shiftKey:e,metaKey:i})}}
|
|
2093
|
+
>
|
|
2094
|
+
${t.cells.map(((i,s)=>{var o;const r=this.COLS[s];let l=i.text;const d=i.template;d&&(l=d.templateCb?n.html`
|
|
2095
|
+
${(0,m.qQ)({cb:d.templateCb,insertIndex:d.insertIndex,template:d.template,content:i.text,row:t.idx,col:s})}
|
|
2096
|
+
`:n.html` ${(0,h.templateContent)(d.template)} `,-1!=d.insertIndex&&(l=n.html`
|
|
2097
|
+
${d.insertIndex>0?i.text.substring(0,d.insertIndex):a.nothing} ${l}
|
|
2098
|
+
${d.insertIndex<i.text.length-1?i.text.substring(d.insertIndex):a.nothing}
|
|
2099
|
+
`));const p=(null===(o=this.tableConfig.rows)||void 0===o?void 0:o.isDraggable)&&"child"!=t.collapse,c=p&&-1!=this.dragRow&&this.dragRow!=t.idxDrag,u=p&&0==s,y=n.html`
|
|
2100
|
+
<div
|
|
2101
|
+
class="inner-cell"
|
|
2102
|
+
draggable="false"
|
|
2103
|
+
@dragstart=${()=>{this.isResizing||-1!=this.dragCol||(this.dragRow=t.idxDrag)}}
|
|
2104
|
+
@dragend=${()=>this.onDropRow()}
|
|
2105
|
+
>
|
|
2106
|
+
${c?n.html`
|
|
2107
|
+
<div
|
|
2108
|
+
class="drag-area top"
|
|
2109
|
+
@dragenter=${()=>{if(0==this.dragRow){const e=t.idxDrag-1;this.dropRow=e>=0?e:0}else this.dropRow=t.idxDrag}}
|
|
2110
|
+
></div>
|
|
2111
|
+
<div
|
|
2112
|
+
class="drag-area bottom"
|
|
2113
|
+
@dragenter=${()=>{if(0==this.dragRow)this.dropRow=t.idxDrag;else{const i=t.idxDrag+1;this.dropRow=i<e?i:e-1}}}
|
|
2114
|
+
></div>
|
|
2115
|
+
`:a.nothing}
|
|
2116
|
+
${u?n.html`
|
|
2117
|
+
<md-icon
|
|
2118
|
+
class="drag-handle"
|
|
2119
|
+
@mousedown=${t=>{this.isResizing||-1!=this.dragCol||(this.dragRowElem=t.target.parentNode,this.dragRowElem.setAttribute("draggable","true"))}}
|
|
2120
|
+
name="dragger-vertical-bold"
|
|
2121
|
+
size="16"
|
|
2122
|
+
iconSet="momentumDesign"
|
|
2123
|
+
>
|
|
2124
|
+
</md-icon>
|
|
2125
|
+
`:a.nothing}
|
|
2126
|
+
${r.isCollapsable?n.html`
|
|
2127
|
+
${"expanded"==t.collapse||"collapsed"==t.collapse?n.html`
|
|
2128
|
+
<button class="row-collapsible" @click=${e=>this.collapseToggle(e,t.idx)}>
|
|
2129
|
+
${"collapsed"==t.collapse?n.html` <md-icon name="plus-bold" size="12" iconSet="momentumDesign"></md-icon> `:n.html` <md-icon name="minus-bold" size="12" iconSet="momentumDesign"></md-icon> `}
|
|
2130
|
+
</button>
|
|
2131
|
+
`:a.nothing}
|
|
2132
|
+
<span>${"child"==t.collapse?a.nothing:l}</span>
|
|
2133
|
+
`:n.html` <span>${l}</span> `}
|
|
2134
|
+
</div>
|
|
2135
|
+
`;return r.options.isHeader?n.html` <th part="cell-ishead" scope="row" title="${i.text}">${y}</th> `:n.html` <td part=${0===s?"first-cell":"cell"} title="${i.text}">${y}</td> `}))}
|
|
2136
|
+
</tr>
|
|
2137
|
+
`}static get styles(){return[r.A,u.A]}};b([(0,n.property)({attribute:"config"})],e.prototype,"config",void 0),b([(0,n.property)({attribute:"data"})],e.prototype,"data",void 0),b([(0,n.property)({type:String})],e.prototype,"isRowFocusable",void 0),b([(0,m.Wj)()],e.prototype,"md-table-advanced-change",void 0),b([(0,n.internalProperty)()],e.prototype,"tableConfig",void 0),b([(0,n.internalProperty)()],e.prototype,"tableData",void 0),b([(0,n.internalProperty)()],e.prototype,"error",void 0),b([(0,n.internalProperty)()],e.prototype,"COLS",void 0),b([(0,n.internalProperty)()],e.prototype,"ROWS",void 0),b([(0,n.internalProperty)()],e.prototype,"dragRow",void 0),b([(0,n.internalProperty)()],e.prototype,"dropRow",void 0),b([(0,n.internalProperty)()],e.prototype,"drops",void 0),b([(0,n.internalProperty)()],e.prototype,"dragCol",void 0),b([(0,n.internalProperty)()],e.prototype,"dropCol",void 0),b([(0,n.queryAll)("tr[tabindex]")],e.prototype,"tableRaws",void 0),b([(0,m.sg)(500)],e.prototype,"filter",null),e=b([(0,s.w)("md-table-advanced")],e),t.ELEMENT=e}(g||(g={}))},80072:(t,e,i)=>{i.d(e,{Draggable:()=>s});var s,o=i(41488),r=i(41891),n=i.n(r),a=i(26272),l=i(6979),d=i(66677),h=i(3001),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,h.TS)(o.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=(0,d.sg)((t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)}),100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[a.A,l.A]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=n().create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return o.html`
|
|
2138
|
+
<div class="md-draggable" part="draggable" aria-disabled=${this.disabled}>
|
|
2139
|
+
<slot name="draggable-item"></slot>
|
|
2140
|
+
</div>
|
|
2141
|
+
`}};p([(0,o.property)({type:Number})],e.prototype,"delay",void 0),p([(0,o.property)({type:Number})],e.prototype,"animation",void 0),p([(0,o.property)({type:String})],e.prototype,"handle",void 0),p([(0,o.property)({type:String})],e.prototype,"filter",void 0),p([(0,o.property)({type:String})],e.prototype,"easing",void 0),p([(0,o.property)({type:String})],e.prototype,"direction",void 0),p([(0,o.property)({type:Object})],e.prototype,"group",void 0),p([(0,o.property)({type:String,attribute:"draggable-items"})],e.prototype,"draggableItems",void 0),p([(0,o.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),p([(0,o.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),p([(0,o.property)({type:String,attribute:"drag-class"})],e.prototype,"dragClass",void 0),p([(0,o.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),p([(0,o.property)({type:Number,attribute:"swap-threshold"})],e.prototype,"swapThreshold",void 0),p([(0,o.property)({type:Number,attribute:"touch-start-threshold"})],e.prototype,"touchStartThreshold",void 0),p([(0,o.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),p([(0,o.property)({type:Boolean,reflect:!0})],e.prototype,"sort",void 0),p([(0,o.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),p([(0,o.property)({type:Boolean,reflect:!0})],e.prototype,"editable",void 0),p([(0,o.query)("slot[name='draggable-item']")],e.prototype,"draggableSlot",void 0),e=p([(0,h.wW)("md-draggable")],e),t.ELEMENT=e}(s||(s={}))},81144:(t,e,i)=>{i.d(e,{Radio:()=>s});var s,o=i(3001),r=i(31890),n=i(26272),a=i(41488),l=i(97822),d=i(76067),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.label="",this.value="",this.ariaLabel="",this.autofocus=!1,this._disabled=!1,this._checked=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",`${t}`),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,this.setAttribute("aria-checked",`${t}`),this.requestUpdate("checked",e)}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","radio"),this.label&&this.setAttribute("aria-label",this.label)}static get styles(){return[n.A,d.A]}render(){return a.html`
|
|
2142
|
+
<div class="md-radio-wrapper" part="radio-wrapper">
|
|
2143
|
+
<input
|
|
2144
|
+
class="md-radio-input"
|
|
2145
|
+
type="radio"
|
|
2146
|
+
aria-label=${(0,l.ifDefined)(this.ariaLabel.length?this.ariaLabel:void 0)}
|
|
2147
|
+
aria-checked=${this.checked?"true":"false"}
|
|
2148
|
+
.value=${this.value}
|
|
2149
|
+
?checked=${this.checked}
|
|
2150
|
+
?autofocus=${this.autofocus}
|
|
2151
|
+
?disabled=${this.disabled}
|
|
2152
|
+
aria-hidden="true"
|
|
2153
|
+
id="radio-label"
|
|
2154
|
+
/>
|
|
2155
|
+
<label for="radio-label" class="md-radio-label" part="radio-label"><slot></slot></label>
|
|
2156
|
+
</div>
|
|
2157
|
+
`}};h([(0,a.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),h([(0,a.property)({type:String})],e.prototype,"label",void 0),h([(0,a.property)({type:String})],e.prototype,"value",void 0),h([(0,a.property)({type:String})],e.prototype,"ariaLabel",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),h([(0,a.property)({type:Boolean,attribute:!1})],e.prototype,"checked",null),e=h([(0,r.w)("md-radio")],e),t.ELEMENT=e}(s||(s={}))},83192:(t,e,i)=>{i.d(e,{Tooltip:()=>s});var s,o=i(90195),r=i(3001),n=i(31890),a=i(26272),l=i(41488),d=i(23968),h=i(77251),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.yC)(l.LitElement)){constructor(){super(...arguments),this.message="",this.placement="auto",this.disabled=!1,this.opened=!1,this.slotContent=null,this._keyDownListener=t=>{this.handleKeyDown(t)},this._wheelListener=t=>{this.opened&&this.notifyTooltipDestroy()}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._keyDownListener),window.addEventListener("wheel",this._wheelListener,{passive:!0})}disconnectedCallback(){this.notifyTooltipDisconnected(),super.disconnectedCallback(),document.removeEventListener("keydown",this._keyDownListener),window.removeEventListener("wheel",this._wheelListener)}handleFocusIn(t){super.handleFocusIn&&super.handleFocusIn(t),this.notifyTooltipCreate()}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.notifyTooltipDestroy()}openTooltip(){this.dispatchEvent(new CustomEvent("tooltip-create",{bubbles:!0,composed:!0,detail:Object.assign({placement:this.placement,reference:this.reference,popper:this.popper},!this.message&&{slotContent:this.slotContent})}))}notifyTooltipDisconnected(){document.dispatchEvent(new CustomEvent("tooltip-disconnected",{bubbles:!0,composed:!0,detail:{}}))}closeTooltip(){this.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeMessage(){this.dispatchEvent(new CustomEvent("tooltip-message",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeSlotContent(t){this.dispatchEvent(new CustomEvent("tooltip-slot",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper,slotContent:t}}))}notifyTooltipCreate(){this.disabled||(this.opened=!0)}notifyTooltipDestroy(){this.disabled||(this.opened=!1)}handleKeyDown(t){t.code===o.Uz.Escape&&this.notifyTooltipDestroy()}handleSlotContentChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent&&this.changeSlotContent(t),this.slotContent=t)}}updated(t){super.updated(t),t.has("opened")&&(this.opened?this.openTooltip():this.closeTooltip()),t.has("message")&&this.changeMessage()}get tooltipClassMap(){return{"md-tooltip--disabled":this.disabled}}render(){return l.html`
|
|
2158
|
+
<div class="md-tooltip ${(0,d.classMap)(this.tooltipClassMap)}">
|
|
2159
|
+
<div class="md-tooltip__popper" role="tooltip" part="tooltip-popper">
|
|
2160
|
+
<div id="md-tooltip__content" class="md-tooltip__content" part="tooltip-content">
|
|
2161
|
+
${this.message?this.message:l.html` <slot name="tooltip-content" @slotchange=${this.handleSlotContentChange}></slot> `}
|
|
2162
|
+
</div>
|
|
2163
|
+
<div id="arrow" class="md-tooltip__arrow" data-popper-arrow></div>
|
|
2164
|
+
</div>
|
|
2165
|
+
<div
|
|
2166
|
+
class="md-tooltip__reference"
|
|
2167
|
+
part="tooltip_reference"
|
|
2168
|
+
@mouseenter=${()=>this.notifyTooltipCreate()}
|
|
2169
|
+
@mouseleave=${()=>this.notifyTooltipDestroy()}
|
|
2170
|
+
@click=${()=>this.notifyTooltipDestroy()}
|
|
2171
|
+
@focusin=${t=>this.handleFocusIn(t)}
|
|
2172
|
+
@focusout=${t=>this.handleFocusOut(t)}
|
|
2173
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
2174
|
+
aria-describedby="md-tooltip__content"
|
|
2175
|
+
>
|
|
2176
|
+
<slot></slot>
|
|
2177
|
+
</div>
|
|
2178
|
+
</div>
|
|
2179
|
+
`}static get styles(){return[a.A,h.A]}};p([(0,l.property)({type:String})],e.prototype,"message",void 0),p([(0,l.property)({type:String,reflect:!0})],e.prototype,"placement",void 0),p([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),p([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"opened",void 0),p([(0,l.query)(".md-tooltip__popper")],e.prototype,"popper",void 0),p([(0,l.query)(".md-tooltip__reference")],e.prototype,"reference",void 0),e=p([(0,n.w)("md-tooltip")],e),t.ELEMENT=e}(s||(s={}))},84032:(t,e,i)=>{i.d(e,{Menu:()=>s});var s,o=i(90195),r=i(31890),n=i(84624),a=i(68387),l=i(26272),d=i(41488),h=i(23968),p=i(98199),c=i(48171),u=i(49719),m=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},y=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};!function(t){let e=class extends((0,a.T)((0,n.I)(d.LitElement))){constructor(){super(...arguments),this.justified=!1,this.direction="horizontal",this.items=[],this.itemsHash={},this.itemsIdxHash={}}getNormalizedItemId(t){return t.replace("more-menu-item-","")}static get styles(){return[l.A,u.A]}get slotItem(){return this.menuSlotElement}linkMenuItems(){return y(this,void 0,void 0,(function*(){const{items:t}=this;t.forEach(((t,e)=>{const i=(0,p.nanoid)();t.setAttribute("id",i),t.setAttribute("aria-controls",i),t.selected=this.selected===e})),this.itemsHash=this.items.reduce(((t,e)=>(t[e.id]=e,t)),{}),this.itemsIdxHash=this.items.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}))}setupMenuItems(){if(this.menuSlotElement){const t=this.menuSlotElement.assignedElements({flatten:!0});this.getChildrenFromTree({children:t},this.items)}}getChildrenFromTree(t,e){t.children.forEach((t=>{t instanceof c.MenuItem.ELEMENT&&e.push(t),this.getChildrenFromTree({children:Array.from(t.children)},e)}))}updateSelectedItem(t){const e=this.slotted.findIndex((t=>t.hasAttribute("selected")));e!==t&&(this.items&&[e,t].forEach((t=>{const e=this.items[t];e&&e.toggleAttribute("selected")})),this.dispatchEvent(new CustomEvent("selected-menu-item",{detail:{value:t},composed:!0,bubbles:!0})),this.changeSelectedItemIdx(t))}changeSelectedItemIdx(t){this.selected=t}handleItemClick(t){const{id:e}=t.detail,i=this.itemsHash[this.getNormalizedItemId(e)];if(i&&!i.disabled){const t=this.itemsIdxHash[i.id];-1!==t&&this.updateSelectedItem(t)}}handleItemKeydown(t){const{key:e,id:i}=t.detail;switch(e){case o.Uz.End:this.changeSelectedItemIdx(this.items.length-1);break;case o.Uz.Home:this.changeSelectedItemIdx(0);break;case o.Uz.ArrowLeft:case o.Uz.ArrowUp:0===this.selected?this.changeSelectedItemIdx(this.items.length-1):this.changeSelectedItemIdx(this.selected-1);break;case o.Uz.ArrowRight:case o.Uz.ArrowDown:this.selected===this.items.length-1?this.changeSelectedItemIdx(0):this.changeSelectedItemIdx(this.selected+1);break;case o.Uz.Enter:case o.Uz.Space:const t=this.slotted.findIndex((t=>t.id===i&&!t.disabled));-1!==t&&this.updateSelectedItem(t)}}connectedCallback(){super.connectedCallback(),this.addEventListener("menu-item-click",this.handleItemClick),this.addEventListener("menu-item-keydown",this.handleItemKeydown)}updated(t){const e=Object.create(null,{updated:{get:()=>super.updated}});return y(this,void 0,void 0,(function*(){e.updated.call(this,t),t.has("slotted")&&(this.setupMenuItems(),this.linkMenuItems())}))}disconnectedCallback(){super.connectedCallback(),this.removeEventListener("menu-item-click",this.handleItemClick),this.removeEventListener("menu-item-keydown",this.handleItemKeydown)}get menuClassMap(){return{[`md-menu--${this.direction}`]:this.direction,justified:this.justified}}render(){return d.html`
|
|
2180
|
+
<nav class="md-menu ${(0,h.classMap)(this.menuClassMap)}">
|
|
2181
|
+
<ul class="md-menu-list">
|
|
2182
|
+
<slot></slot>
|
|
2183
|
+
</ul>
|
|
2184
|
+
</nav>
|
|
2185
|
+
`}};m([(0,d.property)({type:Boolean})],e.prototype,"justified",void 0),m([(0,d.property)({type:String})],e.prototype,"direction",void 0),m([(0,d.query)("slot")],e.prototype,"menuSlotElement",void 0),m([(0,d.query)("md-menu-overlay")],e.prototype,"menuSubElement",void 0),e=m([(0,r.w)("md-menu")],e),t.ELEMENT=e}(s||(s={}))},84157:t=>{t.exports=u},84205:(t,e,i)=>{i.d(e,{PhoneInput:()=>s}),i(4928),i(96408);var s,o=i(31890),r=i(26272),n=i(13060),a=i(65875),l=i(860),d=i(41488),h=i(40333),p=i(23968),c=i(6963),u=i(77833),m=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends d.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.showErrorMessage=!1,this.clearIconHeight="auto",this.countryCodeAriaLabel="",this.dialNumberAriaLabel="",this.clearAriaLabel="Clear Input",this.clearCountryCodeAriaLabel="Clear Country Code",this.id="",this.newMomentum=!1,this.countryCode="US",this.codeList=[],this.formattedValue="",this.isValid=!0}connectedCallback(){super.connectedCallback(),this.codeList=(0,n.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),""===this.id&&(this.id=`md-phone-input-${Math.random().toString(36).substring(2,6)}`),this.validateInput(this.value)}getCountryFlag(t){return d.html`
|
|
2186
|
+
<span class="flag-svg-wrapper">
|
|
2187
|
+
<img src="${(0,a.findFlagUrlByIso2Code)(t)}" />
|
|
2188
|
+
</span>
|
|
2189
|
+
`}countryCodeOptionTemplate(t,e){return d.html`
|
|
2190
|
+
<div
|
|
2191
|
+
part="option"
|
|
2192
|
+
class="md-phone-input__option"
|
|
2193
|
+
display-value="+${t.value}"
|
|
2194
|
+
slot=${e}
|
|
2195
|
+
aria-label="+${t.value}, ${t.name}, ${t.code}"
|
|
2196
|
+
>
|
|
2197
|
+
${this.showFlags?this.getCountryFlag(t.code):h.nothing}
|
|
2198
|
+
<span>${t.name}</span>
|
|
2199
|
+
<span>+${t.value}</span>
|
|
2200
|
+
</div>
|
|
2201
|
+
`}validateNumber(){this.isValid=!this.value||(0,l.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(t){var e,i;t.detail.value&&(null===(e=t.detail.value)||void 0===e?void 0:e.id)?(this.countryCallingCode=t.detail.value.id,this.countryCode=null===(i=t.detail.value.id.split(",")[2])||void 0===i?void 0:i.trim()):(this.countryCode="US",this.countryCallingCode=""),this.validateNumber(),this.dispatchEvent(new CustomEvent("countrycode-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,isValid:this.isValid}}))}handlePhoneChange(t){this.value=t.detail.value,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleKeydown(t){this.isValid=!0,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleBlur(t){this.validateInput(this.value),this.validateNumber(),t.stopPropagation(),this.removeCountryCode(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}removeCountryCode(){var t;const e=null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim();if(this.value.startsWith(e)){const t=this.value.slice(e.length).replace(/^-/,"");this.value=t}}validateInput(t){this.formattedValue=new l.AsYouType(this.countryCode).input(t)}get flagClassMap(){return{"new-momentum":this.newMomentum}}getFormatedCountryCallingCode(){var t;return{id:this.countryCallingCode,value:null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim()}}getModStyle(){return d.html`
|
|
2202
|
+
<style>
|
|
2203
|
+
.md-phone-input__container md-combobox {
|
|
2204
|
+
width: 5.625rem;
|
|
2205
|
+
}
|
|
2206
|
+
|
|
2207
|
+
md-combobox::part(group) {
|
|
2208
|
+
border-left-style: none;
|
|
2209
|
+
border-bottom-left-radius: 0;
|
|
2210
|
+
border-top-left-radius: 0;
|
|
2211
|
+
padding-left: 0;
|
|
2212
|
+
}
|
|
2213
|
+
</style>
|
|
2214
|
+
`}static get styles(){return[r.A,u.A]}render(){return d.html`
|
|
2215
|
+
${this.showFlags?this.getModStyle():h.nothing}
|
|
2216
|
+
<div class="md-phone-input__container">
|
|
2217
|
+
${this.showFlags?d.html`
|
|
2218
|
+
<span class="flag-box ${(0,p.classMap)(this.flagClassMap)}">${this.getCountryFlag(this.countryCode)}</span>
|
|
2219
|
+
`:h.nothing}
|
|
2220
|
+
<md-combobox
|
|
2221
|
+
part="combobox"
|
|
2222
|
+
?disabled=${this.disabled}
|
|
2223
|
+
shape="${this.pill?"pill":"none"}"
|
|
2224
|
+
ariaLabel=${this.countryCodeAriaLabel}
|
|
2225
|
+
placeholder="${this.codePlaceholder}"
|
|
2226
|
+
.value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
|
|
2227
|
+
@change-selected="${t=>this.handleCountryChange(t)}"
|
|
2228
|
+
clear-icon-height="${this.clearIconHeight}"
|
|
2229
|
+
with-custom-content
|
|
2230
|
+
?newMomentum=${this.newMomentum}
|
|
2231
|
+
is-dropdown-arrow
|
|
2232
|
+
.clearAriaLabel="${this.clearCountryCodeAriaLabel}"
|
|
2233
|
+
>
|
|
2234
|
+
${(0,c.repeat)(this.codeList,(t=>t.name),((t,e)=>this.countryCodeOptionTemplate(t,e)))}
|
|
2235
|
+
</md-combobox>
|
|
2236
|
+
<md-input
|
|
2237
|
+
part="md-input"
|
|
2238
|
+
?disabled=${this.disabled}
|
|
2239
|
+
placeholder=${this.numberPlaceholder}
|
|
2240
|
+
.ariaInvalid=${this.isValid?"false":"true"}
|
|
2241
|
+
.ariaLabel=${`${this.dialNumberAriaLabel}`}
|
|
2242
|
+
@input-change="${t=>this.handlePhoneChange(t)}"
|
|
2243
|
+
@input-blur="${t=>this.handleBlur(t)}"
|
|
2244
|
+
@input-keydown="${t=>this.handleKeydown(t)}"
|
|
2245
|
+
shape="${this.pill?"pill":"none"}"
|
|
2246
|
+
.ariaControls=${this.id}
|
|
2247
|
+
clear
|
|
2248
|
+
?newMomentum=${this.newMomentum}
|
|
2249
|
+
clearAriaLabel="${this.clearAriaLabel}"
|
|
2250
|
+
type="tel"
|
|
2251
|
+
value="${this.formattedValue}"
|
|
2252
|
+
.messageArr="${!this.isValid||this.showErrorMessage?[{type:"error",id:this.id,ariaLive:"polite",message:this.errorMessage}]:[]}"
|
|
2253
|
+
></md-input>
|
|
2254
|
+
</div>
|
|
2255
|
+
`}};m([(0,d.property)({type:String,reflect:!0})],e.prototype,"codePlaceholder",void 0),m([(0,d.property)({type:String})],e.prototype,"numberPlaceholder",void 0),m([(0,d.property)({type:String,attribute:"country-calling-code"})],e.prototype,"countryCallingCode",void 0),m([(0,d.property)({type:Boolean,attribute:"show-flags"})],e.prototype,"showFlags",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"pill",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"disabled",void 0),m([(0,d.property)({type:String})],e.prototype,"value",void 0),m([(0,d.property)({type:String})],e.prototype,"errorMessage",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"showErrorMessage",void 0),m([(0,d.property)({type:String,attribute:"clear-icon-height"})],e.prototype,"clearIconHeight",void 0),m([(0,d.property)({type:String})],e.prototype,"countryCodeAriaLabel",void 0),m([(0,d.property)({type:String})],e.prototype,"dialNumberAriaLabel",void 0),m([(0,d.property)({type:String})],e.prototype,"clearAriaLabel",void 0),m([(0,d.property)({type:String})],e.prototype,"clearCountryCodeAriaLabel",void 0),m([(0,d.property)({type:String})],e.prototype,"id",void 0),m([(0,d.property)({type:Boolean})],e.prototype,"newMomentum",void 0),m([(0,d.internalProperty)()],e.prototype,"countryCode",void 0),m([(0,d.internalProperty)()],e.prototype,"codeList",void 0),m([(0,d.internalProperty)()],e.prototype,"formattedValue",void 0),m([(0,d.internalProperty)()],e.prototype,"isValid",void 0),m([(0,d.query)("md-combobox")],e.prototype,"combobox",void 0),e=m([(0,o.w)("md-phone-input")],e),t.ELEMENT=e}(s||(s={}))},85314:t=>{t.exports=w},85416:(t,e,i)=>{i.d(e,{DateTimePicker:()=>s}),i(96408),i(11323);var s,o=i(31890),r=i(81625),n=i(26272),a=i(41488),l=i(97822),d=i(65796),h=i(90195),p=i(33663),c=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){t.weekStartDays=["Sunday","Monday"];let e=class extends a.LitElement{constructor(){super(...arguments),this.maxDate=void 0,this.minDate=void 0,this.weekStart="Sunday",this.ariaLabel="",this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=h.R5.SECOND,this.dateValue=void 0,this.timeValue="00:00:00-08:00",this.value=void 0,this.locale="en-US",this.disabled=!1,this.fullDateTime=void 0,this.selectedTimeObject=void 0,this.selectedDateObject=(0,r.tB)(),this.firstCycle=!0,this.handleDateChange=t=>{var e,i;this.selectedDateObject=null===(e=null==t?void 0:t.detail)||void 0===e?void 0:e.data,this.dateValue=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate(),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleTimeChange=t=>{var e,i;this.selectedTimeObject=null===(e=null==t?void 0:t.detail)||void 0===e?void 0:e.data,this.timeValue=null===(i=this.selectedTimeObject)||void 0===i?void 0:i.startOf("second").toISOTime({suppressMilliseconds:!0}),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleDateTimeInputChange=t=>{var e;this.value=null===(e=null==t?void 0:t.detail)||void 0===e?void 0:e.value},this.parseValueForVisuals=t=>{t&&(this.dateValue=t.split("T")[0],this.timeValue=t.split("T")[1])},this.updateDateTimeObject=()=>{this.value?this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}):this.fullDateTime=d.DateTime.fromISO("",{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-time-change",{bubbles:!0,composed:!0,detail:{dateTimeString:this.value,dateTime:this.fullDateTime,locale:this.locale,twentyFourHourFormat:this.twentyFourHourFormat}}))},this.combineDateAndTimeValues=(t,e)=>{t&&(this.value=e?`${t}T${e}`:t)}}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return i=this,s=void 0,r=function*(){var i;if(e.firstUpdated.call(this,t),!this.value){const t=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate();this.combineDateAndTimeValues(t,this.timeValue)}yield new Promise((t=>setTimeout(t,0))),this.datePicker&&(this.datePicker.addEventListener("date-selection-change",this.handleDateChange),this.datePicker.addEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.addEventListener("time-selection-change",this.handleTimeChange)},new((o=void 0)||(o=Promise))((function(t,e){function n(t){try{l(r.next(t))}catch(t){e(t)}}function a(t){try{l(r.throw(t))}catch(t){e(t)}}function l(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o((function(t){t(i)}))).then(n,a)}l((r=r.apply(i,s||[])).next())}));var i,s,o,r}updated(t){super.updated(t),t.has("value")&&(this.value&&this.parseValueForVisuals(this.value),this.firstCycle?this.firstCycle=!1:this.updateDateTimeObject()),this.dateValue&&this.timeValue&&(t.has("timeValue")||t.has("dateValue"))&&this.combineDateAndTimeValues(this.dateValue,this.timeValue),this.value&&t.has("locale")&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}))}disconnectedCallback(){this.datePicker&&(this.datePicker.removeEventListener("date-selection-change",this.handleDateChange),this.datePicker.removeEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.removeEventListener("time-selection-change",this.handleTimeChange)}static get styles(){return[n.A,p.A]}render(){return a.html`
|
|
2256
|
+
<md-datepicker
|
|
2257
|
+
includes-time
|
|
2258
|
+
?disabled=${this.disabled}
|
|
2259
|
+
ariaLabel=${(0,l.ifDefined)(this.ariaLabel||void 0)}
|
|
2260
|
+
minDate=${(0,l.ifDefined)(this.minDate)}
|
|
2261
|
+
maxDate=${(0,l.ifDefined)(this.maxDate)}
|
|
2262
|
+
value=${(0,l.ifDefined)(this.value)}
|
|
2263
|
+
weekStart=${this.weekStart}
|
|
2264
|
+
placeholder="YYYY-MM-DDTHH:MM:SS-HH:MM"
|
|
2265
|
+
locale=${(0,l.ifDefined)(this.locale)}>
|
|
2266
|
+
<div slot="time-picker" class="included-timepicker-wrapper">
|
|
2267
|
+
<div class="time-picker-separator"></div>
|
|
2268
|
+
<md-timepicker
|
|
2269
|
+
?two-digit-auto-tab=${this.twoDigitAutoTab}
|
|
2270
|
+
?twenty-four-hour-format=${this.twentyFourHourFormat}
|
|
2271
|
+
timeSpecificity=${this.timeSpecificity}
|
|
2272
|
+
locale=${this.locale}
|
|
2273
|
+
value=${this.timeValue}>
|
|
2274
|
+
</md-timepicker>
|
|
2275
|
+
</div>
|
|
2276
|
+
</md-datepicker>
|
|
2277
|
+
</div>
|
|
2278
|
+
`}};c([(0,a.property)({type:String})],e.prototype,"maxDate",void 0),c([(0,a.property)({type:String})],e.prototype,"minDate",void 0),c([(0,a.property)({type:String})],e.prototype,"weekStart",void 0),c([(0,a.property)({type:String})],e.prototype,"ariaLabel",void 0),c([(0,a.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),c([(0,a.property)({type:Boolean,attribute:"twenty-four-hour-format"})],e.prototype,"twentyFourHourFormat",void 0),c([(0,a.property)({type:String})],e.prototype,"timeSpecificity",void 0),c([(0,a.property)({type:String,attribute:"date-value"})],e.prototype,"dateValue",void 0),c([(0,a.property)({type:String,attribute:"time-value"})],e.prototype,"timeValue",void 0),c([(0,a.property)({type:String,reflect:!0})],e.prototype,"value",void 0),c([(0,a.property)({type:String})],e.prototype,"locale",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,a.internalProperty)()],e.prototype,"fullDateTime",void 0),c([(0,a.internalProperty)()],e.prototype,"selectedTimeObject",void 0),c([(0,a.internalProperty)()],e.prototype,"selectedDateObject",void 0),c([(0,a.query)("md-datepicker")],e.prototype,"datePicker",void 0),c([(0,a.query)("md-timepicker")],e.prototype,"timePicker",void 0),e=c([(0,o.w)("md-date-time-picker")],e),t.ELEMENT=e}(s||(s={}))},86610:(t,e,i)=>{i.d(e,{TaskItem:()=>s}),i(63704),i(61200);var s,o=i(31890),r=i(26272),n=i(41488),a=i(40333),l=i(23968),d=i(50182),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.mediaType="call",this.status="",this.popovertitle="",this.queue="",this.accepted=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.renderTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return n.html`
|
|
2279
|
+
<md-badge color="green" circle>
|
|
2280
|
+
<md-icon name="handset-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
2281
|
+
</md-badge>
|
|
2282
|
+
`;case"outbound telephony":return n.html`
|
|
2283
|
+
<md-badge color="green" circle>
|
|
2284
|
+
<md-icon name="outgoing-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
2285
|
+
</md-badge>
|
|
2286
|
+
`;case"inbound telephony":return n.html`
|
|
2287
|
+
<md-badge color="green" circle>
|
|
2288
|
+
<md-icon name="incoming-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
2289
|
+
</md-badge>
|
|
2290
|
+
`;case"applemessages":case"midcall telephony":case"icon src":return n.html`
|
|
2291
|
+
<md-badge circle>
|
|
2292
|
+
<img src="${this.iconSrc}" />
|
|
2293
|
+
</md-badge>
|
|
2294
|
+
`;case"callback":return n.html`
|
|
2295
|
+
<md-badge color="lime" circle>
|
|
2296
|
+
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
2297
|
+
</md-badge>
|
|
2298
|
+
`;case"progressive_campaign":return n.html`
|
|
2299
|
+
<md-badge color="green" circle>
|
|
2300
|
+
<md-icon name="icon-icon-campaign_18"></md-icon>
|
|
2301
|
+
</md-badge>
|
|
2302
|
+
`;case"chat":return n.html`
|
|
2303
|
+
<md-badge color="blue" circle>
|
|
2304
|
+
<md-icon name="chat-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
2305
|
+
</md-badge>
|
|
2306
|
+
`;case"email":return n.html`
|
|
2307
|
+
<md-badge color="violet" circle>
|
|
2308
|
+
<md-icon name="email-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
2309
|
+
</md-badge>
|
|
2310
|
+
`;case"sms":return n.html`
|
|
2311
|
+
<md-badge color="darkmint" circle>
|
|
2312
|
+
<md-icon name="sms-filled" size="20" iconSet="momentumDesign" color="white-100"></md-icon>
|
|
2313
|
+
</md-badge>
|
|
2314
|
+
`;case"facebook":return n.html`
|
|
2315
|
+
<md-badge bgColor="#0078FF" circle>
|
|
2316
|
+
<md-icon name="messenger_16" iconSet="momentumUI" color="white-100"></md-icon>
|
|
2317
|
+
</md-badge>
|
|
2318
|
+
`;case"whatsapp":return n.html`
|
|
2319
|
+
<md-badge bgColor="#25D366" circle>
|
|
2320
|
+
<md-icon name="whatsApp_16" iconSet="momentumUI" color="white-100"></md-icon>
|
|
2321
|
+
</md-badge>
|
|
2322
|
+
`;default:return n.html` <slot name="task-type"></slot> `}},this.renderStatus=()=>{switch(this.status){case"consulting":return n.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"play":return n.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"hold":return n.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"conference":return n.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"transfered":return n.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"courtesy_callback":return n.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"campaign":return n.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return n.html` <slot name="task-status"></slot> `}}}get title(){return this.displayTitle}set title(t){this.titleValue=t,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(t){this.itemTitleValue=t,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}renderChatCount(){return this.quantity>0?this.quantity>99?n.html` <span class="new-chat-quantity">99+</span> `:n.html` <span class="new-chat-quantity">${this.quantity}</span> `:a.nothing}getAriaLabel(){var t;if(this.customAriaLabel)return this.customAriaLabel;let e=this.queue;if(!e){const i=this.querySelector('[slot="queue"]');if(i){e=(null===(t=i.textContent)||void 0===t?void 0:t.trim())||i.innerText.trim();const s=e.match(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/);if(s){const[,t=0,i,o]=s.map(Number);(new Date).setHours(t,i,o),e=e.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${i} minutes ${o} seconds`)}}}return`${this.mediaType} ${this.status} ${this.title} ${e} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,d.A]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}render(){return n.html`
|
|
2323
|
+
<div
|
|
2324
|
+
part="task-item-container"
|
|
2325
|
+
class="md-taskitem ${(0,l.classMap)({selected:this.selected})}"
|
|
2326
|
+
tabindex=${this.sanitizedTabIndexForContainer}
|
|
2327
|
+
aria-selected="${this.selected}"
|
|
2328
|
+
@click=${t=>this.handleClick(t)}
|
|
2329
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
2330
|
+
aria-label=${this.getAriaLabel()}
|
|
2331
|
+
>
|
|
2332
|
+
<div class="md-taskitem__mediatype">
|
|
2333
|
+
${this.renderTaskType()}
|
|
2334
|
+
${this.status?n.html` <span class=${`md-taskitem__status ${this.status}`}> ${this.renderStatus()} </span> `:a.nothing}
|
|
2335
|
+
</div>
|
|
2336
|
+
<div class="md-taskitem__content" part="task-item-content">
|
|
2337
|
+
${this.popovertitle?n.html` <span class="md-taskitem__content_popover_title">${this.popovertitle}</span> `:a.nothing}
|
|
2338
|
+
${this.title?n.html`
|
|
2339
|
+
<span class="md-taskitem__content_title ${(0,l.classMap)({mainTitle:!this.popovertitle})}"
|
|
2340
|
+
>${this.title}</span
|
|
2341
|
+
>
|
|
2342
|
+
`:a.nothing}
|
|
2343
|
+
<div class="md-taskitem__content_inner">
|
|
2344
|
+
<span class="md-taskitem__content_queue">
|
|
2345
|
+
${this.queue.length>0?this.queue:n.html` <slot name="queue"></slot> `}
|
|
2346
|
+
</span>
|
|
2347
|
+
</div>
|
|
2348
|
+
${this.lastmessage?n.html`
|
|
2349
|
+
<span class="md-taskitem__content_chat">
|
|
2350
|
+
<span class="new-chat_massages">${this.lastmessage}</span>
|
|
2351
|
+
</span>
|
|
2352
|
+
`:a.nothing}
|
|
2353
|
+
</div>
|
|
2354
|
+
<div class="md-taskitem__addition">
|
|
2355
|
+
<slot></slot>
|
|
2356
|
+
${this.renderChatCount()}
|
|
2357
|
+
</div>
|
|
2358
|
+
</div>
|
|
2359
|
+
`}};h([(0,n.property)({type:String})],e.prototype,"mediaType",void 0),h([(0,n.property)({type:String})],e.prototype,"status",void 0),h([(0,n.property)({type:String})],e.prototype,"popovertitle",void 0),h([(0,n.property)({type:String})],e.prototype,"queue",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"accepted",void 0),h([(0,n.property)({type:Number})],e.prototype,"quantity",void 0),h([(0,n.property)({type:String})],e.prototype,"lastmessage",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"selected",void 0),h([(0,n.property)({type:String})],e.prototype,"customAriaLabel",void 0),h([(0,n.property)({type:String})],e.prototype,"iconSrc",void 0),h([(0,n.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),h([(0,n.property)({type:String,reflect:!0})],e.prototype,"title",null),h([(0,n.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),e=h([(0,o.w)("md-task-item")],e),t.ELEMENT=e}(s||(s={}))},86635:t=>{t.exports=l},90195:(t,e,i)=>{var s,o,r,n;i.d(e,{R5:()=>o,Uz:()=>s,iw:()=>n}),function(t){t.ArrowDown="ArrowDown",t.ArrowLeft="ArrowLeft",t.ArrowRight="ArrowRight",t.ArrowUp="ArrowUp",t.Backspace="Backspace",t.Delete="Delete",t.End="End",t.Enter="Enter",t.Escape="Escape",t.Home="Home",t.Space="Space",t.Tab="Tab",t.Digit1="Digit1",t.Digit2="Digit2",t.Digit3="Digit3",t.Digit4="Digit4",t.Digit5="Digit5",t.Digit6="Digit6",t.Digit7="Digit7",t.Digit8="Digit8",t.Digit9="Digit9",t.NumpadEnter="NumpadEnter"}(s||(s={})),function(t){t.HOUR="hour",t.MINUTE="minute",t.SECOND="second",t.AM_PM="am_pm"}(o||(o={})),function(t){t.GRAMMAR="grammar",t.FALSE="false",t.SPELLING="spelling",t.TRUE="true"}(r||(r={})),function(t){t.AriaActivedescendant="aria-activedescendant"}(n||(n={}))},92992:(t,e,i)=>{i.d(e,{Breadcrumb:()=>s});var s,o=i(31890),r=i(26272),n=i(41488),a=i(97822),l=i(22818),d=i(46441),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[r.A,d.A]}setLastAnchorCurrent(){var t;(null===(t=this.anchors)||void 0===t?void 0:t.length)&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(t){super.firstUpdated(t),this.setLastAnchorCurrent()}update(t){super.update(t),t.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(t){var e;const i=t.target;if(null===(e=this.anchors)||void 0===e?void 0:e.length){const t=Array.from(this.anchors).indexOf(i);-1!==t&&(this.navCrumbs=[...this.navCrumbs.splice(0,t+1)])}}render(){return n.html`
|
|
2360
|
+
<nav aria-label="${(0,a.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
|
|
2361
|
+
<ul @click=${t=>this.handleClick(t)}>
|
|
2362
|
+
${(0,l.repeat)(this.navCrumbs,(t=>t.link),(t=>n.html`
|
|
2363
|
+
<li>
|
|
2364
|
+
<a href="${t.link}"> ${t.label} </a>
|
|
2365
|
+
</li>
|
|
2366
|
+
`))}
|
|
2367
|
+
</ul>
|
|
2368
|
+
</nav>
|
|
2369
|
+
`}};h([(0,n.property)({type:String,attribute:"aria-label"})],e.prototype,"label",void 0),h([(0,n.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],e.prototype,"navCrumbs",void 0),h([(0,n.queryAll)("a[href]")],e.prototype,"anchors",void 0),e=h([(0,o.w)("md-breadcrumb")],e),t.ELEMENT=e}(s||(s={}))},94891:(t,e,i)=>{i.d(e,{ActivityButton:()=>d});var s=i(26272),o=i(31890),r=i(41488),n=(i(96798),i(61200),i(73940)),a=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const l=["chat","camera","contact-card","meetings","whiteboard","files","share-screen","tasks"];var d;!function(t){let e=class extends r.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.disabled=!1,this.label="",this.size="68",this._type="chat"}get type(){return this._type}set type(t){const e=this.type;l.includes(t)?this._type=t:this._type="chat",this.requestUpdate("type",e)}get buttonToIconSizeMapping(){return{56:"24",68:"28",84:"36"}}get formatClass(){return{"md-activity":!0,[`md-activity__${this.type}`]:this.type}}static get styles(){return[s.A,n.A]}render(){return r.html`
|
|
2370
|
+
<md-button
|
|
2371
|
+
aria-label=${this.ariaLabel}
|
|
2372
|
+
circle
|
|
2373
|
+
.activityType=${this.type}
|
|
2374
|
+
?containerLarge=${"84"===this.size}
|
|
2375
|
+
?disabled=${this.disabled}
|
|
2376
|
+
.size=${this.size}
|
|
2377
|
+
.label=${this.label}
|
|
2378
|
+
>
|
|
2379
|
+
<md-icon name=${`icon-${this.type}_${this.buttonToIconSizeMapping[this.size]}`}></md-icon>
|
|
2380
|
+
</md-button>
|
|
2381
|
+
`}};a([(0,r.property)({type:String})],e.prototype,"ariaLabel",void 0),a([(0,r.property)({type:Boolean})],e.prototype,"disabled",void 0),a([(0,r.property)({type:String})],e.prototype,"label",void 0),a([(0,r.property)({type:String})],e.prototype,"size",void 0),a([(0,r.property)({type:String})],e.prototype,"type",null),e=a([(0,o.w)("md-activity-button")],e),t.ELEMENT=e}(d||(d={}))},95281:(t,e,i)=>{i.d(e,{ChatMessage:()=>s}),i(38028);var s,o=i(31890),r=i(26272),n=i(41488),a=i(97822),l=i(6400),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.title="",this.src="",this.time="",this.label="Avatar",this.status="",this.self=!1}get computedAvatarType(){return void 0!==this.avatarType?this.avatarType:this.self?"self":void 0}get computedYouLabel(){return this.selfLabel||"You"}get isSelfType(){return void 0===this.avatarType?this.self:"self"===this.avatarType}static get styles(){return[r.A,l.A]}render(){return n.html`
|
|
2382
|
+
<div class="md-chat-message">
|
|
2383
|
+
<md-avatar
|
|
2384
|
+
type=${(0,a.ifDefined)(this.computedAvatarType)}
|
|
2385
|
+
title=${this.self?"self":this.title}
|
|
2386
|
+
label="${this.label}"
|
|
2387
|
+
src=${(0,a.ifDefined)(this.self?void 0:this.src)}
|
|
2388
|
+
color=${(0,a.ifDefined)(this.avatarColor)}
|
|
2389
|
+
size=${(0,a.ifDefined)(this.avatarSize)}
|
|
2390
|
+
></md-avatar>
|
|
2391
|
+
|
|
2392
|
+
<div class="md-chat-message_content">
|
|
2393
|
+
<div class="md-chat-message_heading">
|
|
2394
|
+
<div class="md-chat-message_title">
|
|
2395
|
+
<span>${this.isSelfType?this.computedYouLabel:this.title}</span>
|
|
2396
|
+
</div>
|
|
2397
|
+
<div class="md-chat-message_time">${this.time}</div>
|
|
2398
|
+
<div class="md-chat-message_status">${this.status}</div>
|
|
2399
|
+
<div class="md-chat-message_custom_content">
|
|
2400
|
+
<slot name="custom-content"></slot>
|
|
2401
|
+
</div>
|
|
2402
|
+
</div>
|
|
2403
|
+
<div class="md-chat-message_text">
|
|
2404
|
+
<slot name="message"></slot>
|
|
2405
|
+
</div>
|
|
2406
|
+
</div>
|
|
2407
|
+
</div>
|
|
2408
|
+
`}};d([(0,n.property)({type:String})],e.prototype,"title",void 0),d([(0,n.property)({type:String})],e.prototype,"src",void 0),d([(0,n.property)({type:String})],e.prototype,"time",void 0),d([(0,n.property)({type:String})],e.prototype,"label",void 0),d([(0,n.property)({type:String})],e.prototype,"status",void 0),d([(0,n.property)({type:String,reflect:!0,attribute:"self-label"})],e.prototype,"selfLabel",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"self",void 0),d([(0,n.property)({type:String,reflect:!0,attribute:"avatar-color"})],e.prototype,"avatarColor",void 0),d([(0,n.property)({type:String,reflect:!0,attribute:"avatar-type"})],e.prototype,"avatarType",void 0),d([(0,n.property)({type:Number,reflect:!0,attribute:"avatar-size"})],e.prototype,"avatarSize",void 0),e=d([(0,o.w)("md-chat-message")],e),t.ELEMENT=e}(s||(s={}))},96408:(t,e,i)=>{i.d(e,{Input:()=>s}),i(20109),i(61200),i(6396),i(12176);var s,o=i(90195),r=i(31890),n=i(32972),a=i(26272),l=(i(32022),i(41488)),d=i(40333),h=i(23968),p=i(97822),c=i(22818),u=i(8229),m=i(21572),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){class e{determineMessageType(t){return t.reduce(((t,e)=>"error"===e?t:e.type),"")}filterMessagesByType(t,e){return t.reduce(((t,i)=>i.type===e?t.concat(i.message):t),[])}}t.MessageController=e;let i=class extends((0,n.y)(l.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.isEditing=!1,this.hasRightSlotContent=!1,this.messageController=new e}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}handleOutsideClick(t){let e=!1;const i=t.composedPath();i.length&&(e=!!i.find((t=>t===this)),e||(this.input.blur(),this.isEditing=!1))}handleKeyDown(t){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}handleFocus(t){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:t}})))}handleMouseDown(t){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:t}})))}handleChange(t){this.value=t.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:this.value}}))}handleBlur(t){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}handleClear(t){if("keydown"===t.type){const{code:e}=t;if(e!==o.Uz.Space&&e!==o.Uz.Enter)return;t.preventDefault(),t.stopPropagation()}else"click"===t.type&&(t.preventDefault(),t.stopPropagation());this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:t}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(t)}handleLabelClick(){this.input.focus()}handleRighSlotChange(){var t;this.hasRightSlotContent=(null===(t=this.inputSectionRightSlot)||void 0===t?void 0:t.assignedNodes().length)>0}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[`${this.containerSize}`]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,[`md-${this.messageType}`]:!!this.messageType,[`md-input--nested-${this.nestedLevel}`]:!!this.nestedLevel,"md-multi":this.multi,"md-new-momentum":this.newMomentum}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[`${this.inputSize}`]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,[`md-input--${this.shape}`]:!!this.shape,"md-input--compact":this.compact,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!this.compact&&this.hasRightSlotContent}inputTemplate(){var t;return this.multiline?l.html`
|
|
2409
|
+
<textarea
|
|
2410
|
+
part="input"
|
|
2411
|
+
class="md-input ${(0,h.classMap)(this.inputTemplateClassMap)}"
|
|
2412
|
+
@blur=${t=>this.handleBlur(t)}
|
|
2413
|
+
@input=${t=>this.handleChange(t)}
|
|
2414
|
+
@focus=${t=>this.handleFocus(t)}
|
|
2415
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
2416
|
+
@mousedown=${t=>this.handleMouseDown(t)}
|
|
2417
|
+
tabindex="0"
|
|
2418
|
+
.value=${this.value}
|
|
2419
|
+
aria-describedby=${this.ariaDescribedBy}
|
|
2420
|
+
?required=${this.required}
|
|
2421
|
+
?autofocus=${this.autofocus}
|
|
2422
|
+
aria-label=${this.ariaLabel}
|
|
2423
|
+
aria-invalid=${this.ariaInvalid}
|
|
2424
|
+
aria-errormessage="${this.htmlId}-message"
|
|
2425
|
+
aria-disabled=${(0,p.ifDefined)(this.disabled||void 0)}
|
|
2426
|
+
id=${this.htmlId}
|
|
2427
|
+
placeholder=${this.placeholder}
|
|
2428
|
+
?readonly=${this.readOnly}
|
|
2429
|
+
maxlength=${(0,p.ifDefined)(this.maxLength)}
|
|
2430
|
+
></textarea>
|
|
2431
|
+
`:l.html`
|
|
2432
|
+
<input
|
|
2433
|
+
part="input"
|
|
2434
|
+
class="md-input ${(0,h.classMap)(this.inputTemplateClassMap)}"
|
|
2435
|
+
@blur=${t=>this.handleBlur(t)}
|
|
2436
|
+
@input=${t=>this.handleChange(t)}
|
|
2437
|
+
@focus=${t=>this.handleFocus(t)}
|
|
2438
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
2439
|
+
@mousedown=${t=>this.handleMouseDown(t)}
|
|
2440
|
+
tabindex="0"
|
|
2441
|
+
?required=${this.required}
|
|
2442
|
+
?autofocus=${this.autofocus}
|
|
2443
|
+
type=${this.type}
|
|
2444
|
+
.value=${this.value}
|
|
2445
|
+
aria-describedby=${this.ariaDescribedBy}
|
|
2446
|
+
aria-controls=${this.ariaControls}
|
|
2447
|
+
aria-expanded=${(0,p.ifDefined)(null!==(t=this.ariaExpandedValue)&&void 0!==t?t:void 0)}
|
|
2448
|
+
aria-label=${this.ariaLabel}
|
|
2449
|
+
aria-invalid=${this.ariaInvalid}
|
|
2450
|
+
aria-errormessage=${`${this.htmlId}-message`}
|
|
2451
|
+
aria-disabled=${(0,p.ifDefined)(this.disabled||void 0)}
|
|
2452
|
+
id=${this.htmlId}
|
|
2453
|
+
role=${this.role}
|
|
2454
|
+
placeholder=${this.placeholder}
|
|
2455
|
+
?readonly=${this.readOnly||this.disabled}
|
|
2456
|
+
min=${(0,p.ifDefined)(this.min)}
|
|
2457
|
+
max=${(0,p.ifDefined)(this.max)}
|
|
2458
|
+
maxlength=${(0,p.ifDefined)(this.maxLength)}
|
|
2459
|
+
/>
|
|
2460
|
+
`}inputLeftTemplate(){return this.searchable?l.html`
|
|
2461
|
+
<div class="md-input__before">
|
|
2462
|
+
${this.isLoading?l.html` <md-spinner size="20"></md-spinner> `:l.html` <md-icon ariaHidden="true" name="search-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
2463
|
+
</div>
|
|
2464
|
+
`:"before"===this.auxiliaryContentPosition?l.html`
|
|
2465
|
+
<div class="md-input__before">
|
|
2466
|
+
<slot name="input-section"> </slot>
|
|
2467
|
+
</div>
|
|
2468
|
+
`:d.nothing}get inputRightTemplateClassMap(){return{"md-input__after":!0,hidden:!this.hasRightIcon}}inputRightTemplate(){return this.clear&&!this.disabled&&this.value&&!this.readOnly?l.html`
|
|
2469
|
+
<div class="md-input__after">
|
|
2470
|
+
<md-button
|
|
2471
|
+
hasRemoveStyle
|
|
2472
|
+
@click=${t=>this.handleClear(t)}
|
|
2473
|
+
@keydown=${t=>this.handleClear(t)}
|
|
2474
|
+
size="20"
|
|
2475
|
+
circle
|
|
2476
|
+
>
|
|
2477
|
+
<md-icon
|
|
2478
|
+
class="md-input__icon-clear"
|
|
2479
|
+
name="cancel-bold"
|
|
2480
|
+
size="14"
|
|
2481
|
+
iconSet="momentumDesign"
|
|
2482
|
+
aria-label=${this.clearAriaLabel||"Clear Input"}
|
|
2483
|
+
>
|
|
2484
|
+
</md-icon>
|
|
2485
|
+
</md-button>
|
|
2486
|
+
</div>
|
|
2487
|
+
`:this.compact?void 0:l.html`
|
|
2488
|
+
<div class=${(0,h.classMap)(this.inputRightTemplateClassMap)}>
|
|
2489
|
+
<slot name="input-section-right" @slotchange=${this.handleRighSlotChange}></slot>
|
|
2490
|
+
</div>
|
|
2491
|
+
`}secondaryLabelTemplate(){return this.secondaryLabel?l.html`
|
|
2492
|
+
<md-label
|
|
2493
|
+
class="md-input__secondary-label ${(0,h.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
2494
|
+
secondaryLabel
|
|
2495
|
+
.htmlFor=${this.htmlId}
|
|
2496
|
+
.label=${this.secondaryLabel}
|
|
2497
|
+
@label-click="${()=>this.handleLabelClick()}"
|
|
2498
|
+
></md-label>
|
|
2499
|
+
`:d.nothing}helpTextTemplate(){return this.helpText?l.html`
|
|
2500
|
+
<md-help-text
|
|
2501
|
+
class="help-text ${(0,h.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
2502
|
+
.message=${this.helpText}
|
|
2503
|
+
style=${(0,u.styleMap)({width:"100%"})}
|
|
2504
|
+
></md-help-text>
|
|
2505
|
+
`:d.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?l.html`
|
|
2506
|
+
<div id="${this.htmlId}-message" part="message" class="md-input__messages">
|
|
2507
|
+
${(0,c.repeat)(this.messages,((t,e)=>{var i,s;return l.html`
|
|
2508
|
+
<md-help-text
|
|
2509
|
+
.message=${t}
|
|
2510
|
+
.id=${null!==(i=this.messageArr[e].id)&&void 0!==i?i:""}
|
|
2511
|
+
.ariaLive=${null!==(s=this.messageArr[e].ariaLive)&&void 0!==s?s:"polite"}
|
|
2512
|
+
.messageType=${this.messageType}
|
|
2513
|
+
></md-help-text>
|
|
2514
|
+
`}))}
|
|
2515
|
+
</div>
|
|
2516
|
+
`:d.nothing}labelTemplate(){return this.label?l.html`
|
|
2517
|
+
<md-label
|
|
2518
|
+
class="md-input__label ${(0,h.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
2519
|
+
.htmlFor=${this.htmlId}
|
|
2520
|
+
.label=${this.label}
|
|
2521
|
+
@label-click="${()=>this.handleLabelClick()}"
|
|
2522
|
+
></md-label>
|
|
2523
|
+
`:d.nothing}static get styles(){return[a.A,m.A]}render(){return l.html`
|
|
2524
|
+
<div class="md-input-container ${(0,h.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
2525
|
+
${this.labelTemplate()}
|
|
2526
|
+
<div class="md-input__wrapper ${(0,h.classMap)(this.inputWrapperClassMap)}">
|
|
2527
|
+
${this.inputLeftTemplate()} ${this.inputTemplate()} ${this.inputRightTemplate()}
|
|
2528
|
+
</div>
|
|
2529
|
+
${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
|
|
2530
|
+
</div>
|
|
2531
|
+
`}};y([(0,l.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,l.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,l.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,l.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,l.property)({type:String})],i.prototype,"id",void 0),y([(0,l.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,l.property)({type:String})],i.prototype,"label",void 0),y([(0,l.property)({type:String})],i.prototype,"helpText",void 0),y([(0,l.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,l.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,l.property)({type:String})],i.prototype,"role",void 0),y([(0,l.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,l.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,l.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,l.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,l.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,l.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,l.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,l.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,l.property)({type:String})],i.prototype,"shape",void 0),y([(0,l.property)({type:String})],i.prototype,"type",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,l.query)(".md-input")],i.prototype,"input",void 0),y([(0,l.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,l.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,l.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,r.w)("md-input")],i),t.ELEMENT=i}(s||(s={}))},96798:(t,e,i)=>{i.d(e,{Button:()=>s});var s,o=i(73940),r=(i(12176),i(31890)),n=i(26283),a=i(26272),l=i(41488),d=i(40333),h=i(23968),p=i(97822),c=i(11740),u=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:d.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:d.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return l.html`
|
|
2532
|
+
<style>
|
|
2533
|
+
:host .md-button--${this.size} {
|
|
2534
|
+
${this.renderWidth()};
|
|
2535
|
+
${this.renderMaxWidth()};
|
|
2536
|
+
}
|
|
2537
|
+
</style>
|
|
2538
|
+
`},this.iconTemplate=()=>this.loading?l.html` <md-spinner size="16"></md-spinner> `:l.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?d.nothing:l.html` <slot name="text"></slot> `}get active(){return this._active}set active(t){const e=this._active;this._active=t,this.requestUpdate("active",e)}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}handleKeyDown(t){if(this.disabled)return;const{code:e}=t;(0,n.o)(e)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){this.disabled||(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}static get styles(){return[a.A,c.A,o.A]}get buttonClassMap(){return{"md-button--circle":this.circle,"md-button--rounded":this.rounded,"md-button--none":this.hasRemoveStyle,"md-button--outline":this.outline,active:this.active&&!this.disabled,disabled:this.disabled&&!this.active,isActive:this.isActive,[`md-button--${this.size}`]:!this.hasRemoveStyle,[`md-button--${this.color}`]:!this.hasRemoveStyle&&!!this.color,[`md-activity__${this.activityType}`]:!!this.activityType,"md-activity":!!this.activityType,"md-button--icon":this.iconActive,"md-button--onlyicon":this.hasIcon&&!this.slottedText,"md-button--placeholder-text":!0===this.isPlaceholderText}}get slottedText(){var t;return null===(t=this.querySelector("[slot=text]"))||void 0===t?void 0:t.textContent}get hasIcon(){return null!==this.querySelector("[slot=icon]")||this.loading}childrenTemplate(){return l.html`
|
|
2539
|
+
<span part="button-children" class="md-button__children">
|
|
2540
|
+
${this.iconTemplate()} ${this.textTemplate()}
|
|
2541
|
+
<slot></slot>
|
|
2542
|
+
</span>
|
|
2543
|
+
`}get computedAriaExpand(){return"true"===this.ariaExpanded?"true":"false"===this.ariaExpanded?"false":void 0}buttonTemplate(t){return"button"===t?l.html`
|
|
2544
|
+
<button
|
|
2545
|
+
part="button"
|
|
2546
|
+
id=${this.id}
|
|
2547
|
+
class="md-button ${(0,h.classMap)(this.buttonClassMap)}"
|
|
2548
|
+
@click=${t=>this.handleClick(t)}
|
|
2549
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
2550
|
+
tabindex=${(0,p.ifDefined)(this.tabIndex||void 0)}
|
|
2551
|
+
aria-label=${(0,p.ifDefined)(this.ariaLabel||void 0)}
|
|
2552
|
+
aria-labelledby=${(0,p.ifDefined)(this.ariaLabelledBy||void 0)}
|
|
2553
|
+
aria-live=${(0,p.ifDefined)(this.ariaLive||void 0)}
|
|
2554
|
+
aria-expanded=${(0,p.ifDefined)(this.computedAriaExpand)}
|
|
2555
|
+
aria-haspopup=${(0,p.ifDefined)("false"===this.ariaHaspopup?void 0:this.ariaHaspopup)}
|
|
2556
|
+
aria-pressed=${(0,p.ifDefined)(this.ariaPressed||void 0)}
|
|
2557
|
+
aria-disabled=${(0,p.ifDefined)(this.disabled||this.loading||void 0)}
|
|
2558
|
+
type=${this.type}
|
|
2559
|
+
role=${(0,p.ifDefined)("button"===this.role?void 0:this.role)}
|
|
2560
|
+
>
|
|
2561
|
+
${this.childrenTemplate()}
|
|
2562
|
+
</button>
|
|
2563
|
+
`:"input"===t?l.html`
|
|
2564
|
+
<input
|
|
2565
|
+
part="button"
|
|
2566
|
+
id=${this.id}
|
|
2567
|
+
class="md-button ${(0,h.classMap)(this.buttonClassMap)}"
|
|
2568
|
+
@click=${t=>this.handleClick(t)}
|
|
2569
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
2570
|
+
role=${this.role}
|
|
2571
|
+
tabindex=${(0,p.ifDefined)(this.tabIndex||void 0)}
|
|
2572
|
+
aria-pressed=${"true"===this.ariaPressed}
|
|
2573
|
+
aria-label=${(0,p.ifDefined)(this.ariaLabel||void 0)}
|
|
2574
|
+
aria-labelledby=${(0,p.ifDefined)(this.ariaLabelledBy||void 0)}
|
|
2575
|
+
aria-live=${(0,p.ifDefined)(this.ariaLive||void 0)}
|
|
2576
|
+
type=${this.type}
|
|
2577
|
+
alt=${this.label}
|
|
2578
|
+
value=${this.value}
|
|
2579
|
+
aria-disabled=${(0,p.ifDefined)(this.disabled||this.loading||void 0)}
|
|
2580
|
+
/>
|
|
2581
|
+
`:"a"===t?l.html`
|
|
2582
|
+
<a
|
|
2583
|
+
part="button"
|
|
2584
|
+
id=${this.id}
|
|
2585
|
+
class="md-button ${(0,h.classMap)(this.buttonClassMap)}"
|
|
2586
|
+
@click=${t=>this.handleClick(t)}
|
|
2587
|
+
@keydown=${t=>this.handleKeyDown(t)}
|
|
2588
|
+
role=${this.role}
|
|
2589
|
+
tabindex=${(0,p.ifDefined)(this.tabIndex||void 0)}
|
|
2590
|
+
aria-pressed=${"true"===this.ariaPressed?"true":"false"}
|
|
2591
|
+
aria-label=${(0,p.ifDefined)(this.ariaLabel||void 0)}
|
|
2592
|
+
aria-labelledby=${(0,p.ifDefined)(this.ariaLabelledBy||void 0)}
|
|
2593
|
+
aria-live=${(0,p.ifDefined)(this.ariaLive||void 0)}
|
|
2594
|
+
aria-disabled=${(0,p.ifDefined)(this.disabled||this.loading||void 0)}
|
|
2595
|
+
href=${this.href}
|
|
2596
|
+
>
|
|
2597
|
+
${this.childrenTemplate()}
|
|
2598
|
+
</a>
|
|
2599
|
+
`:d.nothing}get buttonContainerClassMap(){return{"md-button__container":this.containerLarge,"md-button__container--small":!this.containerLarge}}render(){return l.html`
|
|
2600
|
+
${this.getStyles()}
|
|
2601
|
+
${this.label?l.html`
|
|
2602
|
+
<div part="button-container" class=${(0,h.classMap)(this.buttonContainerClassMap)}>
|
|
2603
|
+
${this.buttonTemplate(this.tag)}
|
|
2604
|
+
<div part="button-label" class="md-button__label">${this.label}</div>
|
|
2605
|
+
</div>
|
|
2606
|
+
`:l.html` ${this.buttonTemplate(this.tag)} `}
|
|
2607
|
+
`}};u([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"active",null),u([(0,l.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),u([(0,l.property)({type:String})],e.prototype,"ariaLabel",void 0),u([(0,l.property)({type:String})],e.prototype,"ariaLabelledBy",void 0),u([(0,l.property)({type:String})],e.prototype,"ariaLive",void 0),u([(0,l.property)({type:String})],e.prototype,"ariaExpanded",void 0),u([(0,l.property)({type:String})],e.prototype,"ariaHaspopup",void 0),u([(0,l.property)({type:String})],e.prototype,"ariaPressed",void 0),u([(0,l.property)({type:Boolean})],e.prototype,"circle",void 0),u([(0,l.property)({type:Boolean})],e.prototype,"rounded",void 0),u([(0,l.property)({type:String})],e.prototype,"color",void 0),u([(0,l.property)({type:Boolean})],e.prototype,"containerLarge",void 0),u([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),u([(0,l.property)({type:String})],e.prototype,"href",void 0),u([(0,l.property)({type:String})],e.prototype,"id",void 0),u([(0,l.property)({type:String})],e.prototype,"value",void 0),u([(0,l.property)({type:String})],e.prototype,"keyboardKey",void 0),u([(0,l.property)({type:String})],e.prototype,"label",void 0),u([(0,l.property)({type:Boolean})],e.prototype,"loading",void 0),u([(0,l.property)({type:Boolean})],e.prototype,"outline",void 0),u([(0,l.property)({type:Boolean})],e.prototype,"hasRemoveStyle",void 0),u([(0,l.property)({type:String})],e.prototype,"size",void 0),u([(0,l.property)({type:String})],e.prototype,"tag",void 0),u([(0,l.property)({type:String})],e.prototype,"type",void 0),u([(0,l.property)({type:String})],e.prototype,"role",void 0),u([(0,l.property)({type:String})],e.prototype,"variant",void 0),u([(0,l.property)({type:String})],e.prototype,"width",void 0),u([(0,l.property)({type:String})],e.prototype,"maxWidth",void 0),u([(0,l.property)({type:String})],e.prototype,"activityType",void 0),u([(0,l.property)({type:Boolean})],e.prototype,"iconActive",void 0),u([(0,l.property)({type:Boolean})],e.prototype,"isActive",void 0),u([(0,l.property)({attribute:!1})],e.prototype,"clickFunction",void 0),u([(0,l.property)({type:Boolean,attribute:"is-placeholder-text"})],e.prototype,"isPlaceholderText",void 0),u([(0,l.query)(".md-button")],e.prototype,"button",void 0),e=u([(0,r.w)("md-button")],e),t.ELEMENT=e}(s||(s={}))},97737:(t,e,i)=>{i.d(e,{TabPanel:()=>s});var s,o=i(3001),r=i(31890),n=i(26272),a=i(41488),l=i(30076),d=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.selected=!1,this.name="",this.focusablePanel="true"}static get styles(){return[n.A,l.A]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","tabpanel"),"true"===this.focusablePanel&&this.setAttribute("tabindex","0")}render(){return a.html` <slot></slot> `}};d([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),d([(0,a.property)({type:String,attribute:"name"})],e.prototype,"name",void 0),d([(0,a.property)({type:String,attribute:"focusable-panel"})],e.prototype,"focusablePanel",void 0),e=d([(0,r.w)("md-tab-panel")],e),t.ELEMENT=e}(s||(s={}))},97822:t=>{t.exports=o},97866:(t,e,i)=>{i.d(e,{Form:()=>s});var s,o=i(3001),r=i(41488),n=i(97822),a=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.TS)(r.LitElement)){constructor(){super(...arguments),this.rel="",this.name="",this.action="",this.label="",this.method="get",this.target="_self",this.enctype="application/x-www-form-urlencoded",this.novalidate=!1,this.charset="UTF-8",this.isvalid=!1,this.token="on",this.allowRedirect=!1,this.autofillname="input-name",this.formElement=[],this.handleSubmit=t=>{t.preventDefault(),this.validated()&&this.submitForm()},this.handleFormSubmit=t=>{this.allowRedirect||t.preventDefault(),this.dispatchEvent(new CustomEvent("form-submitted",{composed:!0,bubbles:!0}))}}get formMethod(){return"GET"===this.method?"get":"POST"===this.method?"post":this.method}isSubmittable(t){return t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement}isDisabled(t){return t.hasAttribute("disabled")||"true"===t.getAttribute("aria-disabled")}findSubmittable(t,e){const i=Array.from(t.children);for(const t of i)if(!this.isDisabled(t))if(this.isSubmittable(t)&&e.add(t),t.shadowRoot)this.findSubmittable(t.shadowRoot,e);else if("SLOT"===t.tagName){const i=t.assignedElements();if(i.length){const{parentElement:t}=i[0];t&&this.findSubmittable(t,e)}}else this.findSubmittable(t,e);return[...e]}validated(){return!!this.novalidate||this.isvalid}submitForm(){const{form:t}=this;t.requestSubmit?t.requestSubmit():t.submit()}get submitButton(){return this.querySelector("button[type='submit']")||this.querySelector("input[type='submit']")||this.querySelector("md-button[type='submit']")}disconnectedCallback(){super.disconnectedCallback(),this.cleanupWrappedForms(),this.teardownEvents()}deleteWrappedForm(t){t.removeEventListener("submit",this.handleFormSubmit)}cleanupWrappedForms(){const{formElement:t}=this;if(t.length)for(const e of t)this.deleteWrappedForm(e);this.formElement=[]}createWrappedForm(t){const e=document.createElement("form");e.addEventListener("submit",this.handleFormSubmit);const{parentNode:i}=t;t.autocomplete=this.token,t.id||(t.id=this.autofillname),t.name||(t.name=this.autofillname),i&&(this.formElement.push(e),i.insertBefore(e,t),e.append(t))}teardownEvents(){this.submitButton&&this.submitButton.removeEventListener("click",this.handleSubmit)}setupEvents(){this.submitButton&&this.submitButton.addEventListener("click",this.handleSubmit)}setupSubmittable(){const t=this.findSubmittable(this.form,new Set);if(t.length)for(const e of t)this.createWrappedForm(e)}slottedChanged(){this.setupSubmittable(),this.setupEvents()}render(){return r.html`
|
|
2608
|
+
<form
|
|
2609
|
+
class="md-form"
|
|
2610
|
+
role="form"
|
|
2611
|
+
name=${(0,n.ifDefined)(this.name||void 0)}
|
|
2612
|
+
rel=${(0,n.ifDefined)(this.rel||void 0)}
|
|
2613
|
+
action=${(0,n.ifDefined)(this.action||void 0)}
|
|
2614
|
+
accept-charset=${this.charset}
|
|
2615
|
+
enctype=${this.enctype}
|
|
2616
|
+
aria-label=${(0,n.ifDefined)(this.label||void 0)}
|
|
2617
|
+
?novalidate=${this.novalidate}
|
|
2618
|
+
method=${this.formMethod}
|
|
2619
|
+
target=${this.target}
|
|
2620
|
+
part="form"
|
|
2621
|
+
@submit=${this.handleFormSubmit}
|
|
2622
|
+
>
|
|
2623
|
+
<slot></slot>
|
|
2624
|
+
</form>
|
|
2625
|
+
`}};a([(0,r.property)({type:String})],e.prototype,"rel",void 0),a([(0,r.property)({type:String})],e.prototype,"name",void 0),a([(0,r.property)({type:String})],e.prototype,"action",void 0),a([(0,r.property)({type:String})],e.prototype,"label",void 0),a([(0,r.property)({type:String})],e.prototype,"method",void 0),a([(0,r.property)({type:String})],e.prototype,"target",void 0),a([(0,r.property)({type:String})],e.prototype,"enctype",void 0),a([(0,r.property)({type:Boolean,reflect:!0,attribute:"no-validate"})],e.prototype,"novalidate",void 0),a([(0,r.property)({type:String,reflect:!0,attribute:"accept-charset"})],e.prototype,"charset",void 0),a([(0,r.property)({type:Boolean,reflect:!0,attribute:"is-valid"})],e.prototype,"isvalid",void 0),a([(0,r.property)({type:String,attribute:"autofill-token"})],e.prototype,"token",void 0),a([(0,r.property)({type:Boolean,attribute:"allow-redirect"})],e.prototype,"allowRedirect",void 0),a([(0,r.property)({type:String,attribute:"autofill-name"})],e.prototype,"autofillname",void 0),a([(0,r.query)(".md-form")],e.prototype,"form",void 0),e=a([(0,o.wW)("md-form")],e),t.ELEMENT=e}(s||(s={}))},98199:t=>{t.exports=a},99850:(t,e,i)=>{i.d(e,{Favorite:()=>s}),i(61200);var s,o=i(90195),r=i(3001),n=i(31890),a=i(26272),l=i(41488),d=i(23968),h=i(97822),p=i(27092),c=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.yC)(l.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[a.A,p.A]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(t){t.code!==o.Uz.Enter&&t.code!==o.Uz.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return l.html`
|
|
2626
|
+
<label
|
|
2627
|
+
for="favorite-checkbox"
|
|
2628
|
+
id="${this.id}"
|
|
2629
|
+
class="md-favorite ${(0,d.classMap)(this.favoriteClassMap)}"
|
|
2630
|
+
tabindex="0"
|
|
2631
|
+
>
|
|
2632
|
+
<input
|
|
2633
|
+
type="checkbox"
|
|
2634
|
+
aria-label=${(0,h.ifDefined)(this.label.length?this.label:void 0)}
|
|
2635
|
+
value=${this.value}
|
|
2636
|
+
?checked=${this.checked}
|
|
2637
|
+
?disabled=${this.disabled}
|
|
2638
|
+
aria-hidden="true"
|
|
2639
|
+
name="favorite-checkbox"
|
|
2640
|
+
/>
|
|
2641
|
+
<md-icon
|
|
2642
|
+
name="${this.checked?"favorite-filled":"favorite-bold"}"
|
|
2643
|
+
iconSet="momentumDesign"
|
|
2644
|
+
size="16"
|
|
2645
|
+
></md-icon>
|
|
2646
|
+
</label>
|
|
2647
|
+
`}};c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"checked",void 0),c([(0,l.property)({type:String})],e.prototype,"value",void 0),c([(0,l.property)({type:String})],e.prototype,"id",void 0),c([(0,l.property)({type:String})],e.prototype,"label",void 0),c([(0,l.internalProperty)()],e.prototype,"customId",void 0),e=c([(0,n.w)("md-favorite")],e),t.ELEMENT=e}(s||(s={}))}},N={};function U(t){var e=N[t];if(void 0!==e)return e.exports;var i=N[t]={exports:{}};return j[t].call(i.exports,i,i.exports,U),i.exports}U.m=j,_=[],U.O=(t,e,i,s)=>{if(!e){var o=1/0;for(l=0;l<_.length;l++){for(var[e,i,s]=_[l],r=!0,n=0;n<e.length;n++)(!1&s||o>=s)&&Object.keys(U.O).every((t=>U.O[t](e[n])))?e.splice(n--,1):(r=!1,s<o&&(o=s));if(r){_.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var l=_.length;l>0&&_[l-1][2]>s;l--)_[l]=_[l-1];_[l]=[e,i,s]},U.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return U.d(e,{a:e}),e},B=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,U.t=function(t,e){if(1&e&&(t=this(t)),8&e)return t;if("object"==typeof t&&t){if(4&e&&t.__esModule)return t;if(16&e&&"function"==typeof t.then)return t}var i=Object.create(null);U.r(i);var s={};F=F||[null,B({}),B([]),B(B)];for(var o=2&e&&t;"object"==typeof o&&!~F.indexOf(o);o=B(o))Object.getOwnPropertyNames(o).forEach((e=>s[e]=()=>t[e]));return s.default=()=>t,U.d(i,s),i},U.d=(t,e)=>{for(var i in e)U.o(e,i)&&!U.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},U.f={},U.e=t=>Promise.all(Object.keys(U.f).reduce(((e,i)=>(U.f[i](t,e),e)),[])),U.u=t=>"chunks/md-"+t+".js",U.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),U.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),z={},V="@momentum-ui/web-components:",U.l=(t,e,i,s)=>{if(z[t])z[t].push(e);else{var o,r;if(void 0!==i)for(var n=document.getElementsByTagName("script"),a=0;a<n.length;a++){var l=n[a];if(l.getAttribute("src")==t||l.getAttribute("data-webpack")==V+i){o=l;break}}o||(r=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,U.nc&&o.setAttribute("nonce",U.nc),o.setAttribute("data-webpack",V+i),o.src=t),z[t]=[e];var d=(e,i)=>{o.onerror=o.onload=null,clearTimeout(h);var s=z[t];if(delete z[t],o.parentNode&&o.parentNode.removeChild(o),s&&s.forEach((t=>t(i))),e)return e(i)},h=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),r&&document.head.appendChild(o)}},U.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},U.p="/",(()=>{var t={109:0,144:0,195:0,445:0,502:0,555:0,671:0,762:0,984:0,1037:0,1200:0,1266:0,1323:0,1439:0,1459:0,1462:0,1528:0,1682:0,1745:0,1788:0,1807:0,2105:0,2139:0,2169:0,2176:0,2330:0,2434:0,2547:0,2576:0,2779:0,2781:0,2909:0,3001:0,3079:0,3192:0,3413:0,3539:0,3747:0,3938:0,3943:0,4131:0,4139:0,4259:0,4545:0,4908:0,4928:0,4971:0,5156:0,5310:0,5369:0,5382:0,5433:0,5517:0,6029:0,6060:0,6085:0,6132:0,6220:0,6396:0,6408:0,6433:0,6494:0,6587:0,6652:0,6677:0,6724:0,6754:0,6798:0,6834:0,6920:0,7145:0,7219:0,7455:0,7684:0,7711:0,7719:0,7763:0,7814:0,7927:0,8028:0,8111:0,8115:0,8220:0,8334:0,8339:0,8442:0,8510:0,8654:0,8894:0,9058:0,9237:0,9788:0};U.f.j=(e,i)=>{var s=U.o(t,e)?t[e]:void 0;if(0!==s)if(s)i.push(s[2]);else{var o=new Promise(((i,o)=>s=t[e]=[i,o]));i.push(s[2]=o);var r=U.p+U.u(e),n=new Error;U.l(r,(i=>{if(U.o(t,e)&&(0!==(s=t[e])&&(t[e]=void 0),s)){var o=i&&("load"===i.type?"missing":i.type),r=i&&i.target&&i.target.src;n.message="Loading chunk "+e+" failed.\n("+o+": "+r+")",n.name="ChunkLoadError",n.type=o,n.request=r,s[1](n)}}),"chunk-"+e,e)}},U.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,n,a]=i,l=0;if(r.some((e=>0!==t[e]))){for(s in n)U.o(n,s)&&(U.m[s]=n[s]);if(a)var d=a(U)}for(e&&e(i);l<r.length;l++)o=r[l],U.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return U.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var q=U.O(void 0,[7502,7103,1890,6272,6325,6875,9813,8889,8210,3135,1598,4977,1572,6366,4974,2243,7251,3553,4548,6700,6795,76,528,1392,2019,3625,6067,1625,8841,4663,3112,3866,1107,7330,7092,9719,6979,7030,9618,6273,8521,4400,779,573,5801,2043,8171,2798,182,2984,7919,1869,2215,5467,4392,630,3604,7833,8227,8728,1250,1705,7875,6400,587,6441,6015,3663],(()=>U(48798)));return U.O(q)})()));
|