@momentum-ui/web-components 2.21.0-dev → 2.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/1200.js +4 -4
- package/dist/1625.js +1 -1
- package/dist/2547.js +1 -1
- package/dist/4548.js +1 -1
- package/dist/4974.js +1 -1
- package/dist/5830.js +1 -0
- package/dist/6015.js +1 -1
- package/dist/6273.js +31 -5
- package/dist/6652.js +1 -1
- package/dist/6798.js +1 -1
- package/dist/7719.js +1 -1
- package/dist/8028.js +1 -1
- package/dist/8728.js +1 -1
- package/dist/assets/icons/svg/alphalink.svg +1 -0
- package/dist/assets/icons/svg/apple-business-chat-color.svg +1 -0
- package/dist/assets/icons/svg/cisco-ai-assistant-bw-gradient.svg +1 -0
- package/dist/assets/icons/svg/cisco-ai-assistant-bw-outline.svg +1 -0
- package/dist/assets/icons/svg/cisco-ai-assistant-bw.svg +1 -0
- package/dist/assets/icons/svg/cisco-ai-assistant-color-gradient.svg +1 -0
- package/dist/assets/icons/svg/cisco-ai-assistant-color.svg +1 -0
- package/dist/assets/icons/svg/cisco-ai-assistant-symbol.svg +1 -0
- package/dist/assets/icons/svg/cisco-logo-dark-bw.svg +1 -0
- package/dist/assets/icons/svg/cisco-logo-light-bw.svg +1 -0
- package/dist/assets/icons/svg/cisco-logo-light-color.svg +1 -0
- package/dist/assets/icons/svg/citynet-horizontal.svg +1 -0
- package/dist/assets/icons/svg/citynet-mark.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-dark-bw-horizontal.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-dark-bw-mark.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-dark-bw-vertical.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-dark-color-horizontal.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-dark-color-mark.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-dark-color-vertical.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-light-bw-horizontal.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-light-bw-mark.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-light-bw-vertical.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-light-color-horizontal.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-light-color-mark.svg +1 -0
- package/dist/assets/icons/svg/creative-direction-logo-light-color-vertical.svg +1 -0
- package/dist/assets/icons/svg/excelcom-horizontal.svg +1 -0
- package/dist/assets/icons/svg/excelcom-mark.svg +1 -0
- package/dist/assets/icons/svg/fedramp-logo.svg +1 -0
- package/dist/assets/icons/svg/google-meet-color.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-dark-bw-horizontal.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-dark-bw-mark.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-dark-bw-vertical.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-dark-color-horizontal.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-dark-color-mark.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-dark-color-vertical.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-light-bw-horizontal.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-light-bw-mark.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-light-bw-vertical.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-light-color-horizontal.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-light-color-mark.svg +1 -0
- package/dist/assets/icons/svg/momentum-design-logo-light-color-vertical.svg +1 -0
- package/dist/assets/icons/svg/ms-teams-color.svg +1 -0
- package/dist/assets/icons/svg/northland-horizontal.svg +1 -0
- package/dist/assets/icons/svg/northland-mark.svg +1 -0
- package/dist/assets/icons/svg/slido-color.svg +1 -0
- package/dist/assets/icons/svg/social-alexa-bw.svg +1 -0
- package/dist/assets/icons/svg/social-alexa-color.svg +1 -0
- package/dist/assets/icons/svg/social-facebook-bw.svg +1 -0
- package/dist/assets/icons/svg/social-facebook-color.svg +1 -0
- package/dist/assets/icons/svg/social-fbmessenger-bw.svg +1 -0
- package/dist/assets/icons/svg/social-fbmessenger-color.svg +1 -0
- package/dist/assets/icons/svg/social-instagram.svg +1 -0
- package/dist/assets/icons/svg/social-line-bw.svg +1 -0
- package/dist/assets/icons/svg/social-line-color.svg +1 -0
- package/dist/assets/icons/svg/social-microsoft-bw.svg +1 -0
- package/dist/assets/icons/svg/social-microsoft-color.svg +1 -0
- package/dist/assets/icons/svg/social-rcs-bw.svg +1 -0
- package/dist/assets/icons/svg/social-rcs-color.svg +1 -0
- package/dist/assets/icons/svg/social-telegram-bw.svg +1 -0
- package/dist/assets/icons/svg/social-telegram-color.svg +1 -0
- package/dist/assets/icons/svg/social-viber-bw.svg +1 -0
- package/dist/assets/icons/svg/social-viber-color.svg +1 -0
- package/dist/assets/icons/svg/social-wechat-bw.svg +1 -0
- package/dist/assets/icons/svg/social-wechat-color.svg +1 -0
- package/dist/assets/icons/svg/social-whatsapp-bw.svg +1 -0
- package/dist/assets/icons/svg/social-whatsapp-color.svg +1 -0
- package/dist/assets/icons/svg/social-x.svg +1 -0
- package/dist/assets/icons/svg/swiftmatch-bw.svg +1 -0
- package/dist/assets/icons/svg/swiftmatch-color.svg +1 -0
- package/dist/assets/icons/svg/switchconnect-horizontal.svg +1 -0
- package/dist/assets/icons/svg/switchconnect-mark.svg +1 -0
- package/dist/assets/icons/svg/telus-horizontal.svg +1 -0
- package/dist/assets/icons/svg/telus-mark.svg +1 -0
- package/dist/assets/icons/svg/verizon-horizontal.svg +1 -0
- package/dist/assets/icons/svg/verizon-mark.svg +1 -0
- package/dist/assets/icons/svg/videotron-horizontal.svg +1 -0
- package/dist/assets/icons/svg/videotron-mark.svg +1 -0
- package/dist/assets/icons/svg/webex-app-icon-color-container.svg +1 -0
- package/dist/assets/icons/svg/webex-app-icon-meet-container.svg +1 -0
- package/dist/assets/icons/svg/webex-app-icon-play-container.svg +1 -0
- package/dist/assets/icons/svg/webex-app-icon-record-container.svg +1 -0
- package/dist/assets/icons/svg/webex-app-icon-wda-container.svg +1 -0
- package/dist/assets/icons/svg/webex-design-logo-dark-bw-gradient.svg +1 -0
- package/dist/assets/icons/svg/webex-design-logo-dark-bw-outline.svg +1 -0
- package/dist/assets/icons/svg/webex-design-logo-light-bw-gradient.svg +1 -0
- package/dist/assets/icons/svg/webex-design-logo-light-bw-outline.svg +1 -0
- package/dist/assets/icons/svg/webex-graphic-element-graphic-five.svg +1 -0
- package/dist/assets/icons/svg/webex-graphic-element-graphic-four.svg +1 -0
- package/dist/assets/icons/svg/webex-graphic-element-graphic-one.svg +1 -0
- package/dist/assets/icons/svg/webex-graphic-element-graphic-three.svg +1 -0
- package/dist/assets/icons/svg/webex-graphic-element-graphic-two.svg +1 -0
- package/dist/assets/icons/svg/webex-graphic-element-wx-graphic.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-bw-gradient-horizontal-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-bw-gradient-horizontal.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-bw-gradient-vertical-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-bw-gradient-vertical.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-bw-outline-horizontal-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-bw-outline-horizontal.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-bw-outline-vertical-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-bw-outline-vertical.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-color-gradient-horizontal-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-color-gradient-horizontal.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-color-gradient-vertical-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-dark-color-gradient-vertical.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-bw-gradient-horizontal-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-bw-gradient-horizontal.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-bw-gradient-vertical-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-bw-gradient-vertical.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-bw-outline-horizontal-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-bw-outline-horizontal.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-bw-outline-vertical-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-bw-outline-vertical.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-color-gradient-horizontal-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-color-gradient-horizontal.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-color-gradient-vertical-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-logo-lockup-light-color-gradient-vertical.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-dark-apple.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-dark-box.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-dark-microsoft.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-dark-ms-teams.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-dark-okta.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-light-apple.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-light-box.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-light-microsoft.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-light-ms-teams.svg +1 -0
- package/dist/assets/icons/svg/webex-partnership-logo-lockup-light-okta.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-dark-bw-outline-events.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-dark-bw-outline-vidcast.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-dark-bw-outline-webex.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-dark-bw-outline-whiteboard.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-dark-color-gradient-events.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-dark-color-gradient-vidcast.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-dark-color-gradient-webex.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-dark-color-gradient-whiteboard.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-light-bw-outline-events.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-light-bw-outline-vidcast.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-light-bw-outline-webex.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-light-bw-outline-whiteboard.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-light-color-gradient-events.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-light-color-gradient-vidcast.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-light-color-gradient-webex.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-icons-light-color-gradient-whiteboard.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-tiles-dark-assist.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-tiles-dark-bot.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-tiles-dark-campaign.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-tiles-dark-engage.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-tiles-light-assist.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-tiles-light-bot.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-tiles-light-campaign.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-tiles-light-engage.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-account.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-adoption-methodology.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-ai-agent-studio.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-ambassador.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-analyzer.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-app-hub.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-assist.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-campaign-manager.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-campaign.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-connect-integrations.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-connect.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-contact-center.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-control-hub.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-cx-studio.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-directory-connector.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-ediscovery.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-engage.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-events.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-flow-designer.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-for-developers.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-global-service-status.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-interact.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-notify.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-partner-hub.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-placeholder.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-reach.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-settings.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-suite-settings.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-support.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-the-bridge.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-vidcast.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-view.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-dark-whiteboard.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-account.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-adoption-methodology.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-ai-agent-studio.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-ambassador.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-analyzer.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-app-hub.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-assist.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-campaign-manager.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-campaign.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-connect-integrations.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-connect.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-contact-center.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-control-hub.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-cx-studio.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-directory-connector.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-ediscovery.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-engage.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-events.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-flow-designer.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-for-developers.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-global-service-status.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-interact.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-notify.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-partner-hub.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-placeholder.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-reach.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-settings.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-suite-settings.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-support.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-the-bridge.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-vidcast.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-view.svg +1 -0
- package/dist/assets/icons/svg/webex-suite-wordmark-light-whiteboard.svg +1 -0
- package/dist/assets/icons/svg/webex-symbol-common-color-gradient.svg +1 -0
- package/dist/assets/icons/svg/webex-symbol-dark-bw-gradient.svg +1 -0
- package/dist/assets/icons/svg/webex-symbol-dark-bw-outline.svg +1 -0
- package/dist/assets/icons/svg/webex-symbol-light-bw-gradient.svg +1 -0
- package/dist/assets/icons/svg/webex-symbol-light-bw-outline.svg +1 -0
- package/dist/assets/icons/svg/webex-wordmark-dark-horizontal-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-wordmark-dark-vertical-bycisco-center.svg +1 -0
- package/dist/assets/icons/svg/webex-wordmark-dark-vertical-bycisco-right.svg +1 -0
- package/dist/assets/icons/svg/webex-wordmark-dark-wordmark.svg +1 -0
- package/dist/assets/icons/svg/webex-wordmark-light-horizontal-bycisco.svg +1 -0
- package/dist/assets/icons/svg/webex-wordmark-light-vertical-bycisco-center.svg +1 -0
- package/dist/assets/icons/svg/webex-wordmark-light-vertical-bycisco-right.svg +1 -0
- package/dist/assets/icons/svg/webex-wordmark-light-wordmark.svg +1 -0
- package/dist/assets/icons/svg/zoom-color.svg +1 -0
- package/dist/chunks/md-1786.js +1 -1
- package/dist/comp/md-accordion-item-entry.js +4 -4
- package/dist/comp/md-accordion-item.js +1 -1
- package/dist/comp/md-activity-button-entry.js +2 -2
- package/dist/comp/md-activity-button.js +1 -1
- package/dist/comp/md-alert-banner-entry.js +7 -7
- package/dist/comp/md-alert-banner.js +1 -1
- package/dist/comp/md-alert-entry.js +29 -29
- package/dist/comp/md-alert.js +1 -1
- package/dist/comp/md-audio-player-entry.js +7 -7
- package/dist/comp/md-audio-player.js +1 -1
- package/dist/comp/md-avatar-entry.js +14 -14
- package/dist/comp/md-avatar.js +1 -1
- package/dist/comp/md-button-entry.js +1 -1
- package/dist/comp/md-card-ai-entry.js +16 -16
- package/dist/comp/md-card-ai.js +1 -1
- package/dist/comp/md-card-entry.js +11 -11
- package/dist/comp/md-card-v2-entry.js +6 -6
- package/dist/comp/md-card-v2.js +1 -1
- package/dist/comp/md-card.js +1 -1
- package/dist/comp/md-chat-message-entry.js +2 -2
- package/dist/comp/md-chat-message.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +15 -15
- package/dist/comp/md-coachmark-popover.js +1 -1
- package/dist/comp/md-combobox-entry.js +45 -45
- package/dist/comp/md-combobox.js +1 -1
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +5 -3
- package/dist/comp/md-date-time-picker.js +1 -1
- package/dist/comp/md-datepicker-calendar-entry.js +9 -9
- package/dist/comp/md-datepicker-calendar.js +1 -1
- package/dist/comp/md-datepicker-day-entry.js +1 -1
- package/dist/comp/md-datepicker-entry.js +30 -4
- package/dist/comp/md-datepicker-month-entry.js +1 -1
- package/dist/comp/md-datepicker-week-entry.js +1 -1
- package/dist/comp/md-datepicker.js +1 -1
- package/dist/comp/md-dropdown-entry.js +12 -11
- package/dist/comp/md-dropdown.js +1 -1
- package/dist/comp/md-editable-field-entry.js +25 -25
- package/dist/comp/md-editable-field.js +1 -1
- package/dist/comp/md-favorite-entry.js +3 -3
- package/dist/comp/md-favorite.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +6 -6
- package/dist/comp/md-floating-minimize.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +6 -6
- package/dist/comp/md-floating-modal.js +1 -1
- package/dist/comp/md-grabber-entry.js +5 -5
- package/dist/comp/md-grabber.js +1 -1
- package/dist/comp/md-icon-entry.js +9 -9
- package/dist/comp/md-icon.js +1 -1
- package/dist/comp/md-input-entry.js +26 -26
- package/dist/comp/md-input.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +11 -11
- package/dist/comp/md-meeting-alert.js +1 -1
- package/dist/comp/md-menu-entry.js +2 -2
- package/dist/comp/md-modal-entry.js +4 -4
- package/dist/comp/md-modal.js +1 -1
- package/dist/comp/md-pagination-entry.js +12 -12
- package/dist/comp/md-pagination.js +1 -1
- package/dist/comp/md-phone-input-entry.js +8 -8
- package/dist/comp/md-phone-input.js +1 -1
- package/dist/comp/md-popover-entry.js +6 -6
- package/dist/comp/md-popover.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +28 -28
- package/dist/comp/md-table-advanced.js +1 -1
- package/dist/comp/md-table-entry.js +11 -11
- package/dist/comp/md-table.js +1 -1
- package/dist/comp/md-tabs-entry.js +13 -13
- package/dist/comp/md-tabs.js +1 -1
- package/dist/comp/md-task-item-entry.js +4 -4
- package/dist/comp/md-task-item.js +1 -1
- package/dist/comp/md-timepicker-entry.js +26 -26
- package/dist/comp/md-timepicker.js +1 -1
- package/dist/index-entry.js +165 -162
- package/dist/index.js +1 -1
- package/dist/managers/thememanager-entry.js +1 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/date-range-picker/DateRangePicker.d.ts +2 -1
- package/dist/types/components/date-time-picker/DateTimePicker.d.ts +4 -2
- package/dist/types/components/datepicker/DatePicker.d.ts +18 -5
- package/dist/types/components/editable-textfield/EditableTextfield.d.ts +2 -2
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/icon/Icon.d.ts +3 -9
- package/dist/types/components/icon/Icon.utils.d.ts +8 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/types/managers/IconUrlManager.d.ts +8 -0
- package/dist/types/managers/ThemeManager.d.ts +25 -4
- package/dist/types/utils/dateUtils.d.ts +2 -0
- package/package.json +2 -3
- package/dist/4006.js +0 -1
- package/dist/6248.js +0 -1
- package/dist/types/components/icon/brand-visual-icons.d.ts +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,o,s,l,n)=>(()=>{"use strict";var a,m={8229:e=>{e.exports=t},23968:e=>{e.exports=r},32022:e=>{e.exports=s},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=l},85314:e=>{e.exports=n},94891:(e,t,i)=>{i.r(t),i.d(t,{ActivityButton:()=>p,activityButtonSize:()=>a,activityButtonType:()=>m});var r=i(26272),o=i(31890),s=i(41488),l=(i(96798),i(61200),i(73940)),n=function(e,t,i,r){var o,s=arguments.length,l=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(l=(s<3?o(l):s>3?o(t,i,l):o(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l};const a=["56","68","84",56,68,84],m=["chat","camera","contact-card","meetings","whiteboard","files","share-screen","tasks"];var p;!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.disabled=!1,this.label="",this.size="68",this._type="chat"}get type(){return this._type}set type(e){const t=this.type;m.includes(e)?this._type=e:this._type="chat",this.requestUpdate("type",t)}get buttonToIconSizeMapping(){return{56:"24",68:"28",84:"36"}}get formatClass(){return{"md-activity":!0,[`md-activity__${this.type}`]:this.type}}static get styles(){return[r.A,l.A]}render(){return s.html`
|
|
2
2
|
<md-button
|
|
3
3
|
aria-label=${this.ariaLabel}
|
|
4
4
|
circle
|
|
@@ -10,4 +10,4 @@
|
|
|
10
10
|
>
|
|
11
11
|
<md-icon name=${`icon-${this.type}_${this.buttonToIconSizeMapping[this.size]}`}></md-icon>
|
|
12
12
|
</md-button>
|
|
13
|
-
`}};n([(0,
|
|
13
|
+
`}};n([(0,s.property)({type:String})],t.prototype,"ariaLabel",void 0),n([(0,s.property)({type:Boolean})],t.prototype,"disabled",void 0),n([(0,s.property)({type:String})],t.prototype,"label",void 0),n([(0,s.property)({type:String})],t.prototype,"size",void 0),n([(0,s.property)({type:String})],t.prototype,"type",null),t=n([(0,o.w)("md-activity-button")],t),e.ELEMENT=t}(p||(p={}))},97822:e=>{e.exports=o}},p={};function u(e){var t=p[e];if(void 0!==t)return t.exports;var i=p[e]={exports:{}};return m[e](i,i.exports,u),i.exports}u.m=m,a=[],u.O=(e,t,i,r)=>{if(!t){var o=1/0;for(m=0;m<a.length;m++){for(var[t,i,r]=a[m],s=!0,l=0;l<t.length;l++)(!1&r||o>=r)&&Object.keys(u.O).every((e=>u.O[e](t[l])))?t.splice(l--,1):(s=!1,r<o&&(o=r));if(s){a.splice(m--,1);var n=i();void 0!==n&&(e=n)}}return e}r=r||0;for(var m=a.length;m>0&&a[m-1][2]>r;m--)a[m]=a[m-1];a[m]=[t,i,r]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2434:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,l,n]=i,a=0;if(s.some((t=>0!==e[t]))){for(r in l)u.o(l,r)&&(u.m[r]=l[r]);if(n)var m=n(u)}for(t&&t(i);a<s.length;a++)o=s[a],u.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return u.O(m)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var c=u.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576],(()=>u(94891)));return u.O(c)})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../
|
|
1
|
+
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../2576"),module.exports=require("../comp/md-activity-button-entry");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,((e,t,r,i,n,o,s,l,a)=>(()=>{"use strict";var m,c={8229:e=>{e.exports=t},17518:e=>{e.exports=a},19479:(e,t,r)=>{r.r(t),r.d(t,{AlertBanner:()=>u,alertBannerAlignment:()=>p,alertBannerType:()=>d}),r(96798),r(61200);var i=r(31890),n=r(26283),o=r(26272),s=r(41488),l=r(40333),a=r(17518),m=r(35467),c=function(e,t,r,i){var n,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(s=(o<3?n(s):o>3?n(t,r,s):n(t,r))||s);return o>3&&s&&Object.defineProperty(t,r,s),s};const d=["default","accent","warning","error","success","default-momentum","promotional"],p=["center","leading"];var u;!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:t}=e;(0,n.o)(t)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[o.A,m.A]}getIconForType(){switch(this.type){case"error":return"error-legacy-badge-filled";case"warning":return"warning-filled";case"success":return"check-circle-badge-filled";default:return"info-badge-filled"}}get alertBannerClassMap(){return{"md-alert-banner":!0,[`md-alert-banner--${this.type}`]:this.type,[`md-alert-banner--${this.alignment}`]:this.isLeadingAlignment,closable:this.closable}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,leading:this.isLeadingAlignment}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment}}get closeButtonTemplate(){return s.html`
|
|
2
2
|
<div class="close-div">
|
|
3
3
|
<md-button
|
|
4
4
|
class="md-alert-banner__close"
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
12
12
|
</md-button>
|
|
13
13
|
</div>
|
|
14
|
-
`}render(){const e=this.closable?
|
|
14
|
+
`}render(){const e=this.closable?s.html` ${this.closeButtonTemplate} `:null,t=this.showBannerTypeIcon?s.html` <md-icon name="${this.getIconForType()}" iconSet="momentumDesign" size="16"> </md-icon> `:s.html`<slot name="left"></slot>`,r=this.showRefreshButton?s.html` <md-button
|
|
15
15
|
class="refresh-button"
|
|
16
16
|
@click="${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}"
|
|
17
17
|
variant="ghostInheritTextColor"
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
size="20"
|
|
20
20
|
>
|
|
21
21
|
<md-icon name="refresh-bold" iconSet="momentumDesign" size="16"></md-icon>
|
|
22
|
-
</md-button>`:
|
|
23
|
-
${this.show?
|
|
22
|
+
</md-button>`:l.nothing;return s.html`
|
|
23
|
+
${this.show?s.html`
|
|
24
24
|
<div class="${(0,a.classMap)(this.alertBannerClassMap)}" role="alert">
|
|
25
25
|
<div class="${(0,a.classMap)(this.alertBannerTextClassMap)}">
|
|
26
|
-
${
|
|
26
|
+
${t}
|
|
27
27
|
<slot><span>${this.message}</span></slot>
|
|
28
|
-
${
|
|
28
|
+
${r}
|
|
29
29
|
</div>
|
|
30
30
|
<div class="md-alert-banner__right ${(0,a.classMap)(this.alertBannerRightClassMap)}">
|
|
31
31
|
<slot name="right"></slot>
|
|
@@ -33,4 +33,4 @@
|
|
|
33
33
|
${e}
|
|
34
34
|
</div>
|
|
35
35
|
`:null}
|
|
36
|
-
`}};
|
|
36
|
+
`}};c([(0,s.property)({type:String})],t.prototype,"type",void 0),c([(0,s.property)({type:String})],t.prototype,"message",void 0),c([(0,s.property)({type:Boolean})],t.prototype,"closable",void 0),c([(0,s.property)({type:Boolean})],t.prototype,"show",void 0),c([(0,s.property)({type:String,attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",void 0),c([(0,s.property)({type:Boolean})],t.prototype,"showBannerTypeIcon",void 0),c([(0,s.property)({type:Boolean})],t.prototype,"showRefreshButton",void 0),c([(0,s.property)({type:String})],t.prototype,"alignment",void 0),t=c([(0,i.w)("md-alert-banner")],t),e.ELEMENT=t}(u||(u={}))},23968:e=>{e.exports=i},32022:e=>{e.exports=o},40333:e=>{e.exports=r},41488:t=>{t.exports=e},60554:e=>{e.exports=s},85314:e=>{e.exports=l},97822:e=>{e.exports=n}},d={};function p(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={exports:{}};return c[e](r,r.exports,p),r.exports}p.m=c,m=[],p.O=(e,t,r,i)=>{if(!t){var n=1/0;for(a=0;a<m.length;a++){for(var[t,r,i]=m[a],o=!0,s=0;s<t.length;s++)(!1&i||n>=i)&&Object.keys(p.O).every((e=>p.O[e](t[s])))?t.splice(s--,1):(o=!1,i<n&&(n=i));if(o){m.splice(a--,1);var l=r();void 0!==l&&(e=l)}}return e}i=i||0;for(var a=m.length;a>0&&m[a-1][2]>i;a--)m[a]=m[a-1];m[a]=[t,r,i]},p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var r in t)p.o(t,r)&&!p.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6029:0};p.O.j=t=>0===e[t];var t=(t,r)=>{var i,n,[o,s,l]=r,a=0;if(o.some((t=>0!==e[t]))){for(i in s)p.o(s,i)&&(p.m[i]=s[i]);if(l)var m=l(p)}for(t&&t(r);a<o.length;a++)n=o[a],p.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return p.O(m)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var u=p.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,5467],(()=>p(19479)));return p.O(u)})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../
|
|
1
|
+
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../2576"),require("../5467"),module.exports=require("../comp/md-alert-banner-entry");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
!function(e
|
|
1
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):e(t["lit-element"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/class-map"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,((t,e,i,o,r,n,l,s)=>(()=>{"use strict";var a,d={8229:t=>{t.exports=e},19026:(t,e,i)=>{var o,r=i(31890),n=i(26272),l=i(41488),s=i(23968),a=i(97822),d=i(73112),p=function(t,e,i,o){var r,n=arguments.length,l=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(l=(n<3?r(l):n>3?r(e,i,l):r(e,i))||l);return n>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.inlineStyle=void 0,this.inverted=void 0,this.href="",this.tag="a",this.target="_self",this.size=void 0,this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}static get styles(){return[n.A,d.A]}render(){const t={[`md-link--${this.color}`]:this.color,"md-link--inline":this.inline,[`md-link--inline-style-${this.inlineStyle}`]:!!this.inlineStyle,[`${this.size}`]:!!this.size,inverted:!0===this.inverted,disabled:this.disabled};return l.html` ${(()=>{switch(this.tag){case"div":return l.html`
|
|
2
2
|
<div
|
|
3
|
-
class="md-link ${(0,
|
|
3
|
+
class="md-link ${(0,s.classMap)(t)}"
|
|
4
4
|
tabindex=${this.tabIndex}
|
|
5
5
|
aria-label=${(0,a.ifDefined)(this.ariaLabel||void 0)}
|
|
6
6
|
aria-disabled=${(0,a.ifDefined)(this.disabled||void 0)}
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
>
|
|
10
10
|
<slot></slot>
|
|
11
11
|
</div>
|
|
12
|
-
`;case"span":return
|
|
12
|
+
`;case"span":return l.html`
|
|
13
13
|
<span
|
|
14
|
-
class="md-link ${(0,
|
|
14
|
+
class="md-link ${(0,s.classMap)(t)}"
|
|
15
15
|
tabindex=${this.tabIndex}
|
|
16
16
|
aria-label=${(0,a.ifDefined)(this.ariaLabel||void 0)}
|
|
17
17
|
aria-disabled=${(0,a.ifDefined)(this.disabled||void 0)}
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
>
|
|
21
21
|
<slot></slot>
|
|
22
22
|
</span>
|
|
23
|
-
`;default:return
|
|
23
|
+
`;default:return l.html`
|
|
24
24
|
<a
|
|
25
|
-
class="md-link ${(0,
|
|
25
|
+
class="md-link ${(0,s.classMap)(t)}"
|
|
26
26
|
.target="${this.target}"
|
|
27
27
|
href=${(0,a.ifDefined)(this.disabled?void 0:this.href)}
|
|
28
28
|
tabindex=${this.tabIndex}
|
|
@@ -33,52 +33,52 @@
|
|
|
33
33
|
>
|
|
34
34
|
<slot></slot>
|
|
35
35
|
</a>
|
|
36
|
-
`}})()} `}};
|
|
36
|
+
`}})()} `}};p([(0,l.property)({type:String,attribute:!1})],e.prototype,"color",void 0),p([(0,l.property)({type:String})],e.prototype,"ariaLabel",void 0),p([(0,l.property)({type:String})],e.prototype,"ariaRole",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"inline",void 0),p([(0,l.property)({type:String,attribute:"inline-style"})],e.prototype,"inlineStyle",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"inverted",void 0),p([(0,l.property)({type:String})],e.prototype,"href",void 0),p([(0,l.property)({type:String})],e.prototype,"tag",void 0),p([(0,l.property)({type:String})],e.prototype,"target",void 0),p([(0,l.property)({type:String})],e.prototype,"size",void 0),p([(0,l.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),e=p([(0,r.w)("md-link")],e),t.ELEMENT=e}(o||(o={}))},23968:t=>{t.exports=o},32022:t=>{t.exports=n},40333:t=>{t.exports=i},41488:e=>{e.exports=t},60554:t=>{t.exports=l},74896:(t,e,i)=>{i.r(e),i.d(e,{Alert:()=>o}),i(61200),i(19026);var o,r=i(31890),n=i(26272),l=i(41488),s=i(40333),a=i(23968),d=i(62798),p=function(t,e,i,o){var r,n=arguments.length,l=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(l=(n<3?r(l):n>3?r(e,i,l):r(e,i))||l);return n>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.closable=!1,this.message="",this.show=!1,this.internalClose=!0,this.title="",this.btnlabel="Close",this.type="default",this.inline=!1,this.newMomentum=!1,this.primaryButton="",this.primaryButtonVariant="primary",this.primaryButtonColor="",this.secondaryButton="",this.link=!1,this.showMore=!1,this.href="",this.hasFooterSlotContent=!1,this.renderIconTemplate=()=>{switch(this.type){case"error":return l.html`
|
|
37
37
|
<md-icon
|
|
38
38
|
name="error-legacy-bold"
|
|
39
39
|
size="${this.newMomentum?24:32}"
|
|
40
40
|
iconSet="momentumDesign"
|
|
41
41
|
color="var(--md-alert-error-text-color, red)"
|
|
42
42
|
></md-icon>
|
|
43
|
-
`;case"info":return
|
|
43
|
+
`;case"info":return l.html`
|
|
44
44
|
<md-icon
|
|
45
45
|
name="info-circle-bold"
|
|
46
46
|
size="${this.newMomentum?24:32}"
|
|
47
47
|
iconSet="momentumDesign"
|
|
48
48
|
color="var(--md-alert-info-text-color, blue)"
|
|
49
49
|
></md-icon>
|
|
50
|
-
`;case"success":return
|
|
50
|
+
`;case"success":return l.html`
|
|
51
51
|
<md-icon
|
|
52
52
|
name="check-circle-bold"
|
|
53
53
|
size="${this.newMomentum?24:32}"
|
|
54
54
|
iconSet="momentumDesign"
|
|
55
55
|
color="var(--md-alert-success-text-color, green)"
|
|
56
56
|
></md-icon>
|
|
57
|
-
`;case"warn":case"warning":return
|
|
57
|
+
`;case"warn":case"warning":return l.html`
|
|
58
58
|
<md-icon
|
|
59
59
|
name="warning-bold"
|
|
60
60
|
size="${this.newMomentum?24:32}"
|
|
61
61
|
iconSet="momentumDesign"
|
|
62
62
|
color="var(--md-alert-warning-text-color, orange)"
|
|
63
63
|
></md-icon>
|
|
64
|
-
`;case"message":return
|
|
64
|
+
`;case"message":return l.html`
|
|
65
65
|
<md-icon
|
|
66
66
|
name="chat-bold"
|
|
67
67
|
size="${this.newMomentum?24:32}"
|
|
68
68
|
iconSet="momentumDesign"
|
|
69
69
|
color="var(--alert-title-text-color)"
|
|
70
70
|
></md-icon>
|
|
71
|
-
`;case"loading":return
|
|
71
|
+
`;case"loading":return l.html`<md-spinner size="24"></md-spinner>`;default:return l.html` <slot name="alert-icon"></slot> `}}}connectedCallback(){super.connectedCallback(),this.updateFooterSlotInUse()}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[n.A,d.A]}get alertClassMap(){return{[`md-alert--${this.type}`]:!!this.type,"md-alert__inline":this.inline}}get slottedFooterClassMap(){return{"is-empty":!this.hasFooterSlotContent}}legacyRender(){return l.html`
|
|
72
72
|
<div role="alert" aria-live="polite" part="alert" class="md-alert ${(0,a.classMap)(this.alertClassMap)}">
|
|
73
73
|
<div class="md-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
|
|
74
74
|
<div part="content" class="md-alert__content">
|
|
75
|
-
${this.title&&""!==this.title?
|
|
75
|
+
${this.title&&""!==this.title?l.html` <div class="md-alert__title" role="heading" aria-level="1">${this.title}</div> `:s.nothing}
|
|
76
76
|
<div class="md-alert__message">
|
|
77
77
|
${this.message}
|
|
78
78
|
<slot name="alert-body"></slot>
|
|
79
79
|
</div>
|
|
80
80
|
</div>
|
|
81
|
-
${this.closable?
|
|
81
|
+
${this.closable?l.html`
|
|
82
82
|
<div class="md-alert__button">
|
|
83
83
|
<md-button
|
|
84
84
|
ariaLabel="${this.btnlabel}"
|
|
@@ -90,15 +90,15 @@
|
|
|
90
90
|
<md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
|
|
91
91
|
</md-button>
|
|
92
92
|
</div>
|
|
93
|
-
`:
|
|
93
|
+
`:l.html`
|
|
94
94
|
<div class="md-alert__footer">
|
|
95
95
|
<slot name="alert-footer"></slot>
|
|
96
96
|
</div>
|
|
97
97
|
`}
|
|
98
98
|
</div>
|
|
99
|
-
`}renderNewAlertDefaultFooter(){return
|
|
99
|
+
`}renderNewAlertDefaultFooter(){return l.html`
|
|
100
100
|
<div class="md-new-alert__footer">
|
|
101
|
-
${this.link?
|
|
101
|
+
${this.link?l.html`
|
|
102
102
|
<md-link href="${this.href}">
|
|
103
103
|
<span class="md-new-alert__link"
|
|
104
104
|
>Link
|
|
@@ -111,33 +111,33 @@
|
|
|
111
111
|
</md-icon>
|
|
112
112
|
</span>
|
|
113
113
|
</md-link>
|
|
114
|
-
`:
|
|
115
|
-
${this.secondaryButton?
|
|
114
|
+
`:s.nothing}
|
|
115
|
+
${this.secondaryButton?l.html` <md-button variant="secondary" .clickFunction="${this.secondaryButtonClickFunction}">
|
|
116
116
|
${this.secondaryButton}
|
|
117
|
-
</md-button>`:
|
|
118
|
-
${this.primaryButton?
|
|
117
|
+
</md-button>`:s.nothing}
|
|
118
|
+
${this.primaryButton?l.html`<md-button
|
|
119
119
|
variant=${this.primaryButtonVariant}
|
|
120
120
|
color=${this.primaryButtonColor}
|
|
121
121
|
.clickFunction="${this.primaryButtonClickFunction}"
|
|
122
122
|
>
|
|
123
123
|
${this.primaryButton}
|
|
124
|
-
</md-button>`:
|
|
124
|
+
</md-button>`:s.nothing}
|
|
125
125
|
</div>
|
|
126
|
-
`}handleSlotContentChange(
|
|
126
|
+
`}handleSlotContentChange(t){this.updateFooterSlotInUse()}updateFooterSlotInUse(){var t;this.hasFooterSlotContent=(null===(t=this.alertFooterSlot)||void 0===t?void 0:t.assignedNodes().length)>0}renderSlottedFooter(){return l.html` <div class="md-new-alert__footer ${(0,a.classMap)(this.slottedFooterClassMap)}">
|
|
127
127
|
<slot name="alert-footer" @slotchange=${this.handleSlotContentChange}></slot>
|
|
128
|
-
</div>`}newRender(){return
|
|
128
|
+
</div>`}newRender(){return l.html`
|
|
129
129
|
<div role="alert" aria-live="polite" part="alert" class="md-new-alert ${(0,a.classMap)(this.alertClassMap)}">
|
|
130
130
|
<div class="md-new-alert__body">
|
|
131
131
|
<div class="md-new-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
|
|
132
132
|
<div part="content" class="md-new-alert__content">
|
|
133
|
-
${this.title&&""!==this.title?
|
|
133
|
+
${this.title&&""!==this.title?l.html` <div class="md-new-alert__title" role="heading" aria-level="1">${this.title}</div> `:s.nothing}
|
|
134
134
|
<div class="md-new-alert__message" title="${this.message}">
|
|
135
135
|
${this.message}
|
|
136
136
|
<slot name="alert-body"></slot>
|
|
137
|
-
${this.showMore?
|
|
137
|
+
${this.showMore?l.html`<md-link href=${this.href} inline>Show more...</md-link>`:s.nothing}
|
|
138
138
|
</div>
|
|
139
139
|
</div>
|
|
140
|
-
${this.closable?
|
|
140
|
+
${this.closable?l.html`
|
|
141
141
|
<div class="md-new-alert__button">
|
|
142
142
|
<md-button
|
|
143
143
|
ariaLabel="${this.btnlabel}"
|
|
@@ -149,8 +149,8 @@
|
|
|
149
149
|
<md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
150
150
|
</md-button>
|
|
151
151
|
</div>
|
|
152
|
-
`:
|
|
152
|
+
`:s.nothing}
|
|
153
153
|
</div>
|
|
154
154
|
${this.primaryButton||this.secondaryButton||this.link?this.renderNewAlertDefaultFooter():this.renderSlottedFooter()}
|
|
155
155
|
</div>
|
|
156
|
-
`}get alertRender(){return this.newMomentum?this.newRender():this.legacyRender()}render(){return
|
|
156
|
+
`}get alertRender(){return this.newMomentum?this.newRender():this.legacyRender()}render(){return l.html` ${this.show?this.alertRender:s.nothing} `}};p([(0,l.property)({type:Boolean})],e.prototype,"closable",void 0),p([(0,l.property)({type:String})],e.prototype,"message",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"show",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"internalClose",void 0),p([(0,l.property)({type:String})],e.prototype,"title",void 0),p([(0,l.property)({type:String})],e.prototype,"btnlabel",void 0),p([(0,l.property)({type:String})],e.prototype,"type",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"inline",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"newMomentum",void 0),p([(0,l.property)({type:String})],e.prototype,"primaryButton",void 0),p([(0,l.property)({type:String})],e.prototype,"primaryButtonVariant",void 0),p([(0,l.property)({type:String})],e.prototype,"primaryButtonColor",void 0),p([(0,l.property)()],e.prototype,"primaryButtonClickFunction",void 0),p([(0,l.property)({type:String})],e.prototype,"secondaryButton",void 0),p([(0,l.property)()],e.prototype,"secondaryButtonClickFunction",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"link",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"showMore",void 0),p([(0,l.property)({type:String})],e.prototype,"href",void 0),p([(0,l.query)('slot[name="alert-footer"]')],e.prototype,"alertFooterSlot",void 0),p([(0,l.internalProperty)()],e.prototype,"hasFooterSlotContent",void 0),e=p([(0,r.w)("md-alert")],e),t.ELEMENT=e}(o||(o={}))},85314:t=>{t.exports=s},97822:t=>{t.exports=r}},p={};function m(t){var e=p[t];if(void 0!==e)return e.exports;var i=p[t]={exports:{}};return d[t](i,i.exports,m),i.exports}m.m=d,a=[],m.O=(t,e,i,o)=>{if(!e){var r=1/0;for(d=0;d<a.length;d++){for(var[e,i,o]=a[d],n=!0,l=0;l<e.length;l++)(!1&o||r>=o)&&Object.keys(m.O).every((t=>m.O[t](e[l])))?e.splice(l--,1):(n=!1,o<r&&(r=o));if(n){a.splice(d--,1);var s=i();void 0!==s&&(t=s)}}return t}o=o||0;for(var d=a.length;d>0&&a[d-1][2]>o;d--)a[d]=a[d-1];a[d]=[e,i,o]},m.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return m.d(e,{a:e}),e},m.d=(t,e)=>{for(var i in e)m.o(e,i)&&!m.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},m.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),m.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={6132:0,6724:0};m.O.j=e=>0===t[e];var e=(e,i)=>{var o,r,[n,l,s]=i,a=0;if(n.some((e=>0!==t[e]))){for(o in l)m.o(l,o)&&(m.m[o]=l[o]);if(s)var d=s(m)}for(e&&e(i);a<n.length;a++)r=n[a],m.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return m.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var c=m.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,3112,2798],(()=>m(74896)));return m.O(c)})()));
|
package/dist/comp/md-alert.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../
|
|
1
|
+
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../2576"),require("../3112"),require("../2798"),module.exports=require("../comp/md-alert-entry");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg","@momentum-design/brand-visuals/dist/logos/svg/social-x.svg","@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg","@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg","@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"],t);else{var s="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"]);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,((e,t,s,i,o,l,a,n,r,d,u,m,c,p,v,g,h,b,y,f,S)=>(()=>{"use strict";var P,x,k,w={8229:e=>{e.exports=t},8827:e=>{e.exports=b},9614:e=>{e.exports=h},15553:e=>{e.exports=p},17874:e=>{e.exports=f},23035:e=>{e.exports=S},23779:(e,t,s)=>{s.r(t),s.d(t,{AudioPlayer:()=>p,defaultLabelMap:()=>c,playbackSpeeds:()=>m}),s(96798),s(61200),s(83192);var i=s(90195),o=s(31890),l=s(26272),a=s(41488),n=s(40333),r=s(23968),d=s(92984),u=function(e,t,s,i){var o,l=arguments.length,a=l<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(l<3?o(a):l>3?o(t,s,a):o(t,s))||a);return l>3&&a&&Object.defineProperty(t,s,a),a};const m=[{value:.25,label:"0.25"},{value:.5,label:"0.50"},{value:.75,label:"0.75"},{value:1,label:"Normal"},{value:1.25,label:"1.25"},{value:1.5,label:"1.50"},{value:1.75,label:"1.75"},{value:2,label:"2"}],c={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var p;!function(e){let t=class extends a.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=e=>{let t=!1;const s=e.composedPath();s.length&&(t=!!s.find((e=>"speed-btn"===e.id)),t||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:t}=e;switch(t){case i.Uz.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case i.Uz.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case i.Uz.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=m.findIndex((e=>e.value===this.selectedPlaybackSpeed)),s=Math.max(0,t-1);this.selectedPlaybackSpeed=m[s].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case i.Uz.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=m.findIndex((e=>e.value===this.selectedPlaybackSpeed)),s=Math.min(m.length-1,t+1);this.selectedPlaybackSpeed=m[s].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case i.Uz.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),e.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=c}firstUpdated(e){super.firstUpdated(e),e.has("src")&&(this.audio.src=this.src)}updated(e){super.updated(e),e.has("src")&&(this.audio.src=this.src)}connectedCallback(){super.connectedCallback(),this.requestUpdate("src"),document.addEventListener("click",this.onOutsideClick),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.audio.pause(),this.isPlaying=!1}setAudioEventListeners(){this.audio.onloadeddata=()=>{this.duration=this.audio.duration,this.audio.volume=.75},this.audio.onerror=()=>{this.audio.src&&this.dispatchEvent(new CustomEvent("playback-error",{composed:!0,bubbles:!0}))},this.audio.onended=()=>{this.audio.currentTime=0,this.isPlaying=!1},this.audio.ontimeupdate=()=>{this.currentTime=this.audio.currentTime},this.audio.onvolumechange=()=>{this.volume=this.audio.volume},this.audio.onprogress=()=>{this.audio.buffered.length>0&&(this.bufferedRange=this.audio.buffered.end(this.audio.buffered.length-1))}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?(this.audio.play(),this.dispatchEvent(new CustomEvent("play-clicked",{composed:!0,bubbles:!0}))):this.audio.pause()}toTimecode(e){const t=Math.floor(e);return`${Math.floor(t/60)}:${String(t%60).padStart(2,"0")}`}setTime(e){const t=this.getBarPercentage(e,"timeline"),s=Math.floor(t*this.duration);this.audio.currentTime=s}setVolumeElement(e){this.volumeElement="volume"===e.target.className?e.target:e.target.parentElement}handleVolumeChange(e){let t=!1;this.setVolumeElement(e),this.setVolume(e);const s=e=>{t||(t=!0),this.volumeExpanded?this.setVolume(e):o()},i=()=>{o()},o=()=>{t=!1,window.removeEventListener("mousemove",s),window.removeEventListener("mouseup",i)};window.addEventListener("mousemove",s),window.addEventListener("mouseup",i),e.preventDefault()}getVolumeFromSlider(e){if(null===this.volumeElement)return 0;const t=this.volumeElement.getBoundingClientRect(),s=e.clientX-t.x;return Math.max(0,Math.min(1,s/t.width))}setVolume(e){const t=this.getVolumeFromSlider(e);this.audio.volume=t}getBarPercentage(e,t){const s=(e.target.className===t?e.target:e.target.parentElement).getBoundingClientRect();return(e.clientX-s.x)/s.width}toggleSoundMute(){this.isMuted=!this.isMuted,this.audio.muted=this.isMuted}toggleSpeedPopup(){this.showSpeedPopup=!this.showSpeedPopup}setTimeKeydown(e){e>this.duration?(this.currentTime=this.duration,this.audio.currentTime=this.duration):e<0?(this.currentTime=0,this.audio.currentTime=0):(this.currentTime=e,this.audio.currentTime=e)}setVolumeKeydown(e){e>1?(this.volume=1,this.audio.volume=1):e<0?(this.isMuted||this.toggleSoundMute(),this.volume=0,this.audio.volume=0):(this.isMuted&&this.toggleSoundMute(),this.volume=e,this.audio.volume=e)}get popupClassMap(){return{"popup-open":this.showSpeedPopup}}setPlaybackSpeed(e){this.playbackSpeed=e,this.selectedPlaybackSpeed=e,this.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[l.A,d.A]}render(){return a.html`
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,((e,t,i,o,l,a,s,n)=>(()=>{"use strict";var r,d={8229:e=>{e.exports=t},23779:(e,t,i)=>{i.r(t),i.d(t,{AudioPlayer:()=>c,defaultLabelMap:()=>m,playbackSpeeds:()=>p}),i(96798),i(61200),i(83192);var o=i(90195),l=i(31890),a=i(26272),s=i(41488),n=i(40333),r=i(23968),d=i(92984),u=function(e,t,i,o){var l,a=arguments.length,s=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(s=(a<3?l(s):a>3?l(t,i,s):l(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const p=[{value:.25,label:"0.25"},{value:.5,label:"0.50"},{value:.75,label:"0.75"},{value:1,label:"Normal"},{value:1.25,label:"1.25"},{value:1.5,label:"1.50"},{value:1.75,label:"1.75"},{value:2,label:"2"}],m={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var c;!function(e){let t=class extends s.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find((e=>"speed-btn"===e.id)),t||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:t}=e;switch(t){case o.Uz.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case o.Uz.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case o.Uz.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=p.findIndex((e=>e.value===this.selectedPlaybackSpeed)),i=Math.max(0,t-1);this.selectedPlaybackSpeed=p[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.Uz.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=p.findIndex((e=>e.value===this.selectedPlaybackSpeed)),i=Math.min(p.length-1,t+1);this.selectedPlaybackSpeed=p[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.Uz.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),e.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=m}firstUpdated(e){super.firstUpdated(e),e.has("src")&&(this.audio.src=this.src)}updated(e){super.updated(e),e.has("src")&&(this.audio.src=this.src)}connectedCallback(){super.connectedCallback(),this.requestUpdate("src"),document.addEventListener("click",this.onOutsideClick),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.audio.pause(),this.isPlaying=!1}setAudioEventListeners(){this.audio.onloadeddata=()=>{this.duration=this.audio.duration,this.audio.volume=.75},this.audio.onerror=()=>{this.audio.src&&this.dispatchEvent(new CustomEvent("playback-error",{composed:!0,bubbles:!0}))},this.audio.onended=()=>{this.audio.currentTime=0,this.isPlaying=!1},this.audio.ontimeupdate=()=>{this.currentTime=this.audio.currentTime},this.audio.onvolumechange=()=>{this.volume=this.audio.volume},this.audio.onprogress=()=>{this.audio.buffered.length>0&&(this.bufferedRange=this.audio.buffered.end(this.audio.buffered.length-1))}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?(this.audio.play(),this.dispatchEvent(new CustomEvent("play-clicked",{composed:!0,bubbles:!0}))):this.audio.pause()}toTimecode(e){const t=Math.floor(e);return`${Math.floor(t/60)}:${String(t%60).padStart(2,"0")}`}setTime(e){const t=this.getBarPercentage(e,"timeline"),i=Math.floor(t*this.duration);this.audio.currentTime=i}setVolumeElement(e){this.volumeElement="volume"===e.target.className?e.target:e.target.parentElement}handleVolumeChange(e){let t=!1;this.setVolumeElement(e),this.setVolume(e);const i=e=>{t||(t=!0),this.volumeExpanded?this.setVolume(e):l()},o=()=>{l()},l=()=>{t=!1,window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",o)};window.addEventListener("mousemove",i),window.addEventListener("mouseup",o),e.preventDefault()}getVolumeFromSlider(e){if(null===this.volumeElement)return 0;const t=this.volumeElement.getBoundingClientRect(),i=e.clientX-t.x;return Math.max(0,Math.min(1,i/t.width))}setVolume(e){const t=this.getVolumeFromSlider(e);this.audio.volume=t}getBarPercentage(e,t){const i=(e.target.className===t?e.target:e.target.parentElement).getBoundingClientRect();return(e.clientX-i.x)/i.width}toggleSoundMute(){this.isMuted=!this.isMuted,this.audio.muted=this.isMuted}toggleSpeedPopup(){this.showSpeedPopup=!this.showSpeedPopup}setTimeKeydown(e){e>this.duration?(this.currentTime=this.duration,this.audio.currentTime=this.duration):e<0?(this.currentTime=0,this.audio.currentTime=0):(this.currentTime=e,this.audio.currentTime=e)}setVolumeKeydown(e){e>1?(this.volume=1,this.audio.volume=1):e<0?(this.isMuted||this.toggleSoundMute(),this.volume=0,this.audio.volume=0):(this.isMuted&&this.toggleSoundMute(),this.volume=e,this.audio.volume=e)}get popupClassMap(){return{"popup-open":this.showSpeedPopup}}setPlaybackSpeed(e){this.playbackSpeed=e,this.selectedPlaybackSpeed=e,this.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[a.A,d.A]}render(){return s.html`
|
|
2
2
|
<div class="md-audio-player">
|
|
3
3
|
<div class="inner-container">
|
|
4
4
|
<div class="play-container">
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@click="${this.togglePlay}"
|
|
13
13
|
aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
|
|
14
14
|
>
|
|
15
|
-
${this.isPlaying?
|
|
15
|
+
${this.isPlaying?s.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:s.html` <md-icon slot="icon" name="play-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
16
16
|
</md-button>
|
|
17
17
|
</md-tooltip>
|
|
18
18
|
</div>
|
|
@@ -59,9 +59,9 @@
|
|
|
59
59
|
aria-label="${this.labelMap.volumeBtn.ariaLabel}"
|
|
60
60
|
@click="${this.toggleSoundMute}"
|
|
61
61
|
>
|
|
62
|
-
${this.isMuted?
|
|
62
|
+
${this.isMuted?s.html`
|
|
63
63
|
<md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
64
|
-
`:
|
|
64
|
+
`:s.html` <md-icon slot="icon" name="speaker-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
65
65
|
</md-button>
|
|
66
66
|
</md-tooltip>
|
|
67
67
|
</div>
|
|
@@ -73,13 +73,13 @@
|
|
|
73
73
|
</md-tooltip>
|
|
74
74
|
<div class="speed-popup ${(0,r.classMap)(this.popupClassMap)}">
|
|
75
75
|
<ul id="speed-popup-menu">
|
|
76
|
-
${
|
|
76
|
+
${p.map((e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return s.html`
|
|
77
77
|
<li
|
|
78
78
|
class=${t?"speed-popup-selected-speed":""}
|
|
79
79
|
@click="${()=>this.setPlaybackSpeed(e.value)}"
|
|
80
80
|
>
|
|
81
81
|
<span>${e.label}</span>
|
|
82
|
-
${this.playbackSpeed==e.value?
|
|
82
|
+
${this.playbackSpeed==e.value?s.html`
|
|
83
83
|
<md-icon
|
|
84
84
|
slot="icon"
|
|
85
85
|
color="md-blue-60"
|
|
@@ -95,4 +95,4 @@
|
|
|
95
95
|
</div>
|
|
96
96
|
</div>
|
|
97
97
|
</div>
|
|
98
|
-
`}};u([(0,
|
|
98
|
+
`}};u([(0,s.property)({type:String})],t.prototype,"src",void 0),u([(0,s.property)({type:Object})],t.prototype,"labelMap",void 0),u([(0,s.internalProperty)()],t.prototype,"events",void 0),u([(0,s.internalProperty)()],t.prototype,"audio",void 0),u([(0,s.internalProperty)()],t.prototype,"volumeElement",void 0),u([(0,s.internalProperty)()],t.prototype,"isPlaying",void 0),u([(0,s.internalProperty)()],t.prototype,"isMuted",void 0),u([(0,s.internalProperty)()],t.prototype,"duration",void 0),u([(0,s.internalProperty)()],t.prototype,"volume",void 0),u([(0,s.internalProperty)()],t.prototype,"currentTime",void 0),u([(0,s.internalProperty)()],t.prototype,"showSpeedPopup",void 0),u([(0,s.internalProperty)()],t.prototype,"playbackSpeed",void 0),u([(0,s.internalProperty)()],t.prototype,"volumeExpanded",void 0),u([(0,s.internalProperty)()],t.prototype,"bufferedRange",void 0),u([(0,s.internalProperty)()],t.prototype,"selectedPlaybackSpeed",void 0),u([(0,s.internalProperty)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=u([(0,l.w)("md-audio-player")],t),e.ELEMENT=t}(c||(c={}))},23968:e=>{e.exports=o},32022:e=>{e.exports=a},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=s},85314:e=>{e.exports=n},97822:e=>{e.exports=l}},u={};function p(e){var t=u[e];if(void 0!==t)return t.exports;var i=u[e]={exports:{}};return d[e](i,i.exports,p),i.exports}p.m=d,r=[],p.O=(e,t,i,o)=>{if(!t){var l=1/0;for(d=0;d<r.length;d++){for(var[t,i,o]=r[d],a=!0,s=0;s<t.length;s++)(!1&o||l>=o)&&Object.keys(p.O).every((e=>p.O[e](t[s])))?t.splice(s--,1):(a=!1,o<l&&(l=o));if(a){r.splice(d--,1);var n=i();void 0!==n&&(e=n)}}return e}o=o||0;for(var d=r.length;d>0&&r[d-1][2]>o;d--)r[d]=r[d-1];r[d]=[t,i,o]},p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var i in t)p.o(t,i)&&!p.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8220:0};p.O.j=t=>0===e[t];var t=(t,i)=>{var o,l,[a,s,n]=i,r=0;if(a.some((t=>0!==e[t]))){for(o in s)p.o(s,o)&&(p.m[o]=s[o]);if(n)var d=n(p)}for(t&&t(i);r<a.length;r++)l=a[r],p.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return p.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var m=p.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,300,8373,4624,591,768,195,3001,7251,3192,2984],(()=>p(23779)));return p.O(m)})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../
|
|
1
|
+
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../8889"),require("../300"),require("../8373"),require("../4624"),require("../591"),require("../768"),require("../195"),require("../3001"),require("../7251"),require("../3192"),require("../2984"),module.exports=require("../comp/md-audio-player-entry");
|