@momentum-ui/web-components 2.14.16 → 2.14.18
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/README.md +1 -1
- package/dist/chunks/md-0.js +1 -1
- package/dist/chunks/md-1.js +1 -1
- package/dist/chunks/md-10.js +1 -26
- package/dist/chunks/md-100.js +1 -1
- package/dist/chunks/md-101.js +1 -1
- package/dist/chunks/md-102.js +1 -1
- package/dist/chunks/md-103.js +1 -1
- package/dist/chunks/md-104.js +1 -1
- package/dist/chunks/md-105.js +1 -1
- package/dist/chunks/md-106.js +1 -1
- package/dist/chunks/md-107.js +1 -1
- package/dist/chunks/md-108.js +1 -1
- package/dist/chunks/md-109.js +1 -1
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-110.js +1 -1
- package/dist/chunks/md-111.js +1 -1
- package/dist/chunks/md-112.js +1 -1
- package/dist/chunks/md-113.js +1 -1
- package/dist/chunks/md-114.js +1 -1
- package/dist/chunks/md-115.js +1 -1
- package/dist/chunks/md-116.js +1 -1
- package/dist/chunks/md-117.js +1 -1
- package/dist/chunks/md-118.js +1 -1
- package/dist/chunks/md-119.js +1 -1
- package/dist/chunks/md-120.js +1 -1
- package/dist/chunks/md-121.js +1 -1
- package/dist/chunks/md-122.js +1 -1
- package/dist/chunks/md-123.js +1 -1
- package/dist/chunks/md-124.js +1 -1
- package/dist/chunks/md-125.js +1 -1
- package/dist/chunks/md-126.js +1 -1
- package/dist/chunks/md-127.js +1 -1
- package/dist/chunks/md-128.js +1 -1
- package/dist/chunks/md-129.js +1 -1
- package/dist/chunks/md-13.js +1 -11
- package/dist/chunks/md-130.js +1 -1
- package/dist/chunks/md-131.js +1 -1
- package/dist/chunks/md-132.js +1 -1
- package/dist/chunks/md-133.js +1 -1
- package/dist/chunks/md-134.js +1 -1
- package/dist/chunks/md-135.js +1 -1
- package/dist/chunks/md-136.js +1 -1
- package/dist/chunks/md-137.js +1 -1
- package/dist/chunks/md-138.js +1 -1
- package/dist/chunks/md-139.js +1 -1
- package/dist/chunks/md-14.js +10 -8
- package/dist/chunks/md-140.js +1 -1
- package/dist/chunks/md-141.js +1 -1
- package/dist/chunks/md-142.js +1 -1
- package/dist/chunks/md-143.js +1 -1
- package/dist/chunks/md-144.js +1 -1
- package/dist/chunks/md-145.js +1 -1
- package/dist/chunks/md-146.js +1 -1
- package/dist/chunks/md-147.js +1 -1
- package/dist/chunks/md-148.js +1 -1
- package/dist/chunks/md-149.js +1 -1
- package/dist/chunks/md-15.js +9 -1
- package/dist/chunks/md-150.js +1 -1
- package/dist/chunks/md-151.js +1 -1
- package/dist/chunks/md-152.js +1 -1
- package/dist/chunks/md-153.js +1 -1
- package/dist/chunks/md-154.js +1 -1
- package/dist/chunks/md-155.js +1 -1
- package/dist/chunks/md-156.js +1 -1
- package/dist/chunks/md-157.js +1 -1
- package/dist/chunks/md-158.js +1 -1
- package/dist/chunks/md-159.js +1 -1
- package/dist/chunks/md-16.js +1 -26
- package/dist/chunks/md-160.js +1 -1
- package/dist/chunks/md-161.js +1 -1
- package/dist/chunks/md-162.js +1 -1
- package/dist/chunks/md-163.js +1 -1
- package/dist/chunks/md-164.js +1 -1
- package/dist/chunks/md-165.js +1 -1
- package/dist/chunks/md-166.js +1 -1
- package/dist/chunks/md-167.js +1 -1
- package/dist/chunks/md-168.js +1 -1
- package/dist/chunks/md-169.js +1 -1
- package/dist/chunks/md-17.js +23 -119
- package/dist/chunks/md-170.js +1 -1
- package/dist/chunks/md-171.js +1 -1
- package/dist/chunks/md-172.js +1 -1
- package/dist/chunks/md-173.js +1 -1
- package/dist/chunks/md-174.js +1 -1
- package/dist/chunks/md-175.js +1 -1
- package/dist/chunks/md-176.js +1 -1
- package/dist/chunks/md-177.js +1 -1
- package/dist/chunks/md-178.js +1 -1
- package/dist/chunks/md-179.js +1 -1
- package/dist/chunks/md-18.js +122 -17
- package/dist/chunks/md-180.js +1 -1
- package/dist/chunks/md-181.js +1 -1
- package/dist/chunks/md-182.js +1 -1
- package/dist/chunks/md-183.js +1 -1
- package/dist/chunks/md-184.js +1 -1
- package/dist/chunks/md-185.js +1 -1
- package/dist/chunks/md-186.js +1 -1
- package/dist/chunks/md-187.js +1 -1
- package/dist/chunks/md-188.js +1 -1
- package/dist/chunks/md-189.js +1 -1
- package/dist/chunks/md-19.js +17 -1
- package/dist/chunks/md-190.js +1 -1
- package/dist/chunks/md-191.js +1 -1
- package/dist/chunks/md-192.js +1 -1
- package/dist/chunks/md-193.js +1 -1
- package/dist/chunks/md-194.js +1 -1
- package/dist/chunks/md-195.js +1 -1
- package/dist/chunks/md-196.js +1 -1
- package/dist/chunks/md-197.js +1 -1
- package/dist/chunks/md-198.js +1 -1
- package/dist/chunks/md-199.js +1 -1
- package/dist/chunks/md-20.js +1 -8
- package/dist/chunks/md-200.js +1 -1
- package/dist/chunks/md-201.js +1 -1
- package/dist/chunks/md-202.js +1 -1
- package/dist/chunks/md-203.js +1 -1
- package/dist/chunks/md-204.js +1 -1
- package/dist/chunks/md-205.js +1 -1
- package/dist/chunks/md-206.js +1 -1
- package/dist/chunks/md-207.js +1 -1
- package/dist/chunks/md-208.js +1 -1
- package/dist/chunks/md-209.js +1 -1
- package/dist/chunks/md-21.js +8 -23
- package/dist/chunks/md-210.js +1 -1
- package/dist/chunks/md-211.js +1 -1
- package/dist/chunks/md-212.js +1 -1
- package/dist/chunks/md-213.js +1 -1
- package/dist/chunks/md-214.js +1 -1
- package/dist/chunks/md-215.js +1 -1
- package/dist/chunks/md-216.js +1 -1
- package/dist/chunks/md-217.js +1 -1
- package/dist/chunks/md-218.js +1 -1
- package/dist/chunks/md-219.js +1 -1
- package/dist/chunks/md-22.js +23 -1
- package/dist/chunks/md-220.js +1 -1
- package/dist/chunks/md-221.js +1 -1
- package/dist/chunks/md-222.js +1 -1
- package/dist/chunks/md-223.js +1 -1
- package/dist/chunks/md-224.js +1 -1
- package/dist/chunks/md-225.js +1 -1
- package/dist/chunks/md-226.js +1 -1
- package/dist/chunks/md-227.js +1 -1
- package/dist/chunks/md-228.js +1 -1
- package/dist/chunks/md-229.js +1 -1
- package/dist/chunks/md-23.js +1 -7
- package/dist/chunks/md-230.js +1 -1
- package/dist/chunks/md-231.js +1 -1
- package/dist/chunks/md-232.js +1 -1
- package/dist/chunks/md-233.js +1 -1
- package/dist/chunks/md-234.js +1 -1
- package/dist/chunks/md-235.js +1 -1
- package/dist/chunks/md-236.js +1 -1
- package/dist/chunks/md-237.js +1 -1
- package/dist/chunks/md-238.js +1 -1
- package/dist/chunks/md-239.js +1 -1
- package/dist/chunks/md-24.js +7 -8
- package/dist/chunks/md-240.js +1 -1
- package/dist/chunks/md-241.js +1 -1
- package/dist/chunks/md-242.js +1 -1
- package/dist/chunks/md-243.js +1 -1
- package/dist/chunks/md-244.js +1 -1
- package/dist/chunks/md-245.js +1 -1
- package/dist/chunks/md-246.js +1 -1
- package/dist/chunks/md-247.js +1 -1
- package/dist/chunks/md-248.js +1 -1
- package/dist/chunks/md-249.js +1 -1
- package/dist/chunks/md-25.js +8 -1
- package/dist/chunks/md-250.js +1 -1
- package/dist/chunks/md-251.js +1 -1
- package/dist/chunks/md-252.js +1 -1
- package/dist/chunks/md-253.js +1 -1
- package/dist/chunks/md-254.js +1 -1
- package/dist/chunks/md-255.js +1 -1
- package/dist/chunks/md-256.js +1 -1
- package/dist/chunks/md-257.js +1 -1
- package/dist/chunks/md-258.js +1 -1
- package/dist/chunks/md-259.js +1 -1
- package/dist/chunks/md-26.js +1 -1
- package/dist/chunks/md-260.js +1 -1
- package/dist/chunks/md-261.js +1 -1
- package/dist/chunks/md-262.js +1 -1
- package/dist/chunks/md-263.js +1 -1
- package/dist/chunks/md-264.js +1 -1
- package/dist/chunks/md-265.js +1 -1
- package/dist/chunks/md-266.js +1 -1
- package/dist/chunks/md-267.js +1 -1
- package/dist/chunks/md-268.js +1 -1
- package/dist/chunks/md-269.js +1 -1
- package/dist/chunks/md-27.js +1 -61
- package/dist/chunks/md-270.js +1 -1
- package/dist/chunks/md-271.js +1 -1
- package/dist/chunks/md-272.js +1 -1
- package/dist/chunks/md-273.js +1 -1
- package/dist/chunks/md-274.js +1 -1
- package/dist/chunks/md-275.js +1 -1
- package/dist/chunks/md-276.js +1 -1
- package/dist/chunks/md-277.js +1 -1
- package/dist/chunks/md-278.js +1 -1
- package/dist/chunks/md-279.js +1 -1
- package/dist/chunks/md-28.js +55 -1
- package/dist/chunks/md-280.js +1 -0
- package/dist/chunks/md-281.js +1 -0
- package/dist/chunks/md-282.js +1 -0
- package/dist/chunks/md-29.js +1 -221
- package/dist/chunks/md-3.js +1 -1
- package/dist/chunks/md-30.js +213 -43
- package/dist/chunks/md-31.js +49 -1
- package/dist/chunks/md-32.js +1 -1
- package/dist/chunks/md-33.js +1 -36
- package/dist/chunks/md-34.js +36 -33
- package/dist/chunks/md-35.js +32 -22
- package/dist/chunks/md-36.js +23 -5
- package/dist/chunks/md-37.js +5 -5
- package/dist/chunks/md-38.js +5 -1
- package/dist/chunks/md-39.js +1 -21
- package/dist/chunks/md-4.js +1 -1
- package/dist/chunks/md-40.js +20 -41
- package/dist/chunks/md-41.js +26 -1
- package/dist/chunks/md-42.js +42 -30
- package/dist/chunks/md-43.js +1 -16
- package/dist/chunks/md-44.js +30 -1
- package/dist/chunks/md-45.js +12 -23
- package/dist/chunks/md-46.js +1 -5
- package/dist/chunks/md-47.js +26 -37
- package/dist/chunks/md-48.js +5 -13
- package/dist/chunks/md-49.js +37 -25
- package/dist/chunks/md-5.js +1 -1
- package/dist/chunks/md-50.js +13 -20
- package/dist/chunks/md-51.js +31 -119
- package/dist/chunks/md-52.js +17 -95
- package/dist/chunks/md-53.js +121 -11
- package/dist/chunks/md-54.js +97 -4
- package/dist/chunks/md-55.js +11 -77
- package/dist/chunks/md-56.js +4 -67
- package/dist/chunks/md-57.js +74 -19
- package/dist/chunks/md-58.js +68 -14
- package/dist/chunks/md-59.js +21 -4
- package/dist/chunks/md-6.js +3 -3
- package/dist/chunks/md-60.js +14 -51
- package/dist/chunks/md-61.js +4 -21
- package/dist/chunks/md-62.js +51 -5
- package/dist/chunks/md-63.js +22 -1
- package/dist/chunks/md-64.js +46 -22
- package/dist/chunks/md-65.js +4 -4
- package/dist/chunks/md-66.js +1 -11
- package/dist/chunks/md-67.js +22 -141
- package/dist/chunks/md-68.js +4 -29
- package/dist/chunks/md-69.js +11 -70
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-70.js +141 -18
- package/dist/chunks/md-71.js +29 -21
- package/dist/chunks/md-72.js +70 -17
- package/dist/chunks/md-73.js +19 -76
- package/dist/chunks/md-74.js +22 -7
- package/dist/chunks/md-75.js +17 -72
- package/dist/chunks/md-76.js +76 -78
- package/dist/chunks/md-77.js +7 -66
- package/dist/chunks/md-78.js +72 -17
- package/dist/chunks/md-79.js +78 -5
- package/dist/chunks/md-8.js +26 -1
- package/dist/chunks/md-80.js +65 -18
- package/dist/chunks/md-81.js +17 -1
- package/dist/chunks/md-82.js +4 -167
- package/dist/chunks/md-83.js +18 -42
- package/dist/chunks/md-84.js +1 -101
- package/dist/chunks/md-85.js +166 -80
- package/dist/chunks/md-86.js +42 -11
- package/dist/chunks/md-87.js +98 -39
- package/dist/chunks/md-88.js +78 -30
- package/dist/chunks/md-89.js +12 -1
- package/dist/chunks/md-9.js +1 -1
- package/dist/chunks/md-90.js +42 -1
- package/dist/chunks/md-91.js +34 -1
- package/dist/chunks/md-92.js +1 -1
- package/dist/chunks/md-93.js +1 -1
- package/dist/chunks/md-94.js +1 -1
- package/dist/chunks/md-95.js +1 -1
- package/dist/chunks/md-96.js +1 -1
- package/dist/chunks/md-97.js +1 -1
- package/dist/chunks/md-98.js +1 -1
- package/dist/chunks/md-99.js +1 -1
- package/dist/comp/md-accordion-entry.js +1 -1
- package/dist/comp/md-accordion-item-entry.js +1 -1
- package/dist/comp/md-accordion-item.js +4 -4
- package/dist/comp/md-accordion.js +4 -4
- package/dist/comp/md-activity-button-entry.js +1 -1
- package/dist/comp/md-activity-button.js +3 -3
- package/dist/comp/md-advance-list-entry.js +1 -1
- package/dist/comp/md-advance-list.js +1 -1
- package/dist/comp/md-alert-banner-entry.js +1 -1
- package/dist/comp/md-alert-banner.js +3 -3
- package/dist/comp/md-alert-entry.js +1 -1
- package/dist/comp/md-alert.js +4 -4
- package/dist/comp/md-audio-player-entry.js +1 -1
- package/dist/comp/md-audio-player.js +6 -5
- package/dist/comp/md-avatar-entry.js +1 -1
- package/dist/comp/md-avatar.js +4 -4
- package/dist/comp/md-badge-entry.js +1 -1
- package/dist/comp/md-badge.js +1 -1
- package/dist/comp/md-breadcrumb-entry.js +1 -1
- package/dist/comp/md-breadcrumb.js +1 -1
- package/dist/comp/md-button-entry.js +1 -1
- package/dist/comp/md-button-group-entry.js +1 -1
- package/dist/comp/md-button-group.js +3 -3
- package/dist/comp/md-card-ai-entry.js +1 -1
- package/dist/comp/md-card-ai.js +3 -3
- package/dist/comp/md-card-entry.js +1 -1
- package/dist/comp/md-card.js +10 -9
- package/dist/comp/md-chat-message-entry.js +1 -1
- package/dist/comp/md-chat-message.js +5 -5
- package/dist/comp/md-checkbox-entry.js +1 -1
- package/dist/comp/md-checkbox.js +4 -4
- package/dist/comp/md-checkboxgroup-entry.js +1 -1
- package/dist/comp/md-checkboxgroup.js +4 -4
- package/dist/comp/md-chip-entry.js +1 -1
- package/dist/comp/md-chip.js +7 -6
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +1 -0
- package/dist/comp/md-coachmark-popover.js +15 -0
- package/dist/comp/md-coachmark.js +3 -3
- package/dist/comp/md-combobox-entry.js +1 -1
- package/dist/comp/md-combobox.js +5 -5
- package/dist/comp/md-composite-avatar-entry.js +1 -1
- package/dist/comp/md-composite-avatar.js +2 -2
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +10 -9
- package/dist/comp/md-date-time-picker-entry.js +1 -1
- package/dist/comp/md-date-time-picker.js +6 -5
- package/dist/comp/md-datepicker-calendar-entry.js +1 -1
- package/dist/comp/md-datepicker-calendar.js +7 -7
- package/dist/comp/md-datepicker-day-entry.js +1 -1
- package/dist/comp/md-datepicker-day.js +2 -2
- package/dist/comp/md-datepicker-entry.js +1 -1
- package/dist/comp/md-datepicker-month-entry.js +1 -1
- package/dist/comp/md-datepicker-month.js +4 -4
- package/dist/comp/md-datepicker-week-entry.js +1 -1
- package/dist/comp/md-datepicker-week.js +3 -3
- package/dist/comp/md-datepicker.js +9 -8
- package/dist/comp/md-draggable-entry.js +1 -1
- package/dist/comp/md-draggable-item-entry.js +1 -1
- package/dist/comp/md-draggable-item.js +4 -4
- package/dist/comp/md-draggable.js +4 -4
- package/dist/comp/md-dropdown-entry.js +1 -1
- package/dist/comp/md-dropdown.js +3 -3
- package/dist/comp/md-editable-field-entry.js +1 -1
- package/dist/comp/md-editable-field.js +6 -6
- package/dist/comp/md-favorite-entry.js +1 -1
- package/dist/comp/md-favorite.js +3 -3
- package/dist/comp/md-floating-minimize-entry.js +1 -1
- package/dist/comp/md-floating-minimize.js +3 -3
- package/dist/comp/md-floating-modal-entry.js +1 -1
- package/dist/comp/md-floating-modal.js +4 -4
- package/dist/comp/md-form-entry.js +1 -1
- package/dist/comp/md-form.js +3 -3
- package/dist/comp/md-grabber-entry.js +1 -1
- package/dist/comp/md-grabber.js +3 -3
- package/dist/comp/md-help-text-entry.js +1 -1
- package/dist/comp/md-help-text.js +1 -1
- package/dist/comp/md-icon-entry.js +1 -1
- package/dist/comp/md-icon.js +2 -2
- package/dist/comp/md-inpu.js +3 -3
- package/dist/comp/md-input-entry.js +1 -1
- package/dist/comp/md-input-file.js +1 -1
- package/dist/comp/md-input.js +4 -4
- package/dist/comp/md-label-entry.js +1 -1
- package/dist/comp/md-label.js +1 -1
- package/dist/comp/md-link-entry.js +1 -1
- package/dist/comp/md-link.js +1 -1
- package/dist/comp/md-list-entry.js +1 -1
- package/dist/comp/md-list-item-entry.js +1 -1
- package/dist/comp/md-list-item.js +4 -4
- package/dist/comp/md-list.js +4 -4
- package/dist/comp/md-loading-entry.js +1 -1
- package/dist/comp/md-loading.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +1 -1
- package/dist/comp/md-meeting-alert.js +5 -5
- package/dist/comp/md-menu-entry.js +1 -1
- package/dist/comp/md-menu-item-entry.js +1 -1
- package/dist/comp/md-menu-item.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +1 -1
- package/dist/comp/md-menu-overlay.js +2 -1
- package/dist/comp/md-menu.js +3 -3
- package/dist/comp/md-modal-entry.js +1 -1
- package/dist/comp/md-modal.js +3 -3
- package/dist/comp/md-pagination-entry.js +1 -1
- package/dist/comp/md-pagination.js +3 -3
- package/dist/comp/md-phone-input-entry.js +1 -1
- package/dist/comp/md-phone-input.js +7 -7
- package/dist/comp/md-popover-entry.js +1 -0
- package/dist/comp/md-popover.js +14 -0
- package/dist/comp/md-progress-bar-entry.js +1 -1
- package/dist/comp/md-progress-bar.js +1 -1
- package/dist/comp/md-radio-entry.js +1 -1
- package/dist/comp/md-radio.js +4 -4
- package/dist/comp/md-radiogroup-entry.js +1 -1
- package/dist/comp/md-radiogroup.js +4 -4
- package/dist/comp/md-slider-entry.js +1 -1
- package/dist/comp/md-slider.js +3 -3
- package/dist/comp/md-spinner-entry.js +1 -1
- package/dist/comp/md-tab-entry.js +1 -1
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-tab-panel.js +4 -4
- package/dist/comp/md-tab.js +4 -4
- package/dist/comp/md-table-advanced-entry.js +1 -1
- package/dist/comp/md-table-advanced.js +5 -4
- package/dist/comp/md-table-entry.js +1 -1
- package/dist/comp/md-table.js +3 -3
- package/dist/comp/md-tabs-entry.js +1 -1
- package/dist/comp/md-tabs.js +8 -7
- package/dist/comp/md-task-item-entry.js +1 -1
- package/dist/comp/md-task-item.js +4 -4
- package/dist/comp/md-theme-entry.js +1 -1
- package/dist/comp/md-theme.js +2 -2
- package/dist/comp/md-timepicker-entry.js +1 -1
- package/dist/comp/md-timepicker.js +9 -9
- package/dist/comp/md-toggle-switch-entry.js +1 -1
- package/dist/comp/md-toggle-switch.js +4 -4
- package/dist/comp/md-tooltip-entry.js +1 -1
- package/dist/comp/md-tooltip.js +5 -4
- package/dist/index-entry.js +2 -2
- package/dist/index.js +55 -52
- package/dist/types/components/advance-list/AdvanceList.d.ts +3 -0
- package/dist/types/components/alert/Alert.d.ts +7 -5
- package/dist/types/components/avatar/Avatar.d.ts +1 -1
- package/dist/types/components/avatar/Presence.d.ts +1 -2
- package/dist/types/components/avatar/Presence.utils.d.ts +0 -1
- package/dist/types/components/button/Button.d.ts +3 -1
- package/dist/types/components/chip/Chip.d.ts +2 -2
- package/dist/types/components/coachmark-popover/CoachmarkPopover.d.ts +211 -0
- package/dist/types/components/combobox/ComboBox.d.ts +25 -11
- package/dist/types/components/input/Input.d.ts +1 -0
- package/dist/types/components/menu-overlay/MenuOverlay.d.ts +1 -1
- package/dist/types/components/popover/Popover.d.ts +184 -0
- package/dist/types/components/popover/Popover.types.d.ts +8 -0
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/dist/types/components/tooltip/Tooltip.d.ts +3 -2
- package/dist/types/index.d.ts +3 -1
- package/package.json +1 -1
package/dist/chunks/md-28.js
CHANGED
|
@@ -1 +1,55 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[28],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[28],{52:function(e,t,r){"use strict";r.r(t),r.d(t,"Avatar",(function(){return l}));r(14);var a=r(5),i=r(6),n=r(0);const s=(e,t,r=!1)=>{let a="",i="";if(t)a="warning-badge-filled",i="var(--mds-color-theme-indicator-attention)";else{if(!e||""===e)return{presenceIcon:void 0,presenceColor:void 0};switch(e){case"active":a="active-presence-small-filled",i="var(--avatar-presence-active)";break;case"meeting":a=r?"camera-presence-filled":"camera-presence_14",i="var(--avatar-presence-unstable)";break;case"schedule":a=r?"meetings-presence-badge-filled":"meetings-presence_14",i="var(--avatar-presence-unstable)";break;case"call":a=r?"handset-filled":"handset-active_16",i="var(--avatar-presence-unstable)";break;case"dnd":a=r?"dnd-presence-badge-filled":"dnd-presence_14",i="var(--avatar-presence-dnd)";break;case"presenting":a=r?"share-screen-badge-filled":"content-share_14",i="var(--avatar-presence-dnd)";break;case"quiet-hours":a="quiet-hours-presence-filled",i="var(--avatar-presence-inactive)";break;case"away":case"idle":case"inactive":a=r?"recents-presence-badge-filled":"recents-presence_14",i="var(--avatar-presence-inactive)";break;case"away-calling":a="away-calling-presence-filled",i="var(--avatar-presence-inactive)";break;case"ooo":a="pto-presence-filled",i="var(--avatar-presence-inactive)";break;case"busy":a="busy-presence-bold",i="var(--avatar-presence-unstable)";break;case"on-mobile":a="phone-filled",i="var(--avatar-presence-inactive)";break;case"on-device":a=r?"generic-device-video-filled":"generic-device-video_16",i="var(--avatar-presence-inactive)";break;case"on-hold":a="pause-badge-filled",i="var(--avatar-presence-inactive)";break;case"engaged":a="busy-presence-bold",i="var(--avatar-presence-engaged)";break;case"rona":a="dnd-presence-badge-filled",i="var(--avatar-presence-rona)"}}return{presenceColor:i,presenceIcon:a}};var o,c=r(39),p=function(e,t,r,a){var i,n=arguments.length,s=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(s=(n<3?i(s):n>3?i(t,r,s):i(t,r))||s);return n>3&&s&&Object.defineProperty(t,r,s),s};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.name="",this.size=48,this.title="",this.color=""}static get styles(){return[i.a,c.a]}render(){const e=(t=this.size)<=32?14:t<=48?13.94:t<=64?18.58:t<=72?20.9:t<=88?25.55:36;var t;return n.html`
|
|
2
|
+
<div class="avatar-presence-wrapper" data-size=${this.size} data-icon-size=${e}>
|
|
3
|
+
<md-icon
|
|
4
|
+
name="${this.name}"
|
|
5
|
+
color="${this.color}"
|
|
6
|
+
size=${e}
|
|
7
|
+
title="${this.title}"
|
|
8
|
+
.iconSet=${"momentumDesign"}
|
|
9
|
+
>
|
|
10
|
+
</md-icon>
|
|
11
|
+
</div>
|
|
12
|
+
`}};p([Object(n.property)({type:String})],t.prototype,"name",void 0),p([Object(n.property)({type:Number})],t.prototype,"size",void 0),p([Object(n.property)({type:String})],t.prototype,"title",void 0),p([Object(n.property)({type:String})],t.prototype,"color",void 0),t=p([Object(a.a)("md-presence")],t),e.ELEMENT=t}(o||(o={}));r(80);var l,d=r(27),h=r(2),v=r(4),m=r(3),y=r(8),b=r(43),u=function(e,t,r,a){var i,n=arguments.length,s=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(s=(n<3?i(s):n>3?i(t,r,s):i(t,r))||s);return n>3&&s&&Object.defineProperty(t,r,s),s},g=function(e,t,r,a){return new(r||(r=Promise))((function(i,n){function s(e){try{c(a.next(e))}catch(e){n(e)}}function o(e){try{c(a.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,o)}c((a=a.apply(e,t||[])).next())}))};!function(e){let t=class extends n.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(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[i.a,c.a]}firstUpdated(){const{presenceColor:e,presenceIcon:t}=s(this.type,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=t}updated(e){if(super.updated(e),e.has("type")){const{presenceColor:e,presenceIcon:t}=s(this.type,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=t}e.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}}get avatarStyleMap(){return{["md-avatar--"+this.color]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.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?n.html` <md-loading></md-loading> `:h.nothing}get avatarLetter(){return this.title?n.html`
|
|
13
|
+
<span class="md-avatar__letter ${Object(v.classMap)(this.avatarLetterClassMap)}">
|
|
14
|
+
${this.pretifyTitle}
|
|
15
|
+
<slot></slot>
|
|
16
|
+
${this.renderIsTyping}
|
|
17
|
+
</span>
|
|
18
|
+
`:h.nothing}get avatarIcon(){return n.html`
|
|
19
|
+
<span class="md-avatar__icon ${Object(v.classMap)(this.avatarStyleMap)}">
|
|
20
|
+
<md-icon
|
|
21
|
+
.name=${this.iconName}
|
|
22
|
+
.iconSet=${this.newMomentum?"momentumDesign":"momentumUI"}
|
|
23
|
+
.size=${this.newMomentum?this.iconSize:""}
|
|
24
|
+
></md-icon>
|
|
25
|
+
</span>
|
|
26
|
+
`}get avatarImage(){return n.html`
|
|
27
|
+
${Object(b.until)(this.loadImage().then(e=>(this.handleImageLoad(),n.html` ${e} `)).catch(()=>this.handleImageError()),n.html` ${this.iconName?this.avatarIcon:this.title?n.html` ${this.avatarLetter} `:h.nothing} `)}
|
|
28
|
+
`}loadImage(){return g(this,void 0,void 0,(function*(){return new Promise((e,t)=>{const r=document.createElement("img");r.src=this.src,r.alt=this.alt,r.onload=()=>e(r),r.onerror=e=>t(e),r.classList.add("md-avatar__img"),r.classList.toggle("md-avatar__img--hidden",!this.imageLoaded)})}))}handleImageLoad(){this.imageLoaded=!0}handleImageError(){this.imageErrored=!0}handleKeyDown(e){if(!this.clickable)return;const{code:t}=e;Object(d.a)(t)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}handleClick(e){this.clickable&&(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})))}get avatarContent(){return this.src&&!this.imageErrored?this.avatarImage:this.iconName?this.avatarIcon:this.title?this.avatarLetter:h.nothing}renderPresence(){return this.newMomentum&&this.type&&"self"!==this.type&&this.presenceIcon?n.html`
|
|
29
|
+
<md-presence
|
|
30
|
+
class="avatar-presence"
|
|
31
|
+
name="${this.presenceIcon}"
|
|
32
|
+
color="${this.presenceColor}"
|
|
33
|
+
size="${this.size}"
|
|
34
|
+
>
|
|
35
|
+
</md-presence>
|
|
36
|
+
`:h.nothing}render(){return n.html`
|
|
37
|
+
<div
|
|
38
|
+
part="avatar"
|
|
39
|
+
class="md-avatar
|
|
40
|
+
${Object(v.classMap)(this.avatarClassMap)}"
|
|
41
|
+
role=${this.role}
|
|
42
|
+
@click=${e=>this.handleClick(e)}
|
|
43
|
+
@keydown=${e=>this.handleKeyDown(e)}
|
|
44
|
+
tabindex=${Object(m.ifDefined)(this.tabIndex||void 0)}
|
|
45
|
+
aria-label=${Object(m.ifDefined)(this.label)}
|
|
46
|
+
>
|
|
47
|
+
${"self"===this.type?n.html`
|
|
48
|
+
<span class="md-avatar__self" style=${Object(y.styleMap)(this.avatarStyleMap)}>
|
|
49
|
+
<md-icon .name=${this.chatIconName} .iconSet=${"momentumDesign"} .size=${this.chatIconSize}></md-icon>
|
|
50
|
+
</span>
|
|
51
|
+
`:this.avatarContent}
|
|
52
|
+
${this.hasNotification?n.html` <span class="md-avatar__notification-badge"></span> `:h.nothing}
|
|
53
|
+
${this.renderPresence()}
|
|
54
|
+
</div>
|
|
55
|
+
`}};u([Object(n.property)({type:Number,attribute:"tab-index",reflect:!0})],t.prototype,"tabIndex",null),u([Object(n.property)({type:String})],t.prototype,"alt",void 0),u([Object(n.property)({type:String})],t.prototype,"src",void 0),u([Object(n.property)({type:String})],t.prototype,"label",void 0),u([Object(n.property)({type:String})],t.prototype,"title",void 0),u([Object(n.property)({type:String})],t.prototype,"color",void 0),u([Object(n.property)({type:Boolean})],t.prototype,"decrypting",void 0),u([Object(n.property)({type:String})],t.prototype,"role",void 0),u([Object(n.property)({type:String,attribute:"icon-name"})],t.prototype,"iconName",void 0),u([Object(n.property)({type:Boolean})],t.prototype,"failurePresence",void 0),u([Object(n.property)({type:String})],t.prototype,"type",void 0),u([Object(n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),u([Object(n.property)({type:Boolean})],t.prototype,"typing",void 0),u([Object(n.property)({type:Number})],t.prototype,"size",void 0),u([Object(n.property)({type:Boolean,attribute:"has-notification"})],t.prototype,"hasNotification",void 0),u([Object(n.property)({type:Boolean})],t.prototype,"clickable",void 0),u([Object(n.property)({attribute:!1})],t.prototype,"clickFunction",void 0),u([Object(n.internalProperty)()],t.prototype,"imageLoaded",void 0),u([Object(n.internalProperty)()],t.prototype,"imageErrored",void 0),u([Object(n.internalProperty)()],t.prototype,"presenceColor",void 0),u([Object(n.internalProperty)()],t.prototype,"presenceIcon",void 0),t=u([Object(a.a)("md-avatar")],t),e.ELEMENT=t}(l||(l={}))}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[280],{323:function(e,n){e.exports=function(e){return{name:"XQuery",aliases:["xpath","xq"],case_insensitive:!1,illegal:/(proc)|(abstract)|(extends)|(until)|(#)/,keywords:{$pattern:/[a-zA-Z$][a-zA-Z0-9_:-]*/,keyword:"module schema namespace boundary-space preserve no-preserve strip default collation base-uri ordering context decimal-format decimal-separator copy-namespaces empty-sequence except exponent-separator external grouping-separator inherit no-inherit lax minus-sign per-mille percent schema-attribute schema-element strict unordered zero-digit declare import option function validate variable for at in let where order group by return if then else tumbling sliding window start when only end previous next stable ascending descending allowing empty greatest least some every satisfies switch case typeswitch try catch and or to union intersect instance of treat as castable cast map array delete insert into replace value rename copy modify update",type:"item document-node node attribute document element comment namespace namespace-node processing-instruction text construction xs:anyAtomicType xs:untypedAtomic xs:duration xs:time xs:decimal xs:float xs:double xs:gYearMonth xs:gYear xs:gMonthDay xs:gMonth xs:gDay xs:boolean xs:base64Binary xs:hexBinary xs:anyURI xs:QName xs:NOTATION xs:dateTime xs:dateTimeStamp xs:date xs:string xs:normalizedString xs:token xs:language xs:NMTOKEN xs:Name xs:NCName xs:ID xs:IDREF xs:ENTITY xs:integer xs:nonPositiveInteger xs:negativeInteger xs:long xs:int xs:short xs:byte xs:nonNegativeInteger xs:unisignedLong xs:unsignedInt xs:unsignedShort xs:unsignedByte xs:positiveInteger xs:yearMonthDuration xs:dayTimeDuration",literal:"eq ne lt le gt ge is self:: child:: descendant:: descendant-or-self:: attribute:: following:: following-sibling:: parent:: ancestor:: ancestor-or-self:: preceding:: preceding-sibling:: NaN"},contains:[{className:"variable",begin:/[$][\w\-:]+/},{className:"built_in",variants:[{begin:/\barray:/,end:/(?:append|filter|flatten|fold-(?:left|right)|for-each(?:-pair)?|get|head|insert-before|join|put|remove|reverse|size|sort|subarray|tail)\b/},{begin:/\bmap:/,end:/(?:contains|entry|find|for-each|get|keys|merge|put|remove|size)\b/},{begin:/\bmath:/,end:/(?:a(?:cos|sin|tan[2]?)|cos|exp(?:10)?|log(?:10)?|pi|pow|sin|sqrt|tan)\b/},{begin:/\bop:/,end:/\(/,excludeEnd:!0},{begin:/\bfn:/,end:/\(/,excludeEnd:!0},{begin:/[^</$:'"-]\b(?:abs|accumulator-(?:after|before)|adjust-(?:date(?:Time)?|time)-to-timezone|analyze-string|apply|available-(?:environment-variables|system-properties)|avg|base-uri|boolean|ceiling|codepoints?-(?:equal|to-string)|collation-key|collection|compare|concat|contains(?:-token)?|copy-of|count|current(?:-)?(?:date(?:Time)?|time|group(?:ing-key)?|output-uri|merge-(?:group|key))?data|dateTime|days?-from-(?:date(?:Time)?|duration)|deep-equal|default-(?:collation|language)|distinct-values|document(?:-uri)?|doc(?:-available)?|element-(?:available|with-id)|empty|encode-for-uri|ends-with|environment-variable|error|escape-html-uri|exactly-one|exists|false|filter|floor|fold-(?:left|right)|for-each(?:-pair)?|format-(?:date(?:Time)?|time|integer|number)|function-(?:arity|available|lookup|name)|generate-id|has-children|head|hours-from-(?:dateTime|duration|time)|id(?:ref)?|implicit-timezone|in-scope-prefixes|index-of|innermost|insert-before|iri-to-uri|json-(?:doc|to-xml)|key|lang|last|load-xquery-module|local-name(?:-from-QName)?|(?:lower|upper)-case|matches|max|minutes-from-(?:dateTime|duration|time)|min|months?-from-(?:date(?:Time)?|duration)|name(?:space-uri-?(?:for-prefix|from-QName)?)?|nilled|node-name|normalize-(?:space|unicode)|not|number|one-or-more|outermost|parse-(?:ietf-date|json)|path|position|(?:prefix-from-)?QName|random-number-generator|regex-group|remove|replace|resolve-(?:QName|uri)|reverse|root|round(?:-half-to-even)?|seconds-from-(?:dateTime|duration|time)|snapshot|sort|starts-with|static-base-uri|stream-available|string-?(?:join|length|to-codepoints)?|subsequence|substring-?(?:after|before)?|sum|system-property|tail|timezone-from-(?:date(?:Time)?|time)|tokenize|trace|trans(?:form|late)|true|type-available|unordered|unparsed-(?:entity|text)?-?(?:public-id|uri|available|lines)?|uri-collection|xml-to-json|years?-from-(?:date(?:Time)?|duration)|zero-or-one)\b/},{begin:/\blocal:/,end:/\(/,excludeEnd:!0},{begin:/\bzip:/,end:/(?:zip-file|(?:xml|html|text|binary)-entry| (?:update-)?entries)\b/},{begin:/\b(?:util|db|functx|app|xdmp|xmldb):/,end:/\(/,excludeEnd:!0}]},{className:"string",variants:[{begin:/"/,end:/"/,contains:[{begin:/""/,relevance:0}]},{begin:/'/,end:/'/,contains:[{begin:/''/,relevance:0}]}]},{className:"number",begin:/(\b0[0-7_]+)|(\b0x[0-9a-fA-F_]+)|(\b[1-9][0-9_]*(\.[0-9_]+)?)|[0_]\b/,relevance:0},{className:"comment",begin:/\(:/,end:/:\)/,relevance:10,contains:[{className:"doctag",begin:/@\w+/}]},{className:"meta",begin:/%[\w\-:]+/},{className:"title",begin:/\bxquery version "[13]\.[01]"\s?(?:encoding ".+")?/,end:/;/},{beginKeywords:"element attribute comment document processing-instruction",end:/\{/,excludeEnd:!0},{begin:/<([\w._:-]+)(\s+\S*=('|").*('|"))?>/,end:/(\/[\w._:-]+>)/,subLanguage:"xml",contains:[{begin:/\{/,end:/\}/,subLanguage:"xquery"},"self"]}]}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[281],{324:function(e,n){e.exports=function(e){var n="true false yes no null",a="[\\w#;/?:@&=+$,.~*'()[\\]]+",s={className:"string",relevance:0,variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/\S+/}],contains:[e.BACKSLASH_ESCAPE,{className:"template-variable",variants:[{begin:/\{\{/,end:/\}\}/},{begin:/%\{/,end:/\}/}]}]},i=e.inherit(s,{variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/[^\s,{}[\]]+/}]}),t={className:"number",begin:"\\b[0-9]{4}(-[0-9][0-9]){0,2}([Tt \\t][0-9][0-9]?(:[0-9][0-9]){2})?(\\.[0-9]*)?([ \\t])*(Z|[-+][0-9][0-9]?(:[0-9][0-9])?)?\\b"},l={end:",",endsWithParent:!0,excludeEnd:!0,keywords:n,relevance:0},b={begin:/\{/,end:/\}/,contains:[l],illegal:"\\n",relevance:0},c={begin:"\\[",end:"\\]",contains:[l],illegal:"\\n",relevance:0},g=[{className:"attr",variants:[{begin:"\\w[\\w :\\/.-]*:(?=[ \t]|$)"},{begin:'"\\w[\\w :\\/.-]*":(?=[ \t]|$)'},{begin:"'\\w[\\w :\\/.-]*':(?=[ \t]|$)"}]},{className:"meta",begin:"^---\\s*$",relevance:10},{className:"string",begin:"[\\|>]([1-9]?[+-])?[ ]*\\n( +)[^ ][^\\n]*\\n(\\2[^\\n]+\\n?)*"},{begin:"<%[%=-]?",end:"[%-]?%>",subLanguage:"ruby",excludeBegin:!0,excludeEnd:!0,relevance:0},{className:"type",begin:"!\\w+!"+a},{className:"type",begin:"!<"+a+">"},{className:"type",begin:"!"+a},{className:"type",begin:"!!"+a},{className:"meta",begin:"&"+e.UNDERSCORE_IDENT_RE+"$"},{className:"meta",begin:"\\*"+e.UNDERSCORE_IDENT_RE+"$"},{className:"bullet",begin:"-(?=[ ]|$)",relevance:0},e.HASH_COMMENT_MODE,{beginKeywords:n,keywords:{literal:n}},t,{className:"number",begin:e.C_NUMBER_RE+"\\b",relevance:0},b,c,s],m=[...g];return m.pop(),m.push(i),l.contains=m,{name:"YAML",case_insensitive:!0,aliases:["yml"],contains:g}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[282],{325:function(e,n){e.exports=function(e){const n={className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[e.inherit(e.APOS_STRING_MODE,{illegal:null}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null})]},s=e.UNDERSCORE_TITLE_MODE,a={variants:[e.BINARY_NUMBER_MODE,e.C_NUMBER_MODE]},i="namespace class interface use extends function return abstract final public protected private static deprecated throw try catch Exception echo empty isset instanceof unset let var new const self require if else elseif switch case default do while loop for continue break likely unlikely __LINE__ __FILE__ __DIR__ __FUNCTION__ __CLASS__ __TRAIT__ __METHOD__ __NAMESPACE__ array boolean float double integer object resource string char long unsigned bool int uint ulong uchar true false null undefined";return{name:"Zephir",aliases:["zep"],keywords:i,contains:[e.C_LINE_COMMENT_MODE,e.COMMENT(/\/\*/,/\*\//,{contains:[{className:"doctag",begin:/@[A-Za-z]+/}]}),{className:"string",begin:/<<<['"]?\w+['"]?$/,end:/^\w+;/,contains:[e.BACKSLASH_ESCAPE]},{begin:/(::|->)+[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/},{className:"function",beginKeywords:"function fn",end:/[;{]/,excludeEnd:!0,illegal:/\$|\[|%/,contains:[s,{className:"params",begin:/\(/,end:/\)/,keywords:i,contains:["self",e.C_BLOCK_COMMENT_MODE,n,a]}]},{className:"class",beginKeywords:"class interface",end:/\{/,excludeEnd:!0,illegal:/[:($"]/,contains:[{beginKeywords:"extends implements"},s]},{beginKeywords:"namespace",end:/;/,illegal:/[.']/,contains:[s]},{beginKeywords:"use",end:/;/,contains:[s]},{begin:/=>/},n,a]}}}}]);
|
package/dist/chunks/md-29.js
CHANGED
|
@@ -1,221 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[29],{53:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(54),o(15);var i,s=o(1),r=o(7),l=o(6),n=o(16),a=o(5),d=o(0),c=o(2),h=o(4),p=o(3),u=o(13),b=o(8),m=o(29),g=o(63),x=d.css`:host{--combobox-input-clear-bg:var(--combobox-group-button-bg-color, $lm-combobox-group-button-bg-color-light)}:host .group{background:var(--combobox-bg-color,#fff)}:host(:focus){box-shadow:none!important;outline:0!important}:host(:active) .md-new-combobox .group{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none;border:1px solid var(--combobox-border-color,#b2b2b2)!important}:host(:active) .md-new-combobox .md-combobox-right-arrow{border-left:1px solid var(--combobox-border-color,#b2b2b2)!important}:host([focus-visible]) .group{border-color:var(--combobox-focus-border-color,#005e7d);box-shadow:none}:host([focus-visible]) .md-new-combobox .group{outline:2px solid var(--combobox-focus-border-color);outline-offset:.125rem;box-shadow:none;border-color:var(--combobox-focus-new-border-color)}:host([focus-visible]) .md-new-combobox .md-combobox-right-arrow{border-color:var(--combobox-focus-new-border-color)}:host([disabled]) .group,:host([disabled]) .group:active,:host([disabled]) .group:hover{background:var(--combobox-disabled-bg-color,#ededed);pointer-events:none}:host([disabled]) .group md-icon,:host([disabled]) .group:active md-icon,:host([disabled]) .group:hover md-icon{opacity:.3}:host([disabled]) .md-new-combobox .group,:host([disabled]) .md-new-combobox .group:active,:host([disabled]) .md-new-combobox .group:hover{outline:0;box-shadow:none;border-color:var(--combobox-disabled-bg-color)!important;background-color:rgba(0,0,0,0)}:host([disabled]) .md-new-combobox .group md-icon,:host([disabled]) .md-new-combobox .group:active md-icon,:host([disabled]) .md-new-combobox .group:hover md-icon{color:var(--md-primary-text-color);fill:var(--md-primary-text-color)}:host([disabled]) .md-new-combobox .group .md-combobox-right-arrow,:host([disabled]) .md-new-combobox .group:active .md-combobox-right-arrow,:host([disabled]) .md-new-combobox .group:hover .md-combobox-right-arrow{border-color:var(--combobox-disabled-bg-color)!important}:host([disabled]) .md-new-combobox .md-combobox__multiwrap input{color:var(--combobox-disabled-bg-color)}:host([disabled]) .md-new-combobox .md-combobox__multiwrap input::-webkit-input-placeholder,:host([disabled]) .md-new-combobox .md-combobox__multiwrap input::placeholder{opacity:1;color:var(--combobox-disabled-bg-color)}:host([expanded]) .md-combobox-button.arrow-down{transform:rotate(180deg)}:host([invalid]) .group,:host([invalid]) .group:active,:host([invalid]) .group:hover{background:var(--combobox-invalid-bg-color,#ffe8e3);border-color:var(--combobox-invalid-border-color,#f7644a)}:host([invalid]) .md-combobox-error{padding:.1875rem 0 0 .75rem}.md-combobox-list{position:relative;height:2rem}.md-combobox .group{align-items:start;background:var(--combobox-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:var(--combobox-group-radius,.25rem);display:flex;padding:0 .75rem;height:2.125rem}.md-combobox .group md-icon{color:var(--md-secondary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:1.75rem}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#00a0d1)}.md-combobox .group .search-icon{height:100%}.md-combobox .group:hover{background:var(--combobox-hover-bg-color,#dedede)}.md-combobox .group:active{background:var(--combobox-pressed-bg-color,#ccc)}.md-combobox .group.multiselect:hover{background:var(--combobox-bg-color,#fff)}.md-combobox .group.multiselect:active{background:var(--combobox-bg-color,#fff)}.md-combobox .md-combobox-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}.md-combobox--pill .group{border-radius:18px}.md-new-combobox .group{border-radius:8px;background:rgba(0,0,0,0)}.md-new-combobox .group .md-combobox-button.clear{margin-right:.25rem!important}.md-new-combobox .group md-icon{color:var(--md-primary-text-color);cursor:pointer;fill:var(--md-primary-text-color)}.md-new-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#00a0d1)}.md-new-combobox .group:active{border:1px solid var(--combobox-border-color,#b2b2b2)}.md-new-combobox .md-combobox__multiwrap input{color:var(--md-primary-text-color)}.md-new-combobox .md-combobox__multiwrap .md-combobox-selected-item{border-radius:4px;background:var(--combobox-selected-new-bg-color,#dedede);border-color:var(--combobox-selected-new-border-color,#dedede)}.md-new-combobox .md-combobox__multiwrap .md-combobox-selected-item md-icon{font-size:16px}.md-new-combobox.md-error .group,.md-new-combobox.md-error .group:active{border-color:var(--input-error-border-color)!important}.md-new-combobox.md-error .group .md-combobox-right-arrow,.md-new-combobox.md-error .group:active .md-combobox-right-arrow{border-color:var(--input-error-border-color)!important}.md-new-combobox.md-warning .group,.md-new-combobox.md-warning .group:active{border-color:var(--input-warning-border-color)!important}.md-new-combobox.md-warning .group .md-combobox-right-arrow,.md-new-combobox.md-warning .group:active .md-combobox-right-arrow{border-color:var(--input-warning-border-color)!important}.md-new-combobox.md-success .group,.md-new-combobox.md-success .group:active{border-color:var(--input-success-border-color)!important}.md-new-combobox.md-success .group .md-combobox-right-arrow,.md-new-combobox.md-success .group:active .md-combobox-right-arrow{border-color:var(--input-success-border-color)!important}.md-new-combobox.md-combobox-readonly .group,.md-new-combobox.md-combobox-readonly .group:active,.md-new-combobox.md-combobox-readonly .group:hover{border-color:var(--combobox-disabled-bg-color)!important}.md-new-combobox.md-combobox-readonly .group .md-combobox-right-arrow,.md-new-combobox.md-combobox-readonly .group:active .md-combobox-right-arrow,.md-new-combobox.md-combobox-readonly .group:hover .md-combobox-right-arrow{border-color:var(--combobox-disabled-bg-color)!important}.help-text,.md-combobox__messages{padding-top:.25rem}.md-combobox-button{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem/1.5);position:relative;vertical-align:bottom;height:inherit;display:flex}.md-combobox-button .md-input__icon-clear{align-items:center;display:flex}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}.md-combobox-button.clear{height:auto;padding:.115rem}.md-combobox-right-arrow{height:100%;border-left:1px solid var(--combobox-border-color,#b2b2b2)}.md-combobox-right-arrow .md-combobox-button{padding-top:calc(.25rem/1.4)}.md-combobox-right-arrow .md-combobox-button.arrow-down:focus,.md-combobox-right-arrow .md-combobox-button.clear:focus{outline:0}.md-combobox-button.arrow-down:focus,.md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}div#md-combobox-listbox{background-color:var(--combobox-dropdown-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);box-sizing:border-box;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:14px;left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;padding:var(--wc-menu-padding,0)}div#md-combobox-listbox .no-result{padding:.3125rem .75rem .375rem}.virtual-scroll{overflow:auto;position:relative}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.group-label{justify-content:space-between;font-weight:400;font-size:14px;line-height:19px;color:var(--combobox-group-label-color);padding:.3125rem .75rem .375rem;border-bottom:1px solid var(--combobox-group-label-border-color);display:flex;width:100%;background-color:var(--combobox-group-label-bg-color);border-radius:var(--wc-menu-item-rounded-border-radius)}.group-label:hover{background:unset;color:var(--combobox-group-label-color)}.group-label[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.3125rem .75rem .375rem;width:100%;border:solid 2px transparent;border-radius:var(--wc-menu-item-rounded-border-radius)}.md-combobox-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:block;letter-spacing:normal;width:calc(100% - 1.25rem)}.md-combobox-option .select-label span{margin-right:-.25rem;white-space:nowrap}.md-combobox-option .select-option{background:var(--combobox-dropdown-item-select-bg-color,#fff);border:1px solid var(--combobox-select-border-color,#545454);border-radius:calc(.5rem/2);box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;margin-right:.75rem;min-width:1.25rem;position:relative}.md-combobox-option .select-option md-icon{height:1.125rem;left:.125rem;position:absolute;top:auto;vertical-align:top;visibility:hidden}.md-combobox-option:hover{background:var(--combobox-dropdown-item-hover-bg-color,#91ebff);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option.md-combobox-multiselect{border-bottom:1px solid var(--md-primary-seperator-color,#545454);border-bottom-left-radius:0;border-bottom-right-radius:0}.md-combobox-option[aria-checked=true] .select-option{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option[aria-checked=true] .select-option md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option[focused]{border:2px solid var(--md-default-focus-outline-color)}.md-combobox-option[selected=true]{background:var(--combobox-dropdown-item-selected-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option[selected=true] .select-option{border:1px solid #fff}.md-combobox__multiwrap{align-items:center;display:inline-flex;flex:1 1 auto;margin-left:0;max-height:calc(1.25rem*4.5)}.md-combobox__multiwrap .selected-count{color:var(--md-primary-text-color,#f7f7f7)}.md-combobox__multiwrap .md-combobox-selected-item{align-items:center;background:var(--combobox-selected-bg-color,#dedede);border:1px solid var(--combobox-selected-border-color,#ccc);border-radius:.875rem;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;margin-right:.25rem;max-height:1.5rem;padding:0 .75rem}.md-combobox__multiwrap .md-combobox-selected-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(1.25rem*4)}.md-combobox__multiwrap .md-combobox-selected-item .remove-item{height:1.5rem}.md-combobox__multiwrap .md-combobox-selected-item:hover{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap .md-combobox-selected-item[selected]{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-secondary-text-color,#545454);display:inline-block;flex:1 1 auto;height:2rem;outline:0}.md-combobox__multiwrap ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}.md-combobox__multiwrap .remove-item{padding-left:calc(.25rem*3)}.md-combobox-searchable .md-combobox__multiwrap{margin-left:calc(.25rem*3)}input::-webkit-input-placeholder,input::placeholder{opacity:1;color:var(--combobox-placeholder-color,#545454)}@media(forced-colors:active){:host([focus-visible]) .group{border:none;outline:2px solid Highlight;box-shadow:none}.md-combobox-option .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option md-icon{color:CanvasText;visibility:visible}.md-combobox-option[focused]{forced-color-adjust:none;color:Canvas;background-color:Highlight}}`,f=function(t,e,o,i){var s,r=arguments.length,l=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(l=(r<3?s(l):r>3?s(e,o,l):s(e,o))||l);return r>3&&l&&Object.defineProperty(e,o,l),l},v=function(t,e,o,i){return new(o||(o=Promise))((function(s,r){function l(t){try{a(i.next(t))}catch(t){r(t)}}function n(t){try{a(i.throw(t))}catch(t){r(t)}}function a(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(l,n)}a((i=i.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,o)=>o.type===e?t.concat(o.message):t,[])}}t.MessageController=e;let o=class extends(Object(r.a)(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.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=Object(n.b)(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=>{if("string"!=typeof e&&"true"===e.isLabel){return!!t.find(t=>{if("string"!=typeof e&&"string"!=typeof t)return e.groupName===t.groupName&&"false"===t.isLabel})}return!0})},this.notifyInputValueChanged=Object(n.b)(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 o=t.composedPath();o.length&&(e=!!o.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 o=this._focusedIndex;if(this.checkForVirtualScroll()){let o;o=this.allowSelectAll?0===t?"selectAll":this.getOptionId(this.filteredOptions[t-1]):this.getOptionId(this.filteredOptions[t]);const i=this.lists?null===(e=[...this.lists])||void 0===e?void 0:e.find(t=>0!==t.offsetHeight&&t.id===o):"";this.lists&&[...this.lists].forEach(t=>{t.toggleAttribute("focused",!1)}),i&&(null==i||i.toggleAttribute("focused",!0))}else if(this.lists){const e=this.lists[o];e&&e.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",o)}get focusedGroupIndex(){return this._focusedGroupIndex}set focusedGroupIndex(t){const e=this._focusedGroupIndex;if(this.labels&&0!==this.labels.length){const o=this.labels[e];o&&o.toggleAttribute("focused",!1);const i=this.labels[t];i&&(i.toggleAttribute("focused",!0),i.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],o=this.findFilteredOption(e);-1!==o&&(this.setSelectedOption(e),this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedIndex=o,this.focusedGroupIndex=-1)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")],e=[];for(const o of t){const t=o.getAttribute("label"),i=[...o.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const o of i){const i=o.getAttribute("aria-label"),s=o.getAttribute("display-value"),r=o.getAttribute("slot");i&&s&&e.push({[this.optionId]:i,[this.optionValue]:s,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"),o=t.getAttribute("display-value");if(e&&o)return{[this.optionId]:e,[this.optionValue]:o}}):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(o=>{e.includes(o)&&(t=o.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(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,o=0,i=0;const s=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),i=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&&(o=[...this.labels].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)),this.listBox&&(this.listBox.style.maxHeight=e+o+s+"px"),this.virtualizer&&(this.virtualizer.style.height=i+s+"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+s+"px",this.listBox.style.maxHeight=e.clientHeight+s+"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 o=0;const{top:i,bottom:s}=this.listBox.getBoundingClientRect(),r=this.lists[this.focusedIndex],l=null===(t=this.lists[this.focusedIndex+1]||r)||void 0===t?void 0:t.getBoundingClientRect(),n=null===(e=this.lists[this.focusedIndex-1]||r)||void 0===e?void 0:e.getBoundingClientRect();(null==l?void 0:l.bottom)>s?o=l.bottom-s+2:(null==n?void 0:n.top)<i&&(o=n.top-i-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=o})}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 v(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 v(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 s.b.Escape:break;case s.b.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.b.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(s.a.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),o=this.filteredOptions.indexOf(t);-1!==o&&this.unCheckedOption(o),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}selectedChange(t){var e;const{event:o}=t.detail;let i=this.findOptionIndex(o);if(-1!==i){this.focusedIndex=this.allowSelectAll&&this.checkForVirtualScroll()?i+1:i,this.isMulti&&this.allowSelectAll&&!this.checkForVirtualScroll()&&(i-=1);const t=this.getFocusedItem(i);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(s.a.AriaActivedescendant,this.getOptionId(t))))}}setSelectedAttribute(t){var e;let o="";t&&(o=this.getOptionId(t)),null===(e=this.lists)||void 0===e||e.forEach((t,e)=>{(null==t?void 0:t.id)===o?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(s.a.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,o;switch(t.code){case s.b.Backspace:this.focusedIndex=-1;break;case s.b.Tab:case s.b.Enter:if(this.setFocusOnHost(!0),this.expanded&&this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);if(this.allowCustomValue&&this.input&&this.input.value.length){if(-1===this.findFilteredOption(this.inputValue))return void 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(s.a.AriaActivedescendant,this.getOptionId(e)))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}),this.setVisualListbox(!1),t.code===s.b.Tab&&this.isMulti)return;break;case s.b.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(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.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(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedGroupIndex=-1)});break;case s.b.ArrowLeft:case s.b.ArrowRight:t.stopPropagation();break;case s.b.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,""),this.focusedIndex=-1,this.focusedGroupIndex=-1,this.removeAllSelected(),this.setSelectedAttribute(void 0));break;case s.b.Home:this.setInputSelectionRange(0,0);break;case s.b.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.b.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===(o=this.input)||void 0===o||o.setAttribute(s.a.AriaActivedescendant,""))),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}this.expanded=!0}}handleGroupLabelKeyDown(t,e){switch(t.code){case s.b.Tab:this.handleGroupFocus();break;case s.b.Enter:case s.b.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(s.a.AriaActivedescendant,this.getOptionId(e)),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}));break;case s.b.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(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.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(s.a.AriaActivedescendant,this.getOptionId(e)))});break;case s.b.Escape:this.focusedGroupIndex=-1,this.setVisualListbox(!1),this.setFocusOnHost(!0),this.input.focus();break;default:this.setVisualListbox(!0)}}toggleVisualListBox(t){var e,o;if(!this.readOnly){if(t.target.classList.contains("md-combobox-listbox"))t.target.focus();else if("md-icon"===t.target.localName){const i=null===(o=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===o?void 0:o.parentElement;if(i){const t=i.querySelector(".md-combobox-listbox");Object(g.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[a.a,x]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}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-new-combobox":this.newMomentum,["md-"+this.messageType]:!!this.messageType,"md-combobox-readonly":this.readOnly}}searchIconTemplate(){return d.html`
|
|
2
|
-
<md-icon
|
|
3
|
-
name="search-bold"
|
|
4
|
-
class="search-icon"
|
|
5
|
-
size="16"
|
|
6
|
-
iconSet="momentumDesign"
|
|
7
|
-
@click=${this.toggleVisualListBox}
|
|
8
|
-
></md-icon>
|
|
9
|
-
`}selectedOptionTemplate(t){return d.html`
|
|
10
|
-
<div class="md-combobox-selected-item">
|
|
11
|
-
<span>${this.getOptionValue(t)}</span>
|
|
12
|
-
<md-icon
|
|
13
|
-
class="remove-item"
|
|
14
|
-
name="cancel-bold"
|
|
15
|
-
size=${this.newMomentum?"16":"8"}
|
|
16
|
-
iconSet="momentumDesign"
|
|
17
|
-
@click=${()=>this.removeSelected(t)}
|
|
18
|
-
></md-icon>
|
|
19
|
-
</div>
|
|
20
|
-
`}clearButtonTemplate(){return d.html`
|
|
21
|
-
<button
|
|
22
|
-
type="button"
|
|
23
|
-
class="md-combobox-button clear"
|
|
24
|
-
aria-label=${this.clearAriaLabel}
|
|
25
|
-
aria-controls="md-combobox-listbox"
|
|
26
|
-
tabindex="0"
|
|
27
|
-
?disabled=${this.disabled}
|
|
28
|
-
?readonly=${this.readOnly}
|
|
29
|
-
@click=${this.handleRemoveAll}
|
|
30
|
-
>
|
|
31
|
-
<span>
|
|
32
|
-
<md-icon
|
|
33
|
-
class="md-input__icon-clear"
|
|
34
|
-
name="cancel-bold"
|
|
35
|
-
size="14"
|
|
36
|
-
iconSet="momentumDesign"
|
|
37
|
-
style="height: ${this.clearIconHeight};"
|
|
38
|
-
></md-icon
|
|
39
|
-
></span>
|
|
40
|
-
</button>
|
|
41
|
-
`}arrowButtonTemplate(){return d.html`
|
|
42
|
-
<button
|
|
43
|
-
type="button"
|
|
44
|
-
class="md-combobox-button arrow-down"
|
|
45
|
-
aria-expanded=${this.expanded}
|
|
46
|
-
aria-label=${Object(p.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
|
|
47
|
-
aria-controls="md-combobox-listbox"
|
|
48
|
-
tabindex="-1"
|
|
49
|
-
aria-hidden=${this.popupChevronAriaHidden}
|
|
50
|
-
?disabled=${this.disabled}
|
|
51
|
-
?readonly=${this.readOnly}
|
|
52
|
-
@click=${this.toggleVisualListBox}
|
|
53
|
-
>
|
|
54
|
-
<span>
|
|
55
|
-
<md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
56
|
-
</span>
|
|
57
|
-
</button>
|
|
58
|
-
`}groupArrowButtonTemplate(t){const e=this.groupExpandedList.includes(t)?"arrow-up-bold":"arrow-down-bold";return d.html`
|
|
59
|
-
<button
|
|
60
|
-
type="button"
|
|
61
|
-
class="md-combobox-button"
|
|
62
|
-
aria-label=${Object(p.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
|
|
63
|
-
aria-controls="md-combobox-listbox"
|
|
64
|
-
tabindex="-1"
|
|
65
|
-
aria-hidden=${"true"===this.popupChevronAriaHidden?"true":"false"}
|
|
66
|
-
?disabled=${this.disabled}
|
|
67
|
-
?readonly=${this.readOnly}
|
|
68
|
-
@click=${e=>this.toggleGroupListBox(e,t)}
|
|
69
|
-
>
|
|
70
|
-
<span>
|
|
71
|
-
<md-icon name=${e} size="12" iconSet="momentumDesign"></md-icon>
|
|
72
|
-
</span>
|
|
73
|
-
</button>
|
|
74
|
-
`}getSelectAllOption(){const t=this.checkForVirtualScroll()?", 1 of "+(this.options.length+1):"";return d.html`
|
|
75
|
-
<div
|
|
76
|
-
id="selectAll"
|
|
77
|
-
part="combobox-option"
|
|
78
|
-
class="md-combobox-option ${Object(h.classMap)(this.listItemOptionMap)}"
|
|
79
|
-
@click=${this.handleSelectAll}
|
|
80
|
-
aria-label="${this.selectAllTextLocalization}${t}"
|
|
81
|
-
aria-checked=${Object(p.ifDefined)(this.isSelectAllChecked?"true":void 0)}
|
|
82
|
-
role="checkbox"
|
|
83
|
-
>
|
|
84
|
-
<span class="select-option" aria-hidden="true">
|
|
85
|
-
<md-icon name="check-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
86
|
-
</span>
|
|
87
|
-
|
|
88
|
-
<span part="label" class="select-label" aria-hidden="true">${this.selectAllTextLocalization}</span>
|
|
89
|
-
</div>
|
|
90
|
-
`}getSelctedCount(){return 0===this.selectedOptions.length?c.nothing:this.isSelectAllSelected()?d.html` <span class="selected-count">${this.allTextLocalization}</span> `:d.html`
|
|
91
|
-
<span class="selected-count">${this.selectedOptions.length} ${this.selectedTextLocalization}</span>
|
|
92
|
-
`}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=${Object(p.ifDefined)(e)}></slot> `}renderGroupLabelHeader(t,e){return d.html`
|
|
93
|
-
<div
|
|
94
|
-
part="group-label"
|
|
95
|
-
class="group-label"
|
|
96
|
-
role="listbox"
|
|
97
|
-
aria-controls="md-combobox-listbox"
|
|
98
|
-
aria-label=${t.value}
|
|
99
|
-
@click=${e=>this.toggleGroupListBox(e,t.value)}
|
|
100
|
-
@keydown=${e=>{this.handleGroupLabelKeyDown(e,t)}}
|
|
101
|
-
tabindex="1"
|
|
102
|
-
aria-selected=${this.getAriaState(e)}
|
|
103
|
-
>
|
|
104
|
-
<span part="group-label">${t.value}</span>
|
|
105
|
-
${this.groupArrowButtonTemplate(t.value)}
|
|
106
|
-
</div>
|
|
107
|
-
`}renderWithoutVirtualScroll(){return Object(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 Object(n.c)(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()?Object(b.styleMap)({visibility:t?"hidden":"visible","z-index":t?"-1":"99",overflow:"hidden"}):Object(b.styleMap)({display:t?"none":"block","z-index":"99",overflow:"auto"})}renderItem(t,e){const o=this.allowSelectAll?e+2:e+1,i=this.allowSelectAll?this.options.length+1:this.options.length,s=this.checkForVirtualScroll()?`, ${o} of ${i}`:"";return d.html`
|
|
108
|
-
<div
|
|
109
|
-
id=${this.getOptionId(t)}
|
|
110
|
-
title="${this.getOptionValue(t)}"
|
|
111
|
-
part="combobox-option"
|
|
112
|
-
class="md-combobox-option"
|
|
113
|
-
aria-posinset=${o}
|
|
114
|
-
aria-setsize=${i}
|
|
115
|
-
role=${this.isMulti?"checkbox":"listitem"}
|
|
116
|
-
aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}${s}"
|
|
117
|
-
tabindex="-1"
|
|
118
|
-
@click=${this.handleListClick}
|
|
119
|
-
aria-checked=${Object(p.ifDefined)(this.isMulti?this.isOptionChecked.call(this,t):void 0)}
|
|
120
|
-
>
|
|
121
|
-
${this.isMulti?d.html`
|
|
122
|
-
<span class="select-option" aria-hidden="true">
|
|
123
|
-
<md-icon name="check-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
124
|
-
</span>
|
|
125
|
-
`:c.nothing}
|
|
126
|
-
<span part="label" class="select-label" aria-hidden="true">
|
|
127
|
-
${this.isCustomContent?this.getCustomContent(t):this.highlightingSearchedText(t)}
|
|
128
|
-
</span>
|
|
129
|
-
</div>
|
|
130
|
-
`}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`
|
|
131
|
-
<md-help-text
|
|
132
|
-
class="help-text ${Object(h.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
133
|
-
.message=${this.helpText}
|
|
134
|
-
style=${Object(b.styleMap)({width:"100%"})}
|
|
135
|
-
></md-help-text>
|
|
136
|
-
`:c.nothing}messagesTemplate(){return this.messages&&this.messages.length?d.html`
|
|
137
|
-
<div id="${this.htmlId}-message" part="message" class="md-combobox__messages">
|
|
138
|
-
${Object(u.repeat)(this.messages,(t,e)=>d.html`
|
|
139
|
-
<md-help-text
|
|
140
|
-
.message=${t}
|
|
141
|
-
.id=${this.messageArr[e].id||""}
|
|
142
|
-
.ariaLive=${this.messageArr[e].ariaLive||"polite"}
|
|
143
|
-
.messageType=${this.messageType}
|
|
144
|
-
></md-help-text>
|
|
145
|
-
`)}
|
|
146
|
-
</div>
|
|
147
|
-
`:c.nothing}render(){return d.html`
|
|
148
|
-
<div part="combobox" class="md-combobox md-combobox-list ${Object(h.classMap)(this.comboBoxTemplateClassMap)}">
|
|
149
|
-
<div part="group" class="group ${Object(h.classMap)(this.listItemOptionMap)}">
|
|
150
|
-
${this.searchable?this.searchIconTemplate():c.nothing}
|
|
151
|
-
<div class="md-combobox__multiwrap" part="multiwrap">
|
|
152
|
-
${this.isMulti?this.isMulti&&!this.showSelectedCount?Object(u.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):this.getSelctedCount():c.nothing}
|
|
153
|
-
<input
|
|
154
|
-
id=${Object(p.ifDefined)(this.comboboxId||void 0)}
|
|
155
|
-
class="md-combobox-listbox"
|
|
156
|
-
type="text"
|
|
157
|
-
role="combobox"
|
|
158
|
-
aria-autocomplete="both"
|
|
159
|
-
aria-label=${this.ariaLabelForComboBox}
|
|
160
|
-
part="multiwrap-input"
|
|
161
|
-
aria-expanded=${this.expanded}
|
|
162
|
-
placeholder=${this.isMulti&&this.showSelectedCount&&0!==this.selectedOptions.length?"":this.placeholder}
|
|
163
|
-
aria-controls="md-combobox-listbox"
|
|
164
|
-
?readonly=${this.allowSelectAll||this.readOnly}
|
|
165
|
-
?disabled=${this.disabled}
|
|
166
|
-
?autofocus=${this.autofocus}
|
|
167
|
-
title=${Object(p.ifDefined)(this.inputTitle())}
|
|
168
|
-
.value=${this.inputValue}
|
|
169
|
-
@click=${this.toggleVisualListBox}
|
|
170
|
-
@input=${this.handleInput}
|
|
171
|
-
@keyup=${this.handleInputKeyUp}
|
|
172
|
-
@keydown=${this.handleInputKeyDown}
|
|
173
|
-
/>
|
|
174
|
-
</div>
|
|
175
|
-
${this.compact?c.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.newMomentum?c.nothing:this.arrowButtonTemplate()}
|
|
176
|
-
${this.newMomentum?d.html` <div class="md-combobox-right-arrow">${this.arrowButtonTemplate()}</div> `:c.nothing}
|
|
177
|
-
</div>
|
|
178
|
-
|
|
179
|
-
${this.showLoader||this.showCustomError?d.html`
|
|
180
|
-
<div
|
|
181
|
-
id="md-combobox-listbox"
|
|
182
|
-
part="combobox-options"
|
|
183
|
-
aria-label=${this.ariaLabel}
|
|
184
|
-
style=${Object(b.styleMap)({display:this.expanded?"block":"none","z-index":"99"})}
|
|
185
|
-
>
|
|
186
|
-
${this.getCustomErrorContent()}
|
|
187
|
-
</div>
|
|
188
|
-
`:d.html`
|
|
189
|
-
<div
|
|
190
|
-
id="md-combobox-listbox"
|
|
191
|
-
part="combobox-options"
|
|
192
|
-
aria-label=${this.ariaLabel||this.label}
|
|
193
|
-
style=${this.addStyle()}
|
|
194
|
-
role=${Object(p.ifDefined)(this.checkForVirtualScroll()?void 0:"list")}
|
|
195
|
-
>
|
|
196
|
-
${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():c.nothing}
|
|
197
|
-
${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?d.html`
|
|
198
|
-
<div class="virtual-scroll" @rangechange=${this.rangeChanged}>
|
|
199
|
-
${Object(m.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"}})}
|
|
200
|
-
</div>
|
|
201
|
-
`:c.nothing:this.renderWithoutVirtualScroll()}
|
|
202
|
-
${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?d.html`
|
|
203
|
-
<div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
|
|
204
|
-
${this.resultsTextLocalization.trim()}
|
|
205
|
-
</div>
|
|
206
|
-
`:c.nothing}
|
|
207
|
-
${0===this.options.length?d.html`
|
|
208
|
-
<div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
|
|
209
|
-
${this.optionsTextLocalization.trim()}
|
|
210
|
-
</div>
|
|
211
|
-
`:c.nothing}
|
|
212
|
-
</div>
|
|
213
|
-
`}
|
|
214
|
-
</div>
|
|
215
|
-
${this.invalid?d.html`
|
|
216
|
-
<div part="message" class="md-combobox-error ${Object(h.classMap)({"md-new-combobox-error":this.newMomentum})}">
|
|
217
|
-
<md-help-text .message=${this.invalidText} messageType="error"></md-help-text>
|
|
218
|
-
</div>
|
|
219
|
-
`:c.nothing}
|
|
220
|
-
${this.messagesTemplate()} ${this.helpTextTemplate()}
|
|
221
|
-
`}};f([Object(d.property)({type:String})],o.prototype,"label",void 0),f([Object(d.property)({type:Array})],o.prototype,"options",void 0),f([Object(d.property)({type:Array,attribute:"custom-options"})],o.prototype,"customOptions",void 0),f([Object(d.property)({type:String})],o.prototype,"placeholder",void 0),f([Object(d.property)({type:Boolean,attribute:"is-multi"})],o.prototype,"isMulti",void 0),f([Object(d.property)({type:Boolean,attribute:"use-virtual-scroll"})],o.prototype,"useVirtualScroll",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"ordered",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"expanded",void 0),f([Object(d.property)({type:Array,reflect:!0})],o.prototype,"groupExpandedList",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"searchItem",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"compact",void 0),f([Object(d.property)({type:Boolean,attribute:"no-clear-icon"})],o.prototype,"noClearIcon",void 0),f([Object(d.property)({type:Boolean,attribute:"select-when-in-focus"})],o.prototype,"selectWhenInFocus",void 0),f([Object(d.property)({type:Array})],o.prototype,"selectedOptions",void 0),f([Object(d.property)({type:Number,attribute:"visible-option",reflect:!0})],o.prototype,"visibleOptions",void 0),f([Object(d.property)({type:String,attribute:"option-id",reflect:!0})],o.prototype,"optionId",void 0),f([Object(d.property)({type:String,attribute:"option-value",reflect:!0})],o.prototype,"optionValue",void 0),f([Object(d.property)({type:Boolean,attribute:"with-custom-content"})],o.prototype,"isCustomContent",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"searchable",void 0),f([Object(d.property)({type:String})],o.prototype,"shape",void 0),f([Object(d.property)({type:Array})],o.prototype,"value",void 0),f([Object(d.property)({type:String,attribute:"input-value",reflect:!0})],o.prototype,"inputValue",void 0),f([Object(d.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],o.prototype,"allowCustomValue",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"autofocus",void 0),f([Object(d.property)({type:String,attribute:"no-results-i18n"})],o.prototype,"resultsTextLocalization",void 0),f([Object(d.property)({type:String,attribute:"no-options-i18n"})],o.prototype,"optionsTextLocalization",void 0),f([Object(d.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],o.prototype,"trimSpace",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"invalid",void 0),f([Object(d.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],o.prototype,"invalidText",void 0),f([Object(d.property)({type:String,reflect:!0})],o.prototype,"ariaLabel",void 0),f([Object(d.property)({type:String,attribute:"search-result-aria-label"})],o.prototype,"searchResultAriaLabel",void 0),f([Object(d.internalProperty)()],o.prototype,"ariaLabelForComboBox",void 0),f([Object(d.property)({type:String,attribute:"clear-aria-label"})],o.prototype,"clearAriaLabel",void 0),f([Object(d.property)({type:String,attribute:"arrow-aria-label"})],o.prototype,"arrowAriaLabel",void 0),f([Object(d.property)({type:String,attribute:"clear-icon-height"})],o.prototype,"clearIconHeight",void 0),f([Object(d.property)({type:String,attribute:"all-i18n"})],o.prototype,"allTextLocalization",void 0),f([Object(d.property)({type:String,attribute:"select-all-i18n"})],o.prototype,"selectAllTextLocalization",void 0),f([Object(d.property)({type:String,attribute:"selected-all-i18n"})],o.prototype,"selectedTextLocalization",void 0),f([Object(d.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],o.prototype,"allowSelectAll",void 0),f([Object(d.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],o.prototype,"showCustomError",void 0),f([Object(d.property)({type:Boolean,attribute:"show-loader",reflect:!0})],o.prototype,"showLoader",void 0),f([Object(d.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],o.prototype,"showSelectedCount",void 0),f([Object(d.property)({type:String,attribute:"popup-chevron-aria-hidden"})],o.prototype,"popupChevronAriaHidden",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"newMomentum",void 0),f([Object(d.property)({type:String})],o.prototype,"comboboxId",void 0),f([Object(d.property)({type:String})],o.prototype,"helpText",void 0),f([Object(d.property)({type:Array})],o.prototype,"messageArr",void 0),f([Object(d.property)({type:String})],o.prototype,"htmlId",void 0),f([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"readOnly",void 0),f([Object(d.property)({type:Number,attribute:!1}),Object(d.internalProperty)()],o.prototype,"isOptGroup",void 0),f([Object(d.internalProperty)()],o.prototype,"isSelectAllChecked",void 0),f([Object(d.query)(".group")],o.prototype,"group",void 0),f([Object(d.query)(".md-combobox-listbox")],o.prototype,"input",void 0),f([Object(d.query)(".md-combobox-button")],o.prototype,"button",void 0),f([Object(d.query)("div#md-combobox-listbox")],o.prototype,"listBox",void 0),f([Object(d.query)(".virtual-scroll")],o.prototype,"virtualizer",void 0),f([Object(d.queryAll)("div.md-combobox-option")],o.prototype,"lists",void 0),f([Object(d.queryAll)(".group-label")],o.prototype,"labels",void 0),f([Object(d.queryAll)(".md-combobox-selected-item")],o.prototype,"selected",void 0),o=f([Object(l.a)("md-combobox")],o),t.ELEMENT=o}(i||(i={}))}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[29],{63:function(t,e,i){"use strict";var o=i(0);e.a=o.css`:host(:focus){box-shadow:none;outline:0}:host(md-list-item){box-sizing:border-box;cursor:pointer}:host(md-list-item) .md-list-item{box-sizing:border-box;color:var(--list-text-color,#121212);flex:1 1 auto;font-size:var(--body-primary-font-size,.875rem);line-height:var(--list-line-height,1.125rem);min-height:2.25rem;padding:.5rem .75rem;position:relative;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start}:host(md-list-item) .md-list-item .md-input-container{margin-bottom:0}:host(md-list-item) .md-list-item--pill{border-radius:var(--list-border-radius-pill)}:host(md-list-item) .md-list-item--rounded{border-radius:var(--list-border-radius-rounded)}:host(:hover:not([disabled])) .md-list-item{background-color:var(--list-hover-background,#91ebff);color:var(--list-hover-text-color,#121212)}:host(:active:not([disabled])) .md-list-item,:host([selected]:not([disabled])) .md-list-item{background-color:var(--list-active-background,#00a0d1);color:var(--list-active-text-color,#121212)}:host([focus-visible]) .md-list-item{box-shadow:0 0 0 .125rem var(--list-focus-border-color,#005e7d)}:host(:active[disabled]) .md-list-item,:host([disabled]) .md-list-item{color:var(--list-disabled-text-color,#b2b2b2);pointer-events:none}@media(forced-colors:active){:host(:focus:not([disabled])) .md-list-item,:host(:hover:not([disabled])) .md-list-item,:host([focus-visible]:not([disabled])) .md-list-item{outline:2px solid Highlight}:host(:active[disabled]) .md-list-item,:host([disabled]) .md-list-item{color:GrayText}:host(:active:not([disabled])) .md-list-item,:host([selected]:not([disabled])) .md-list-item{forced-color-adjust:none;background-color:Highlight;color:Canvas;box-shadow:none;border:none}}:host(md-list) .md-list{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:center;list-style:none;margin:0;padding:0;position:relative;width:100%}:host([alignment=horizontal]) ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:stretch}:host([alignment=horizontal]) ::slotted(md-list-item){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;flex:1 1 auto}:host([alignment=vertical]){align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:center}`}}]);
|
package/dist/chunks/md-3.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[3],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[3],{19:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return c}));const o=new WeakMap,u=(e,t)=>{const n=o.get(e);let u=t;const c=[];for(;u;)c.push(u),u=Object.getPrototypeOf(u);return!!n&&c.reduce((e,t)=>e||n.has(t),!1)},c=(e,t)=>{let n=o.get(e);n||(n=new WeakSet,o.set(e,n)),n.add(t)}}}]);
|