@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-34.js
CHANGED
|
@@ -1,33 +1,36 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{79:function(e,i,n){"use strict";n.r(i),n.d(i,"linkTag",(function(){return s})),n.d(i,"linkColor",(function(){return k})),n.d(i,"linkRole",(function(){return b})),n.d(i,"Link",(function(){return m}));var t=n(6),l=n(5),r=n(0),o=n(4),a=n(3),d=r.css`.md-link{border-radius:.25rem;cursor:pointer;display:inline-flex;font-size:var(--link-inline-font-size,14px);line-height:170%;width:fit-content;color:var(--link-default,#005e7d)}.md-link:hover{color:var(--link-hover,#005e7d)}.md-link:focus{box-shadow:0 0 0 2px var(--link-focus-outline,#007aa3);color:var(--link-focus,#005e7d)}.md-link.active{color:var(--link-pressed,#064157)}.md-link.disabled,.md-link.md-link--inline.disabled{color:var(--link-disabled,#b2b2b2)!important}.md-link.md-link--inline{color:var(--link-inline,#a12512)}.md-link.md-link--inline:hover{color:var(--link-inline-hover,#6e1d13)}.md-link.md-link--inline:focus{color:var(--link-inline-focus,#a12512)}.md-link.md-link--inline.active{color:var(--link-inline-pressed,#4a1812)}.md-link .md-link--blue{color:var(--link-blue,#00a0d1)}.md-link .md-link--blue:hover{color:var(--link-blue-hover,#007aa3)}.md-link .md-link--blue.active{color:var(--link-blue-active,#005e7d)}.md-link .md-link--red{color:var(--link-red,#f7644a)}.md-link .md-link--red:hover{color:var(--link-red-hover,#d4371c)}.md-link .md-link--red.active{color:var(--link-red-active,#a12512)}.md-link .md-link--green{color:var(--link-green,#00ab50)}.md-link .md-link--green:hover{color:var(--link-green-hover,#00853c)}.md-link .md-link--green.active{color:var(--link-green-active,#03612c)}.md-link .md-link--yellow{color:var(--link-yellow,#d97f00)}.md-link .md-link--yellow:hover{color:var(--link-yellow-hover,#a85f00)}.md-link .md-link--yellow.active{color:var(--link-yellow-active,#7d4705)}.md-link .md-link--orange{color:var(--link-orange,#f26b1d)}.md-link .md-link--orange:hover{color:var(--link-orange-hover,#c74f0e)}.md-link .md-link--orange.active{color:var(--link-orange-active,#914017)}.md-link:focus{outline:0}.md-link.disabled{pointer-events:none}.md-link--inline{font-size:var(--link-inline-font-size,14px);line-height:100%;text-decoration:underline}@media(forced-colors:active){.md-link:focus{box-shadow:none;outline:2px solid Highlight}.md-link.disabled{color:GrayText!important}}`,c=function(e,i,n,t){var l,r=arguments.length,o=r<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,n):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,n,t);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(o=(r<3?l(o):r>3?l(i,n,o):l(i,n))||o);return r>3&&o&&Object.defineProperty(i,n,o),o};const s=["a","div","span"],k=["","blue","red","green","yellow","orange"],b=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"];var m;!function(e){let i=class extends r.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.href="",this.tag="a",this.target="_self",this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(e){const i=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",i)}static get styles(){return[t.a,d]}render(){const e={["md-link--"+this.color]:this.color,"md-link--inline":this.inline,disabled:this.disabled};return r.html` ${(()=>{switch(this.tag){case"div":return r.html`
|
|
2
|
+
<div
|
|
3
|
+
class="md-link ${Object(o.classMap)(e)}"
|
|
4
|
+
tabindex=${this.tabIndex}
|
|
5
|
+
aria-label=${Object(a.ifDefined)(this.ariaLabel||void 0)}
|
|
6
|
+
aria-disabled=${Object(a.ifDefined)(this.disabled||void 0)}
|
|
7
|
+
role=${this.ariaRole}
|
|
8
|
+
part="link"
|
|
9
|
+
>
|
|
10
|
+
<slot></slot>
|
|
11
|
+
</div>
|
|
12
|
+
`;case"span":return r.html`
|
|
13
|
+
<span
|
|
14
|
+
class="md-link ${Object(o.classMap)(e)}"
|
|
15
|
+
tabindex=${this.tabIndex}
|
|
16
|
+
aria-label=${Object(a.ifDefined)(this.ariaLabel||void 0)}
|
|
17
|
+
aria-disabled=${Object(a.ifDefined)(this.disabled||void 0)}
|
|
18
|
+
role=${this.ariaRole}
|
|
19
|
+
part="link"
|
|
20
|
+
>
|
|
21
|
+
<slot></slot>
|
|
22
|
+
</span>
|
|
23
|
+
`;default:return r.html`
|
|
24
|
+
<a
|
|
25
|
+
class="md-link ${Object(o.classMap)(e)}"
|
|
26
|
+
.target="${this.target}"
|
|
27
|
+
href=${Object(a.ifDefined)(this.disabled?void 0:this.href)}
|
|
28
|
+
tabindex=${this.tabIndex}
|
|
29
|
+
aria-label=${Object(a.ifDefined)(this.ariaLabel||void 0)}
|
|
30
|
+
aria-disabled=${Object(a.ifDefined)(this.disabled||void 0)}
|
|
31
|
+
role=${this.ariaRole}
|
|
32
|
+
part="link"
|
|
33
|
+
>
|
|
34
|
+
<slot></slot>
|
|
35
|
+
</a>
|
|
36
|
+
`}})()} `}};c([Object(r.property)({type:String,attribute:!1})],i.prototype,"color",void 0),c([Object(r.property)({type:String})],i.prototype,"ariaLabel",void 0),c([Object(r.property)({type:String})],i.prototype,"ariaRole",void 0),c([Object(r.property)({type:Boolean})],i.prototype,"disabled",void 0),c([Object(r.property)({type:Boolean})],i.prototype,"inline",void 0),c([Object(r.property)({type:String})],i.prototype,"href",void 0),c([Object(r.property)({type:String})],i.prototype,"tag",void 0),c([Object(r.property)({type:String})],i.prototype,"target",void 0),c([Object(r.property)({type:Number,attribute:"tab-index",reflect:!0})],i.prototype,"tabIndex",null),i=c([Object(l.a)("md-link")],i),e.ELEMENT=i}(m||(m={}))}}]);
|
package/dist/chunks/md-35.js
CHANGED
|
@@ -1,23 +1,33 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{54:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,a=t(5),d=t(6),i=t(0),l=t(2),n=t(4),c=t(3),g=i.css`.md-badge{align-items:center;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:flex-start;line-height:1rem;margin-bottom:auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem);background-color:var(--badge-default-bg-color);color:var(--badge-default-text-color)}.md-badge{border-radius:6.25rem}.md-badge:focus{outline:2px solid var(--button-focus-ring-color);outline-offset:2px}.md-badge--small{padding:.1875rem .75rem;font-size:var(--body-secondary-font-size,.75rem);height:1.5rem;min-width:auto}.md-badge--compact,.md-badge--split{padding:.25rem 1rem .25rem .25rem;font-size:var(--body-secondary,.75rem)}.md-badge--circle{padding:.75rem .75rem;font-size:.75rem;height:2.5rem;justify-content:center;min-width:auto;width:2.5rem}.md-badge--circle ::slotted(md-icon){margin:0!important}.md-badge--outline{color:var(--badge-outline-color);border:2px solid var(--badge-outline-color);background-color:rgba(0,0,0,0);border:1px solid;min-width:auto}.md-badge--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-badge--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-badge--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-badge--blue,.md-badge--cobalt{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-badge--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-badge--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-badge--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-badge--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-badge--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-badge--darkred{background-color:var(--badge-darkred-bg-color);color:var(--badge-darkred-text-color)}.md-badge--unreadcount{background-color:var(--badge-unreadcount-bg-color,var(--badge-darkred-bg-color));color:var(--badge-unreadcount-text-color,var(--button-primary-text-color));font-family:var(--brand-font-medium);font-size:var(--label-compact-font-size,.75rem);font-weight:550;padding:0 .25rem;min-width:1.25rem;height:1.25rem;justify-content:center}.md-badge--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-badge--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-badge--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-badge--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-badge--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-badge--hold{background-color:var(--badge-hold-bg-color);color:var(--badge-hold-text-color)}.md-badge--disabled{background-color:var(--md-quaternary-two-bg-color);color:var(--md-disabled-text-color)}.md-badge--disabled ::slotted(md-icon){color:var(--md-disabled-text-color)}.md-badge--small.md-badge--circle{height:1.5rem;width:1.5rem}.badge-counter{font-weight:700;margin-left:.5rem}::slotted(md-icon){height:1rem;margin-right:.5rem;width:1rem}::slotted(md-badge){height:1rem;margin-right:.5rem;width:1rem}::slotted(span){align-items:center;display:inline-flex;height:1rem;justify-content:center}.split-separator{margin:0 .5rem;opacity:.4}@media(forced-colors:active){.md-badge{forced-color-adjust:none;background-color:Canvas!important;color:CanvasText!important;outline:1px solid CanvasText!important}}`,b=function(e,o,t,r){var a,d=arguments.length,i=d<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(d<3?a(i):d>3?a(o,t,i):a(o,t))||i);return d>3&&i&&Object.defineProperty(o,t,i),i};!function(e){let o=class extends i.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?i.html`
|
|
2
|
+
<style>
|
|
3
|
+
:host .md-badge {
|
|
4
|
+
${this.renderBgColor()};
|
|
5
|
+
${this.renderTextColor()};
|
|
6
|
+
${this.renderHeight()};
|
|
7
|
+
${this.renderWidth()};
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
`:l.nothing}static get styles(){return[d.a,g]}render(){const e={"md-badge--circle":this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,["md-badge--"+this.color]:!this.disabled&&this.color};return i.html`
|
|
11
|
+
${this.getStyles()}
|
|
12
|
+
<span
|
|
13
|
+
tabindex=${this.tabIndexing}
|
|
14
|
+
part="badge"
|
|
15
|
+
class="md-badge ${Object(n.classMap)(e)}"
|
|
16
|
+
aria-label=${this.ariaLabel}
|
|
7
17
|
>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
aria-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
></
|
|
22
|
-
</
|
|
23
|
-
`}};b([Object(
|
|
18
|
+
${this.split?(()=>i.html`
|
|
19
|
+
<slot
|
|
20
|
+
aria-hidden=${Object(c.ifDefined)(this.ariaHiddenSplits||void 0)}
|
|
21
|
+
name="split-left"
|
|
22
|
+
class="split split-left"
|
|
23
|
+
></slot>
|
|
24
|
+
<span aria-hidden="true" class="split-separator"> | </span>
|
|
25
|
+
<slot
|
|
26
|
+
aria-hidden=${Object(c.ifDefined)(this.ariaHiddenSplits||void 0)}
|
|
27
|
+
name="split-right"
|
|
28
|
+
class="split split-right"
|
|
29
|
+
></slot>
|
|
30
|
+
`)():l.nothing}
|
|
31
|
+
<slot></slot>
|
|
32
|
+
</span>
|
|
33
|
+
`}};b([Object(i.property)({type:String})],o.prototype,"ariaLabel",void 0),b([Object(i.property)({type:String})],o.prototype,"color",void 0),b([Object(i.property)({type:String})],o.prototype,"bgColor",void 0),b([Object(i.property)({type:String})],o.prototype,"textColor",void 0),b([Object(i.property)({type:String})],o.prototype,"height",void 0),b([Object(i.property)({type:String})],o.prototype,"width",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"outlined",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"compact",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"circle",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"small",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"split",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"disabled",void 0),b([Object(i.property)({type:String})],o.prototype,"tabIndexing",void 0),b([Object(i.property)({type:String})],o.prototype,"ariaHiddenSplits",void 0),o=b([Object(a.a)("md-badge")],o),e.ELEMENT=o}(r||(r={}))}}]);
|
package/dist/chunks/md-36.js
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{81:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));o(14);var i,r=o(1),a=o(7),c=o(5),d=o(6),n=o(0),l=o(4),s=o(3),v=n.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:var(--button-favorite-border-radius,.25rem);height:1.5rem;position:relative;width:1.5rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:var(--button-secondary-text-color)}.md-favorite:hover{background-color:var(--button-favorite-hover-bg-color)}.md-favorite:focus{outline:0}.md-favorite:active{background-color:var(--button-favorite-pressed-bg-color)}.md-favorite::after{border-radius:var(--button-favorite-border-radius,.25rem);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.md-favorite:focus::after{box-shadow:0 0 0 rem-calc(2) var(--md-default-focus-outline-color)}.md-favorite--disabled{background-color:rgba(0,0,0,0)}.md-favorite--disabled:active,.md-favorite--disabled:hover{background-color:rgba(0,0,0,0)}.md-favorite--disabled md-icon::part(icon){color:var(--button-disabled-text-color)}.md-favorite--active md-icon::part(icon){color:var(--button-favorite-icon-color)}.md-favorite--active:hover md-icon::part(icon){color:var(--button-favorite-hover-icon-color)}.md-favorite--active:active md-icon::part(icon){color:var(--button-favorite-pressed-icon-color)}@media(forced-colors:active){:host{border:none}.md-favorite{background-color:ButtonFace}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:ButtonText}.md-favorite:focus{outline:2px solid Highlight}.md-favorite--disabled{background-color:ButtonFace;color:GrayText}.md-favorite--disabled md-icon::part(icon){color:GrayText}.md-favorite--active md-icon::part(icon){color:ButtonText}}`,b=function(e,t,o,i){var r,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(c=(a<3?r(c):a>3?r(t,o,c):r(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(a.a)(n.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[d.a,v]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==r.b.Enter&&e.code!==r.b.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return n.html`
|
|
2
|
+
<label
|
|
3
|
+
for="favorite-checkbox"
|
|
4
|
+
id="${this.id}"
|
|
5
|
+
class="md-favorite ${Object(l.classMap)(this.favoriteClassMap)}"
|
|
6
|
+
tabindex="0"
|
|
7
|
+
>
|
|
8
|
+
<input
|
|
9
|
+
type="checkbox"
|
|
10
|
+
aria-label=${Object(s.ifDefined)(this.label.length?this.label:void 0)}
|
|
11
|
+
value=${this.value}
|
|
12
|
+
?checked=${this.checked}
|
|
13
|
+
?disabled=${this.disabled}
|
|
14
|
+
aria-hidden="true"
|
|
15
|
+
name="favorite-checkbox"
|
|
16
|
+
/>
|
|
17
|
+
<md-icon
|
|
18
|
+
name="${this.checked?"favorite-filled":"favorite-bold"}"
|
|
19
|
+
iconSet="momentumDesign"
|
|
20
|
+
size="16"
|
|
21
|
+
></md-icon>
|
|
22
|
+
</label>
|
|
23
|
+
`}};b([Object(n.property)({type:Boolean})],t.prototype,"disabled",void 0),b([Object(n.property)({type:Boolean})],t.prototype,"checked",void 0),b([Object(n.property)({type:String})],t.prototype,"value",void 0),b([Object(n.property)({type:String})],t.prototype,"id",void 0),b([Object(n.property)({type:String})],t.prototype,"label",void 0),b([Object(n.internalProperty)()],t.prototype,"customId",void 0),t=b([Object(c.a)("md-favorite")],t),e.ELEMENT=t}(i||(i={}))}}]);
|
package/dist/chunks/md-37.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{
|
|
2
|
-
<
|
|
3
|
-
<slot></slot>
|
|
4
|
-
</
|
|
5
|
-
`}};
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{72:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(5),d=s(6),c=s(0),o=s(3),a=s(63),h=function(t,e,s,i){var l,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(n<3?l(r):n>3?l(e,s,r):l(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r};!function(t){let e=class extends(Object(n.d)(c.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){return this.slotted[t].disabled}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case l.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case l.b.Home:this.switchListItemOnArrowPress(0);break;case l.b.ArrowUp:case l.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case l.b.ArrowDown:case l.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case l.b.Enter:case l.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,a.a]}render(){return c.html`
|
|
2
|
+
<ul role=${Object(o.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
|
|
3
|
+
<slot name="list-item"></slot>
|
|
4
|
+
</ul>
|
|
5
|
+
`}};h([Object(c.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),h([Object(c.property)({type:String})],e.prototype,"label",void 0),h([Object(c.property)({type:Number,reflect:!0})],e.prototype,"activated",void 0),h([Object(c.query)("slot[name='list-item']")],e.prototype,"listItemSlot",void 0),e=h([Object(r.a)("md-list")],e),t.ELEMENT=e}(i||(i={}))}}]);
|
package/dist/chunks/md-38.js
CHANGED
|
@@ -1 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[38],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[38],{73:function(e,t,s){"use strict";s.r(t),s.d(t,"ListItem",(function(){return r}));var r,i=s(7),l=s(5),o=s(6),d=s(0),p=s(4),c=s(63),n=function(e,t,s,r){var i,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,s,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(o=(l<3?i(o):l>3?i(t,s,o):i(t,s))||o);return l>3&&o&&Object.defineProperty(t,s,o),o};!function(e){let t=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.role="option",this.tabIndex=-1,this.shape="rounded",this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,this.requestUpdate("selected",t)}get listItemTemplateClassMap(){return{["md-list-item--"+this.shape]:!!this.shape}}static get styles(){return[o.a,c.a]}render(){return d.html`
|
|
2
|
+
<li class="md-list-item ${Object(p.classMap)(this.listItemTemplateClassMap)}" part="list-item">
|
|
3
|
+
<slot></slot>
|
|
4
|
+
</li>
|
|
5
|
+
`}};n([Object(d.property)({type:String,reflect:!0})],t.prototype,"role",void 0),n([Object(d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),n([Object(d.property)({type:String,reflect:!0})],t.prototype,"shape",void 0),n([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),n([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=n([Object(l.a)("md-list-item")],t),e.ELEMENT=t}(r||(r={}))}}]);
|
package/dist/chunks/md-39.js
CHANGED
|
@@ -1,21 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{
|
|
2
|
-
<span>
|
|
3
|
-
<div class="progressbar-info" data-key="${this.min}">
|
|
4
|
-
<span class="progressbar-label">${this.label}</span>
|
|
5
|
-
<span class="progressbar-progress">${this.getDisplayFormat()}</span>
|
|
6
|
-
</div>
|
|
7
|
-
<div class="progress ${Object(n.classMap)(e)}" data-key="${this.max}">
|
|
8
|
-
<span
|
|
9
|
-
class="meter"
|
|
10
|
-
role="progressbar"
|
|
11
|
-
aria-labelledby="progressbar"
|
|
12
|
-
aria-valuenow=${this.adjustedValue}
|
|
13
|
-
aria-valuemin=${this.min}
|
|
14
|
-
aria-valuemax=${this.max}
|
|
15
|
-
aria-valuetext=${this.meterWidth}
|
|
16
|
-
style="${"width: "+this.meterWidth+"; background: "+this.getColor()}"
|
|
17
|
-
>
|
|
18
|
-
</span>
|
|
19
|
-
</div>
|
|
20
|
-
</span>
|
|
21
|
-
`}};p([Object(i.property)({type:Boolean})],r.prototype,"dynamic",void 0),p([Object(i.property)({type:String})],r.prototype,"color",void 0),p([Object(i.property)({type:String})],r.prototype,"label",void 0),p([Object(i.property)({type:String})],r.prototype,"displayFormat",void 0),p([Object(i.property)({type:String})],r.prototype,"type",void 0),p([Object(i.property)({type:Number})],r.prototype,"min",void 0),p([Object(i.property)({type:Number})],r.prototype,"max",void 0),p([Object(i.property)({type:Number})],r.prototype,"value",void 0),p([Object(i.property)({type:Number})],r.prototype,"adjustedValue",void 0),p([Object(i.property)({type:Number})],r.prototype,"valueFraction",void 0),p([Object(i.property)({type:String})],r.prototype,"meterWidth",void 0),r=p([Object(o.a)("md-progress-bar")],r),e.ELEMENT=r}(a||(a={}))}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{64:function(e,o,r){"use strict";var c=r(0);o.a=c.css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.25rem;cursor:pointer;display:inline-flex;position:relative;vertical-align:middle}:host(md-checkbox) .checkbox-input{height:calc(1.25rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-flex;padding-left:2.125rem;padding-right:calc(.25rem/2);position:relative;width:100%;z-index:1;align-items:center;gap:.5rem}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color,#fff);border:.0625rem solid var(--checkbox-border-color,#545454);border-radius:.25rem;height:1.25rem;width:1.25rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(.75rem*1.25);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#545454)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color,#dedede);border:.0625rem solid var(--checkbox-pressed-border-color,#ccc)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#545454)}:host([aria-checked=true]) .checkbox-label::after{border:solid var(--checkbox-icon-color,#fff);border-width:0 .12em .12em 0;display:block;height:.6em;transform:translateY(-65%) translateX(-50%) rotate(45deg);width:.35em}:host([aria-checked=true]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([indeterminate]) .checkbox-label::after{border:solid var(--checkbox-icon-color,#fff);border-width:0 0 .12em;display:block;height:.2em;transform:translateY(-85%) translateX(-50%) rotate(0);width:.75em}:host([indeterminate]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-label::before,:host([indeterminate]:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-hover-bg-color,#007aa3);border-color:var(--checkbox-selected-hover-border-color,#007aa3)}:host([aria-checked=true]:active:not([disabled])) .checkbox-label::before,:host([indeterminate]:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-pressed-bg-color,#005e7d);border-color:var(--checkbox-selected-pressed-border-color,#005e7d)}@media(forced-colors:active){:host([focus-visible]:not([disabled])){outline:2px solid Highlight;box-shadow:none}}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem*6)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem*10)}`}}]);
|
package/dist/chunks/md-4.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[4],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[4],{31:function(e,t,o){"use strict";o.d(t,"a",(function(){return c}));var s=o(0),n=o(19),u=function(e,t,o,s){var n,u=arguments.length,c=u<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,s);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(c=(u<3?n(c):u>3?n(t,o,c):n(t,o))||c);return u>3&&c&&Object.defineProperty(t,o,c),c};s.LitElement;const c=e=>{if(Object(n.b)(c,e))return e;class t extends e{constructor(){super(...arguments),this.autofocus=!1}setFocus(e){this.toggleAttribute("focus-visible",e)}handleFocusIn(e){super.handleFocusIn&&super.handleFocusIn(e),this.setFocus(!0),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.setFocus(!1),this.dispatchEvent(new CustomEvent("focus-not-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}manageAutoFocus(e=this){e.focus()}firstUpdated(e){super.firstUpdated(e),this.addEventListener("focus",this.handleFocusIn),this.addEventListener("blur",this.handleFocusOut),this.autofocus&&requestAnimationFrame(()=>{this.manageAutoFocus()})}getActiveElement(){return this.getRootNode().activeElement}getDeepActiveElement(){let e=document.activeElement||document.body;for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e}isElementFocused(e){return this.getDeepActiveElement()!==e}disconnectedCallback(){this.removeEventListener("focus",this.handleFocusIn),this.removeEventListener("blur",this.handleFocusOut)}}return u([Object(s.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),Object(n.a)(c,t),t}}}]);
|
package/dist/chunks/md-40.js
CHANGED
|
@@ -1,42 +1,21 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[40],{
|
|
2
|
-
<
|
|
3
|
-
${this.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
</span>
|
|
7
|
-
`:c.html`
|
|
8
|
-
<md-input
|
|
9
|
-
class="date-input"
|
|
10
|
-
slot="menu-trigger"
|
|
11
|
-
role="combobox"
|
|
12
|
-
placeholder=${this.placeholder?this.placeholder:"YYYY-MM-DD"}
|
|
13
|
-
value=${Object(d.ifDefined)(this.value)}
|
|
14
|
-
htmlId=${this.htmlId}
|
|
15
|
-
label=${this.label}
|
|
16
|
-
ariaLabel=${this.ariaLabel+this.chosenDateLabel()}
|
|
17
|
-
ariaExpanded=${this.isMenuOverlayOpen?"true":"false"}
|
|
18
|
-
ariaControls="date-overlay-content"
|
|
19
|
-
auxiliaryContentPosition="before"
|
|
20
|
-
?required=${this.required}
|
|
21
|
-
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
22
|
-
@input-change="${e=>this.handleDateInputChange(e)}"
|
|
23
|
-
?disabled=${this.disabled}
|
|
24
|
-
hide-message=${!this.errorMessage&&this.isValueValid()}
|
|
25
|
-
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
26
|
-
.messageArr=${this.errorMessage?[{message:this.errorMessage,type:"error"}]:[{message:"",type:this.isValueValid()?"":"error"}]}
|
|
27
|
-
>
|
|
28
|
-
<md-icon slot="input-section" name="calendar-month-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
29
|
-
</md-input>
|
|
30
|
-
`}
|
|
31
|
-
|
|
32
|
-
<div class="date-overlay-content">
|
|
33
|
-
<md-datepicker-calendar
|
|
34
|
-
@day-select=${e=>this.handleSelect(e)}
|
|
35
|
-
@day-key-event=${e=>this.handleKeyDown(e)}
|
|
36
|
-
.datePickerProps=${{locale:this.locale,selected:this.selectedDate,focused:this.focusedDate,weekStart:this.weekStart}}
|
|
37
|
-
.filterParams=${{minDate:this.minDateData,maxDate:this.maxDateData,filterDate:this.filterDate}}
|
|
38
|
-
></md-datepicker-calendar>
|
|
39
|
-
<slot name="time-picker"></slot>
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[40],{82:function(e,r,t){"use strict";t.r(r),t.d(r,"ProgressBar",(function(){return a}));var a,o=t(5),s=t(6),i=t(0),n=t(4),l=i.css`.progress-bar{background-color:var(--border-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;box-sizing:border-box;height:4px;margin-bottom:-4px;overflow:hidden;position:relative;width:100%}.progress-bar-value{animation:indeterminateAnimation 1s infinite linear;background-color:var(--link-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;height:100%;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progressbar-label{text-align:left}.progressbar-progress{float:right}.progressbar-label,.progressbar-progress{color:var(--progress-bar-label-text-color,#000);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:.6875rem}.progress{background-color:var(--progress-bar-track-bg-color,#dedede);height:.25rem;margin-bottom:.625rem;overflow:hidden;padding:0;border-radius:var(--progress-bar-border-radius,4px)}.progress .meter{background:#00a0d1;display:block;height:100%}.progress--indeterminate .meter{animation:indeterminateAnimation 1s infinite linear;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progress.secondary .meter{background:#545454;display:block;height:100%}.progress.success .meter{background:#00ab50;display:block;height:100%}.progress.danger .meter{background:#f7644a;display:block;height:100%}.progress.warning .meter{background:#d97f00;display:block;height:100%}.progress.info .meter{background:#16a693;display:block;height:100%}@media(forced-colors:active){.progress{background-color:HighlightText;outline:1px solid Highlight;outline-offset:-1px}.progress .meter{background-color:Highlight}}`,p=function(e,r,t,a){var o,s=arguments.length,i=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,r,t,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(s<3?o(i):s>3?o(r,t,i):o(r,t))||i);return s>3&&i&&Object.defineProperty(r,t,i),i};!function(e){let r=class extends i.LitElement{constructor(){super(...arguments),this.dynamic=!1,this.color="",this.label="",this.displayFormat="percentage",this.type="indeterminate",this.min=0,this.max=100,this.value=25,this.adjustedValue=0,this.valueFraction=0,this.meterWidth="100",this.getDisplayFormat=()=>"indeterminate"===this.type?(this.value=100,null):(this.adjustedValue=this.max-this.value<0?this.max:this.value,this.valueFraction=this.adjustedValue/this.max*100||0,this.meterWidth=this.valueFraction.toFixed(0)+"%","none"===this.displayFormat?null:"percentage"===this.displayFormat?this.meterWidth:`${this.adjustedValue} / ${this.max}`),this.getColor=()=>this.color?this.color:this.dynamic?this.valueFraction<25?"success":this.valueFraction<50?"info":this.valueFraction<75?"warning":"danger":void 0}connectedCallback(){super.connectedCallback(),this.requestUpdate("value")}static get styles(){return[s.a,l]}render(){const e={["progress--"+this.type]:this.type,["progress--"+this.color]:this.color};return i.html`
|
|
2
|
+
<span>
|
|
3
|
+
<div class="progressbar-info" data-key="${this.min}">
|
|
4
|
+
<span class="progressbar-label">${this.label}</span>
|
|
5
|
+
<span class="progressbar-progress">${this.getDisplayFormat()}</span>
|
|
40
6
|
</div>
|
|
41
|
-
|
|
42
|
-
|
|
7
|
+
<div class="progress ${Object(n.classMap)(e)}" data-key="${this.max}">
|
|
8
|
+
<span
|
|
9
|
+
class="meter"
|
|
10
|
+
role="progressbar"
|
|
11
|
+
aria-labelledby="progressbar"
|
|
12
|
+
aria-valuenow=${this.adjustedValue}
|
|
13
|
+
aria-valuemin=${this.min}
|
|
14
|
+
aria-valuemax=${this.max}
|
|
15
|
+
aria-valuetext=${this.meterWidth}
|
|
16
|
+
style="${"width: "+this.meterWidth+"; background: "+this.getColor()}"
|
|
17
|
+
>
|
|
18
|
+
</span>
|
|
19
|
+
</div>
|
|
20
|
+
</span>
|
|
21
|
+
`}};p([Object(i.property)({type:Boolean})],r.prototype,"dynamic",void 0),p([Object(i.property)({type:String})],r.prototype,"color",void 0),p([Object(i.property)({type:String})],r.prototype,"label",void 0),p([Object(i.property)({type:String})],r.prototype,"displayFormat",void 0),p([Object(i.property)({type:String})],r.prototype,"type",void 0),p([Object(i.property)({type:Number})],r.prototype,"min",void 0),p([Object(i.property)({type:Number})],r.prototype,"max",void 0),p([Object(i.property)({type:Number})],r.prototype,"value",void 0),p([Object(i.property)({type:Number})],r.prototype,"adjustedValue",void 0),p([Object(i.property)({type:Number})],r.prototype,"valueFraction",void 0),p([Object(i.property)({type:String})],r.prototype,"meterWidth",void 0),r=p([Object(o.a)("md-progress-bar")],r),e.ELEMENT=r}(a||(a={}))}}]);
|
package/dist/chunks/md-41.js
CHANGED
|
@@ -1 +1,26 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{64:function(e,r,d){"use strict";var o=d(0);r.a=o.css`:host{display:block}.md-draggable-item.extended{align-items:center;background-color:var(--md-secondary-white-bg-color);border:1px solid var(--md-menu-overlay-border-color);display:flex;flex-direction:row;padding:.375rem}.md-draggable-item.extended md-icon{cursor:grab;margin-right:.375rem}.md-draggable-item.extended:hover{background-color:var(--md-secondary-bg-color)}.md-draggable-item.extended ::slotted(*){flex:1 1 auto;margin-right:calc(.375rem*2);text-align:left}.md-draggable-item.default{border:2px solid transparent;border-radius:.25rem;cursor:grab;display:flex;padding:calc(.375rem/2) .375rem}.md-draggable-item.default:hover{background-color:var(--md-tertiary-white-bg-color);border:2px solid var(--md-default-focus-outline-color);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18)}.md-draggable-item.disabled{cursor:default}.md-draggable-item.disabled:hover{background-color:rgba(0,0,0,0);border:2px solid transparent;box-shadow:none}@media(forced-colors:active){.md-draggable-item.extended{border:1px solid CanvasText}.md-draggable-item.default{border:none;outline:0}.md-draggable-item.default:hover{outline:1px solid Highlight;border:none}}`}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{83:function(e,t,o){"use strict";o.r(t),o.d(t,"Popover",(function(){return i}));o(17),o(14);var i,r=o(1),n=o(5),s=o(32),p=o(16),a=o(27),l=o(21),d=o.n(l),c=o(22),h=o.n(c),v=o(23),u=o.n(v),g=o(24),m=o.n(g),b=o(18),f=o(0),O=o(2),y=o(45),E=o(34),w=f.css`.md-popover{box-sizing:border-box;position:relative;color:var(--popover-text-color)}.md-popover *{box-sizing:inherit}.md-popover .popover-container{filter:drop-shadow(0 0 1px rgba(0, 0, 0, .12)) drop-shadow(0 24px 48px rgba(0, 0, 0, .2));box-sizing:border-box;display:none;position:absolute;z-index:1000;background-color:var(--popover-bg-color);border:1px solid var(--popover-border-color);border-radius:.5rem;padding:.75rem;min-height:24px;min-width:14px;max-width:292px}.md-popover .popover-container[data-show]{display:flex}.md-popover .popover-content{display:flex;justify-content:space-around;width:100%;flex-grow:1;font-size:1rem;font-weight:400;line-height:1.5rem}.md-popover .cancel-icon-button{position:absolute;right:.75rem;top:.75rem;padding-left:.5rem;width:1.25rem;height:1.25rem;cursor:pointer}.md-popover .popover-arrow{position:absolute;width:0;height:0;visibility:hidden}.md-popover .popover-arrow::before{content:"";position:absolute;width:16px;height:16px;background:var(--popover-bg-color);border:1px solid var(--popover-border-color);transform:rotate(45deg);visibility:visible}.popover-container[data-popper-placement^=top]>.popover-arrow{bottom:0}.popover-container[data-popper-placement^=top]>.popover-arrow::before{left:calc(50% - 8px);bottom:-9px;border-top:none;border-left:none;border-bottom-right-radius:3px}.popover-container[data-popper-placement^=bottom]>.popover-arrow{top:0}.popover-container[data-popper-placement^=bottom]>.popover-arrow::before{left:calc(50% - 8px);top:-9px;border-bottom:none;border-right:none;border-top-left-radius:3px}.popover-container[data-popper-placement^=right]>.popover-arrow{left:0}.popover-container[data-popper-placement^=right]>.popover-arrow::before{left:-9px;top:calc(50% - 8px);border-right:none;border-top:none;border-bottom-left-radius:3px}.popover-container[data-popper-placement^=left]>.popover-arrow{right:0}.popover-container[data-popper-placement^=left]>.popover-arrow::before{right:-9px;border-bottom:none;border-left:none;top:calc(50% - 8px);border-top-right-radius:3px}`,x=function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);return n>3&&s&&Object.defineProperty(t,o,s),s},C=function(e,t,o,i){return new(o||(o=Promise))((function(r,n){function s(e){try{a(i.next(e))}catch(e){n(e)}}function p(e){try{a(i.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(s,p)}a((i=i.apply(e,t||[])).next())}))};!function(e){let t=class extends(Object(s.a)(f.LitElement)){constructor(){super(...arguments),this.placement="bottom",this.isOpen=!1,this.showArrow=!0,this.showClose=!1,this.interactive=!1,this.shouldWrapFocus=()=>this.interactive,this.role="dialog",this.ariaLabel=null,this.offsetDistance=5,this.trigger="click",this.triggerElement=null,this.popperInstance=null,this.isMouseOver=!1,this.onOutsideOverlayClick=e=>{var t;if(null===(t=this.trigger)||void 0===t?void 0:t.includes("manual"))return;let o=!1;const i=e.composedPath();i.length&&(o=!!i.find(e=>e===this),o||(this.isOpen=!1))},this.onWindowBlurEvent=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("manual"))||this.isOpen&&(this.isOpen=!1)},this.onOutsideOverlayKeydown=e=>C(this,void 0,void 0,(function*(){this.isOpen&&e.code===r.b.Escape&&(e.preventDefault(),this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onTriggerElementClicked=()=>{this.toggleOverlay()},this.onTriggerElementKeydown=e=>C(this,void 0,void 0,(function*(){Object(a.a)(e.code)&&(e.preventDefault(),this.toggleOverlay()),e.code===r.b.Escape&&this.isOpen&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onFocusInTrigger=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus"))&&(this.isOpen=!0)},this.onFocusOutTrigger=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus"))&&!this.isMouseOver&&(this.isOpen=!1)},this.onMouseEnteredTriggerOrPopup=e=>{var t;this.isMouseOver=!0,(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&this.setIsOpenDebounced(!0)},this.onMouseLeaveTriggerOrPopup=e=>{var t;this.isMouseOver=!1,(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&!this.shouldStayOpenOnTriggerFocus()&&this.setIsOpenDebounced(!1)},this.setIsOpenDebounced=Object(p.b)(e=>{this.isOpen=e},100)}static get styles(){return[w]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){var e,t,o,i,r;super.disconnectedCallback(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.triggerElement&&((null===(e=this.trigger)||void 0===e?void 0:e.includes("click"))&&(this.triggerElement.removeEventListener("click",this.onTriggerElementClicked),this.triggerElement.removeEventListener("keydown",this.onTriggerElementKeydown)),(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&(this.triggerElement.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(o=this.popoverContainer)||void 0===o||o.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(r=this.trigger)||void 0===r?void 0:r.includes("focus"))&&(this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.onFocusOutTrigger)))}setupTriggerEvents(){var e,t,o,i,r;this.triggerElement&&((null===(e=this.trigger)||void 0===e?void 0:e.includes("click"))&&(this.triggerElement.addEventListener("click",this.onTriggerElementClicked.bind(this)),this.triggerElement.addEventListener("keydown",this.onTriggerElementKeydown.bind(this))),(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&(this.triggerElement.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(o=this.popoverContainer)||void 0===o||o.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(r=this.trigger)||void 0===r?void 0:r.includes("focus"))&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.triggerElement.addEventListener("focusout",this.onFocusOutTrigger)))}handleTriggerElementSlotChange(){const e=this.triggerSlot.assignedElements({flatten:!0});this.triggerElement=e.length>0?e[0]:null}onContentSlotChanged(){}shouldStayOpenOnTriggerFocus(){var e;if(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus")){return this.getRootNode().activeElement===this.triggerElement}return!1}firstUpdated(e){var t;super.firstUpdated(e),this.handleTriggerElementSlotChange(),this.setupTriggerEvents(),this.popoverContainer&&this.isOpen&&(this.createInstance(),null===(t=this.popoverContainer)||void 0===t||t.setAttribute("data-show",""))}focusInsideOverlay(){var e,t;this.focusableElements&&(this.focusableElements.length>1?null===(e=this.setInitialFocus)||void 0===e||e.call(this,1):this.focusableElements.length&&(null===(t=this.setInitialFocus)||void 0===t||t.call(this)))}focusOnTrigger(){return C(this,void 0,void 0,(function*(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}))}toggleOverlay(){var e;(null===(e=this.triggerElement)||void 0===e?void 0:e.hasAttribute("disabled"))||(this.isOpen=!this.isOpen)}handleCreatePopperFirstUpdate(){var e;return C(this,void 0,void 0,(function*(){this.isOpen&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,this.focusInsideOverlay())}))}createInstance(){this.triggerElement?this.popperInstance=Object(b.createPopper)(this.triggerElement,this.popoverContainer,{onFirstUpdate:()=>{this.isOpen&&this.handleCreatePopperFirstUpdate()},placement:this.placement,modifiers:[...b.defaultModifiers,h.a,u.a,m.a,d.a,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left"===e||"right"===e?[t.height+t.y+this.offsetDistance,E.a]:[0,this.showArrow?E.a+this.offsetDistance:this.offsetDistance]}},{name:"arrow",options:{element:this.popoverArrow,padding:E.a}},{name:"computeStyles",options:{adaptive:!0}}]}):console.warn("No trigger element not creating popper instance")}destroyInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}updated(e){if(super.updated(e),e.has("isOpen")){const t=e.get("isOpen");this.isOpenUpdated(t,this.isOpen)}}isOpenUpdated(e,t){var o,i,r,n,s,p;e!==t&&(t?(this.createInstance(),this.dispatchPopoverIsOpenChanged(t),window.addEventListener("blur",this.onWindowBlurEvent),document.addEventListener("click",this.onOutsideOverlayClick),document.addEventListener("keydown",this.onOutsideOverlayKeydown),this.interactive&&(null===(o=this.activateFocusTrap)||void 0===o||o.call(this)),null===(i=this.triggerElement)||void 0===i||i.setAttribute("aria-expanded","true"),null===(r=this.popoverContainer)||void 0===r||r.setAttribute("data-show","")):(this.destroyInstance(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.dispatchPopoverIsOpenChanged(t),null===(n=this.deactivateFocusTrap)||void 0===n||n.call(this),null===(s=this.triggerElement)||void 0===s||s.removeAttribute("aria-expanded"),null===(p=this.popoverContainer)||void 0===p||p.removeAttribute("data-show")))}dispatchPopoverIsOpenChanged(e){this.dispatchEvent(new CustomEvent("popover-open-changed",{detail:{isOpen:e},composed:!0,bubbles:!0}))}render(){var e;return f.html`
|
|
2
|
+
<div class="md-popover">
|
|
3
|
+
<slot name="triggerElement" aria-expanded=${this.isOpen}></slot>
|
|
4
|
+
<div
|
|
5
|
+
part="popover"
|
|
6
|
+
class="popover-container"
|
|
7
|
+
role=${this.role}
|
|
8
|
+
aria-modal=${Object(y.ifDefined)(this.interactive?"true":void 0)}
|
|
9
|
+
aria-label=${Object(y.ifDefined)(null!==(e=this.ariaLabel)&&void 0!==e?e:void 0)}
|
|
10
|
+
>
|
|
11
|
+
${this.showClose?f.html`<md-button
|
|
12
|
+
class="cancel-icon-button"
|
|
13
|
+
size="20"
|
|
14
|
+
hasRemoveStyle
|
|
15
|
+
circle
|
|
16
|
+
@button-click=${()=>this.isOpen=!1}
|
|
17
|
+
>
|
|
18
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
19
|
+
</md-button>`:O.nothing}
|
|
20
|
+
${this.showArrow?f.html`<div id="arrow" class="popover-arrow"></div>`:O.nothing}
|
|
21
|
+
<div class="popover-content" part="popover-content">
|
|
22
|
+
<slot @slotchange=${this.onContentSlotChanged}></slot>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
`}};x([Object(f.property)({type:String})],t.prototype,"placement",void 0),x([Object(f.property)({type:Boolean,attribute:"is-open"})],t.prototype,"isOpen",void 0),x([Object(f.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),x([Object(f.property)({type:Boolean,attribute:"show-close"})],t.prototype,"showClose",void 0),x([Object(f.property)({type:Boolean})],t.prototype,"interactive",void 0),x([Object(f.property)({type:String,attribute:"role"})],t.prototype,"role",void 0),x([Object(f.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),x([Object(f.property)({type:Number,attribute:"offset-distance"})],t.prototype,"offsetDistance",void 0),x([Object(f.query)('slot[name="triggerElement"]')],t.prototype,"triggerSlot",void 0),x([Object(f.query)(".popover-container")],t.prototype,"popoverContainer",void 0),x([Object(f.query)(".popover-arrow")],t.prototype,"popoverArrow",void 0),x([Object(f.property)({type:String})],t.prototype,"trigger",void 0),x([Object(f.internalProperty)()],t.prototype,"isMouseOver",void 0),t=x([Object(n.a)("md-popover")],t),e.ELEMENT=t}(i||(i={}))}}]);
|