@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,10 +1,10 @@
|
|
|
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("lit-html/directives/class-map.js"),require("lit-html/directives/until.js")
|
|
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"),require("lit-html/directives/until.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","lit-html/directives/until.js"],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"),require("lit-html/directives/class-map.js"),require("lit-html/directives/until.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"],e["lit-html/directives/until.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,n,o,a,s,l,c)=>(()=>{"use strict";var p,h={8229:e=>{e.exports=t},17518:e=>{e.exports=l},23968:e=>{e.exports=r},32022:e=>{e.exports=o},37782:e=>{e.exports=c},38028:(e,t,i)=>{i.r(t),i.d(t,{Avatar:()=>r}),i(80528),i(61200),i(69788);var r,n=i(31890),o=i(26283),a=i(26272),s=i(41488),l=i(40333),c=i(23968),p=i(97822),h=i(8229),m=i(37782),d=i(22887),u=i(3553),y=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.avatarStyle="default",this.state="rest",this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.iconNameMap={"channel-chat":"chat-filled","channel-social":"sms-message-filled","channel-sms-inbound":"sms-filled","channel-sms-outbound":"sms-outgoing-filled","channel-email-inbound":"email-filled","channel-email-outbound":"email-outgoing-filled","channel-call":"handset-filled","channel-callback":"outgoing-call-legacy-filled","channel-headset":"headset-filled","channel-campaign":"campaign-management-bold","channel-emoji":"emoji-happy-filled","channel-webex":"webex-app-icon-color-container","channel-fb-messenger":"social-fbmessenger-color","channel-apple-chat":"apple-business-chat-color","channel-line":"social-line-color","channel-twitter-x":"social-x","channel-viber":"social-viber-color","channel-whats-app":"social-whatsapp-color","channel-we-chat":"social-wechat-color","channel-spam":"participant-unknown-bold"}}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[a.A,u.A]}isPresenceType(e){return d.eO.includes(e)}firstUpdated(){const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(e){const{presenceColor:t,presenceIcon:i}=(0,d.E0)(e,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=i}}updated(e){super.updated(e);const t=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(t&&(e.has("type")||e.has("presenceType")||e.has("newMomentum"))){const{presenceColor:e,presenceIcon:i}=(0,d.E0)(t,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=i}e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{[`md-avatar--${this.type}`]:!0}),{[`md-avatar--${this.size}`]:!!this.size,[`md-avatar--${this.color}`]:!!this.color})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum}}get avatarStyleMap(){return{[`md-avatar--${this.color}`]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}getIconName(e){return this.iconNameMap[e]||""}get chatIconSize(){return this.iconSize}get iconSize(){return(this.size/2).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?s.html` <md-loading></md-loading> `:l.nothing}get avatarLetter(){return this.title?s.html`
|
|
2
2
|
<span class="md-avatar__letter ${(0,c.classMap)(this.avatarLetterClassMap)}">
|
|
3
3
|
${this.pretifyTitle}
|
|
4
4
|
<slot></slot>
|
|
5
5
|
${this.renderIsTyping}
|
|
6
6
|
</span>
|
|
7
|
-
`:l.nothing}get avatarIcon(){return
|
|
7
|
+
`:l.nothing}get avatarIcon(){return s.html`
|
|
8
8
|
<span class="md-avatar__icon ${(0,c.classMap)(this.avatarStyleMap)}">
|
|
9
9
|
<md-icon
|
|
10
10
|
.name=${this.iconName}
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
.size=${this.newMomentum?this.iconSize:""}
|
|
13
13
|
></md-icon>
|
|
14
14
|
</span>
|
|
15
|
-
`}get avatarImage(){return
|
|
16
|
-
${(0,
|
|
17
|
-
`}loadImage(){return e=this,t=void 0,
|
|
15
|
+
`}get avatarImage(){return s.html`
|
|
16
|
+
${(0,m.until)(this.loadImage().then((e=>(this.handleImageLoad(),s.html` ${e} `))).catch((()=>this.handleImageError())),s.html` ${this.iconName?this.avatarIcon:this.title?s.html` ${this.avatarLetter} `:l.nothing} `)}
|
|
17
|
+
`}loadImage(){return e=this,t=void 0,r=function*(){return new Promise(((e,t)=>{const i=document.createElement("img");i.src=this.src,i.alt=this.alt,i.onload=()=>e(i),i.onerror=e=>t(e),i.classList.add("md-avatar__img"),i.classList.toggle("md-avatar__img--hidden",!this.imageLoaded)}))},new((i=void 0)||(i=Promise))((function(n,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}));var e,t,i,r}handleImageLoad(){this.imageLoaded=!0}handleImageError(){this.imageErrored=!0}handleKeyDown(e){if(!this.clickable)return;const{code:t}=e;(0,o.o)(t)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}handleClick(e){var t;this.clickable&&(null===(t=this.clickFunction)||void 0===t||t.call(this),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})))}getBrandOrDesignIconSet(e){return new Set(["webex-app-icon-color-container","social-fbmessenger-color","apple-business-chat-color","social-line-color","social-viber-color","social-x","social-whatsapp-color","social-wechat-color"]).has(e)?"momentumBrandVisuals":"momentumDesign"}get avatarContent(){return this.src&&!this.imageErrored?this.avatarImage:this.iconName?this.avatarIcon:this.title?this.avatarLetter:l.nothing}renderPresence(){return this.newMomentum&&(this.presenceType||this.type)&&"self"!==this.type&&this.presenceIcon?s.html`
|
|
18
18
|
<md-presence
|
|
19
19
|
class="avatar-presence"
|
|
20
20
|
name="${this.presenceIcon}"
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
size="${this.size}"
|
|
23
23
|
>
|
|
24
24
|
</md-presence>
|
|
25
|
-
`:l.nothing}renderAvatarContent(){const e=this.getIconName(this.type);if("channel-custom"===this.type)return
|
|
25
|
+
`:l.nothing}renderAvatarContent(){const e=this.getIconName(this.type);if("channel-custom"===this.type)return s.html`
|
|
26
26
|
<span class="md-avatar__logo" data-channel-style=${this.avatarStyle} data-channel-state=${this.state}>
|
|
27
27
|
<slot></slot>
|
|
28
28
|
</span>
|
|
29
|
-
`;if(e){const t=this.getBrandOrDesignIconSet(e);return
|
|
29
|
+
`;if(e){const t=this.getBrandOrDesignIconSet(e);return s.html`
|
|
30
30
|
<span
|
|
31
31
|
class="md-avatar__logo ${this.type}"
|
|
32
32
|
data-channel-style=${this.avatarStyle}
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
color="var(--icon-color-${this.type})"
|
|
40
40
|
></md-icon>
|
|
41
41
|
</span>
|
|
42
|
-
`}return this.avatarContent}render(){return
|
|
42
|
+
`}return this.avatarContent}render(){return s.html`
|
|
43
43
|
<div
|
|
44
44
|
part="avatar"
|
|
45
45
|
class="md-avatar
|
|
@@ -47,15 +47,15 @@
|
|
|
47
47
|
role=${this.role}
|
|
48
48
|
@click=${e=>this.handleClick(e)}
|
|
49
49
|
@keydown=${e=>this.handleKeyDown(e)}
|
|
50
|
-
tabindex=${(0,
|
|
51
|
-
aria-label=${(0,
|
|
50
|
+
tabindex=${(0,p.ifDefined)(this.tabIndex||void 0)}
|
|
51
|
+
aria-label=${(0,p.ifDefined)(this.label)}
|
|
52
52
|
>
|
|
53
|
-
${"self"===this.type?
|
|
54
|
-
<span class="md-avatar__self" style=${(0,
|
|
53
|
+
${"self"===this.type?s.html`
|
|
54
|
+
<span class="md-avatar__self" style=${(0,h.styleMap)(this.avatarStyleMap)}>
|
|
55
55
|
<md-icon .name=${this.chatIconName} .iconSet=${"momentumDesign"} .size=${this.chatIconSize}></md-icon>
|
|
56
56
|
</span>
|
|
57
57
|
`:this.renderAvatarContent()}
|
|
58
|
-
${this.hasNotification?
|
|
58
|
+
${this.hasNotification?s.html` <span class="md-avatar__notification-badge"></span> `:l.nothing}
|
|
59
59
|
${this.renderPresence()}
|
|
60
60
|
</div>
|
|
61
|
-
`}};
|
|
61
|
+
`}};y([(0,s.property)({type:Number,attribute:"tab-index",reflect:!0})],t.prototype,"tabIndex",null),y([(0,s.property)({type:String})],t.prototype,"alt",void 0),y([(0,s.property)({type:String})],t.prototype,"src",void 0),y([(0,s.property)({type:String})],t.prototype,"label",void 0),y([(0,s.property)({type:String})],t.prototype,"title",void 0),y([(0,s.property)({type:String})],t.prototype,"color",void 0),y([(0,s.property)({type:Boolean})],t.prototype,"decrypting",void 0),y([(0,s.property)({type:String})],t.prototype,"role",void 0),y([(0,s.property)({type:String,attribute:"icon-name"})],t.prototype,"iconName",void 0),y([(0,s.property)({type:Boolean})],t.prototype,"failurePresence",void 0),y([(0,s.property)({type:String})],t.prototype,"type",void 0),y([(0,s.property)({type:String,attribute:"presence-type"})],t.prototype,"presenceType",void 0),y([(0,s.property)({type:Boolean})],t.prototype,"newMomentum",void 0),y([(0,s.property)({type:Boolean})],t.prototype,"typing",void 0),y([(0,s.property)({type:Number})],t.prototype,"size",void 0),y([(0,s.property)({type:Boolean,attribute:"has-notification"})],t.prototype,"hasNotification",void 0),y([(0,s.property)({type:Boolean})],t.prototype,"clickable",void 0),y([(0,s.property)({attribute:!1})],t.prototype,"clickFunction",void 0),y([(0,s.property)({type:String,attribute:"avatar-style"})],t.prototype,"avatarStyle",void 0),y([(0,s.property)({type:String})],t.prototype,"state",void 0),y([(0,s.internalProperty)()],t.prototype,"imageLoaded",void 0),y([(0,s.internalProperty)()],t.prototype,"imageErrored",void 0),y([(0,s.internalProperty)()],t.prototype,"presenceColor",void 0),y([(0,s.internalProperty)()],t.prototype,"presenceIcon",void 0),t=y([(0,n.w)("md-avatar")],t),e.ELEMENT=t}(r||(r={}))},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=a},85314:e=>{e.exports=s},97822:e=>{e.exports=n}},m={};function d(e){var t=m[e];if(void 0!==t)return t.exports;var i=m[e]={exports:{}};return h[e](i,i.exports,d),i.exports}d.m=h,p=[],d.O=(e,t,i,r)=>{if(!t){var n=1/0;for(l=0;l<p.length;l++){for(var[t,i,r]=p[l],o=!0,a=0;a<t.length;a++)(!1&r||n>=r)&&Object.keys(d.O).every((e=>d.O[e](t[a])))?t.splice(a--,1):(o=!1,r<n&&(n=r));if(o){p.splice(l--,1);var s=i();void 0!==s&&(e=s)}}return e}r=r||0;for(var l=p.length;l>0&&p[l-1][2]>r;l--)p[l]=p[l-1];p[l]=[t,i,r]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var i in t)d.o(t,i)&&!d.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8028:0,8115:0};d.O.j=t=>0===e[t];var t=(t,i)=>{var r,n,[o,a,s]=i,l=0;if(o.some((t=>0!==e[t]))){for(r in a)d.o(a,r)&&(d.m[r]=a[r]);if(s)var c=s(d)}for(t&&t(i);l<o.length;l++)n=o[l],d.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return d.O(c)},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 u=d.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,3553,6700,528,9788],(()=>d(38028)));return d.O(u)})()));
|
package/dist/comp/md-avatar.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("../3553"),require("../6700"),require("../528"),require("../9788"),module.exports=require("../comp/md-avatar-entry");
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
${this.renderMaxWidth()};
|
|
6
6
|
}
|
|
7
7
|
</style>
|
|
8
|
-
`},this.iconTemplate=()=>this.loading?n.html` <md-spinner size="16"></md-spinner> `:n.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?l.nothing:n.html` <slot name="text"></slot> `}get active(){return this._active}set active(t){const e=this._active;this._active=t,this.requestUpdate("active",e)}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}handleKeyDown(t){if(this.disabled)return;const{code:e}=t;(0,a.o)(e)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){this.disabled||(this.clickFunction
|
|
8
|
+
`},this.iconTemplate=()=>this.loading?n.html` <md-spinner size="16"></md-spinner> `:n.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?l.nothing:n.html` <slot name="text"></slot> `}get active(){return this._active}set active(t){const e=this._active;this._active=t,this.requestUpdate("active",e)}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}handleKeyDown(t){if(this.disabled)return;const{code:e}=t;(0,a.o)(e)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){var e;this.disabled||(null===(e=this.clickFunction)||void 0===e||e.call(this),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}static get styles(){return[s.A,h.A,o.A]}get buttonClassMap(){return{"md-button--circle":this.circle,"md-button--rounded":this.rounded,"md-button--none":this.hasRemoveStyle,"md-button--outline":this.outline,active:this.active&&!this.disabled,disabled:this.disabled&&!this.active,isActive:this.isActive,[`md-button--${this.size}`]:!this.hasRemoveStyle,[`md-button--${this.color}`]:!this.hasRemoveStyle&&!!this.color,[`md-activity__${this.activityType}`]:!!this.activityType,"md-activity":!!this.activityType,"md-button--icon":this.iconActive,"md-button--onlyicon":this.hasIcon&&!this.slottedText,"md-button--placeholder-text":!0===this.isPlaceholderText}}get slottedText(){var t;return null===(t=this.querySelector("[slot=text]"))||void 0===t?void 0:t.textContent}get hasIcon(){return null!==this.querySelector("[slot=icon]")||this.loading}childrenTemplate(){return n.html`
|
|
9
9
|
<span part="button-children" class="md-button__children">
|
|
10
10
|
${this.iconTemplate()} ${this.textTemplate()}
|
|
11
11
|
<slot></slot>
|
|
@@ -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"),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 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"),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 r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,s,o,d,n,a)=>(()=>{"use strict";var m,l={8229:e=>{e.exports=t},17518:e=>{e.exports=a},23968:e=>{e.exports=r},32022:e=>{e.exports=o},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=d},64311:(e,t,i)=>{i.r(t),i.d(t,{CardAi:()=>s,CardAiVariant:()=>r}),i(96798),i(61200);var r,s,o=i(31890),d=i(26272),n=i(41488),a=i(40333),m=i(17518),l=i(18227),c=function(e,t,i,r){var s,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(d=(o<3?s(d):o>3?s(t,i,d):s(t,i))||d);return o>3&&d&&Object.defineProperty(t,i,d),d};!function(e){e.USER_QUERY="user_query",e.RESPONSE="response"}(r||(r={})),function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.id="",this.title="",this.cardText="",this.timestamp="",this.summariseMoreVisible=!1,this.variant=r.RESPONSE,this.copyChecked=!1,this.thumbsUpChecked=!1,this.thumbsDownChecked=!1}static get styles(){return[d.A,l.A]}thumbsUpToggled(){this.thumbsDownChecked=!1,this.thumbsUpChecked=!this.thumbsUpChecked,this.dispatchEvent(new CustomEvent("thumbs-up-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}thumbsDownToggled(){this.thumbsUpChecked=!1,this.thumbsDownChecked=!this.thumbsDownChecked,this.dispatchEvent(new CustomEvent("thumbs-down-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}summariseMoreToggled(){this.dispatchEvent(new CustomEvent("summarise-more-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}copyToggled(){navigator.clipboard.writeText(this.cardText),this.copyChecked=!0,setTimeout((()=>{this.copyChecked=!1}),2e3)}get bottomBorderRadiusClass(){return this.timestamp?"with-bottom-border-radius":"no-bottom-border-radius"}get cardTextClassMap(){return{"md-card-ai-card-body-user-query":this.variant===r.USER_QUERY,[`md-card-ai-card-body-response-${this.bottomBorderRadiusClass}`]:this.variant===r.RESPONSE}}renderHeader(){return this.variant===r.RESPONSE&&""!==this.title?n.html`
|
|
2
2
|
<div class="md-card-ai-header">
|
|
3
3
|
<slot name="card-header-aside">
|
|
4
4
|
<md-icon name="cisco-ai-assistant-color" iconSet="momentumBrandVisuals"></md-icon>
|
|
@@ -9,41 +9,41 @@
|
|
|
9
9
|
</slot>
|
|
10
10
|
</div>
|
|
11
11
|
</div>
|
|
12
|
-
`:
|
|
13
|
-
<div class=${(0,
|
|
12
|
+
`:a.nothing}renderCardText(){return""!==this.cardText?n.html`
|
|
13
|
+
<div class=${(0,m.classMap)(this.cardTextClassMap)}>
|
|
14
14
|
<h3>${this.cardText}</h3>
|
|
15
15
|
${this.renderResponseCard()}
|
|
16
16
|
</div>
|
|
17
|
-
`:
|
|
17
|
+
`:a.nothing}renderThumbsUpButton(){const e=this.thumbsUpChecked?"secondary":"ghost",t=this.thumbsUpChecked?"This is helpful, selected":"This is helpful";return n.html`
|
|
18
18
|
<div class="md-card-ai-thumbs-up">
|
|
19
19
|
<md-button
|
|
20
20
|
circle
|
|
21
|
-
variant=${
|
|
21
|
+
variant=${e}
|
|
22
22
|
size="28"
|
|
23
|
-
ariaLabel=${
|
|
23
|
+
ariaLabel=${t}
|
|
24
24
|
@click=${this.thumbsUpToggled}
|
|
25
25
|
>
|
|
26
26
|
<md-icon slot="icon" name="like-regular" iconSet="momentumDesign"></md-icon>
|
|
27
27
|
</md-button>
|
|
28
28
|
</div>
|
|
29
|
-
`}renderThumbsDownButton(){const
|
|
29
|
+
`}renderThumbsDownButton(){const e=this.thumbsDownChecked?"secondary":"ghost",t=this.thumbsDownChecked?"This is not helpful, selected":"This is not helpful";return n.html`
|
|
30
30
|
<div>
|
|
31
31
|
<md-button
|
|
32
32
|
circle
|
|
33
|
-
variant=${
|
|
33
|
+
variant=${e}
|
|
34
34
|
size="28"
|
|
35
|
-
ariaLabel=${
|
|
35
|
+
ariaLabel=${t}
|
|
36
36
|
@click=${this.thumbsDownToggled}
|
|
37
37
|
>
|
|
38
38
|
<md-icon slot="icon" name="dislike-regular" iconSet="momentumDesign"></md-icon>
|
|
39
39
|
</md-button>
|
|
40
40
|
</div>
|
|
41
|
-
`}renderCopyButton(){const
|
|
41
|
+
`}renderCopyButton(){const e=this.copyChecked?"secondary":"ghost",t=this.copyChecked?"Copied, selected":"Copy summary";return n.html`
|
|
42
42
|
<div class="md-card-ai-copy-button-container">
|
|
43
43
|
<md-button
|
|
44
44
|
size="32"
|
|
45
|
-
variant=${
|
|
46
|
-
ariaLabel=${
|
|
45
|
+
variant=${e}
|
|
46
|
+
ariaLabel=${t}
|
|
47
47
|
outline
|
|
48
48
|
@click=${this.copyToggled}
|
|
49
49
|
>
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
<span slot="text">${this.copyChecked?"Copied":"Copy"}</span>
|
|
56
56
|
</md-button>
|
|
57
57
|
</div>
|
|
58
|
-
`}renderResponseCard(){return this.variant===
|
|
58
|
+
`}renderResponseCard(){return this.variant===r.RESPONSE&&""!==this.timestamp?n.html`
|
|
59
59
|
<div class="md-card-ai-divider"></div>
|
|
60
60
|
<div class="md-card-ai-time-wrapper">
|
|
61
61
|
<time class="md-card-ai-time" aria-hidden="true" datetime=${this.timestamp}> ${this.timestamp} </time>
|
|
@@ -63,15 +63,15 @@
|
|
|
63
63
|
<div class="md-card-ai-feedback">${this.renderThumbsUpButton()} ${this.renderThumbsDownButton()}</div>
|
|
64
64
|
${this.renderCopyButton()}
|
|
65
65
|
</div>
|
|
66
|
-
`:
|
|
66
|
+
`:a.nothing}renderFooter(){return this.variant===r.RESPONSE&&this.summariseMoreVisible?n.html`
|
|
67
67
|
<div class="md-card-ai-footer">
|
|
68
68
|
<md-button size="32" variant="ghost" outline @click=${this.summariseMoreToggled}>
|
|
69
69
|
<span slot="text">Summarise more</span>
|
|
70
70
|
</md-button>
|
|
71
71
|
</div>
|
|
72
|
-
`:
|
|
72
|
+
`:a.nothing}render(){return n.html`
|
|
73
73
|
<div class="md-card-ai" id="${this.id}" part="card" tabindex="0">
|
|
74
74
|
${this.renderHeader()}
|
|
75
75
|
<div class="content-margin">${this.renderCardText()} ${this.renderFooter()}</div>
|
|
76
76
|
</div>
|
|
77
|
-
`}};c([(0,n.property)({type:String})],
|
|
77
|
+
`}};c([(0,n.property)({type:String})],t.prototype,"id",void 0),c([(0,n.property)({type:String})],t.prototype,"title",void 0),c([(0,n.property)({type:String})],t.prototype,"cardText",void 0),c([(0,n.property)({type:String})],t.prototype,"timestamp",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"summariseMoreVisible",void 0),c([(0,n.property)({type:String})],t.prototype,"variant",void 0),c([(0,n.internalProperty)()],t.prototype,"copyChecked",void 0),c([(0,n.internalProperty)()],t.prototype,"thumbsUpChecked",void 0),c([(0,n.internalProperty)()],t.prototype,"thumbsDownChecked",void 0),t=c([(0,o.w)("md-card-ai")],t),e.ELEMENT=t}(s||(s={}))},85314:e=>{e.exports=n},97822:e=>{e.exports=s}},c={};function h(e){var t=c[e];if(void 0!==t)return t.exports;var i=c[e]={exports:{}};return l[e](i,i.exports,h),i.exports}h.m=l,m=[],h.O=(e,t,i,r)=>{if(!t){var s=1/0;for(a=0;a<m.length;a++){for(var[t,i,r]=m[a],o=!0,d=0;d<t.length;d++)(!1&r||s>=r)&&Object.keys(h.O).every((e=>h.O[e](t[d])))?t.splice(d--,1):(o=!1,r<s&&(s=r));if(o){m.splice(a--,1);var n=i();void 0!==n&&(e=n)}}return e}r=r||0;for(var a=m.length;a>0&&m[a-1][2]>r;a--)m[a]=m[a-1];m[a]=[t,i,r]},h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var i in t)h.o(t,i)&&!h.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={4971:0};h.O.j=t=>0===e[t];var t=(t,i)=>{var r,s,[o,d,n]=i,a=0;if(o.some((t=>0!==e[t]))){for(r in d)h.o(d,r)&&(h.m[r]=d[r]);if(n)var m=n(h)}for(t&&t(i);a<o.length;a++)s=o[a],h.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return h.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 u=h.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8227],(()=>h(64311)));return h.O(u)})()));
|
package/dist/comp/md-card-ai.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("../8227"),module.exports=require("../comp/md-card-ai-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("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat")
|
|
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("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"));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","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/repeat"],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"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat")):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["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/repeat"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,s,o,l,d,n,a,c,p,h,m)=>(()=>{"use strict";var u,v={3001:(e,t,i)=>{i.d(t,{Io:()=>s.I,yC:()=>r.y}),i(18889);var r=i(32972),s=(i(28373),i(70300),i(84624));i(68387)},4863:e=>{e.exports=h},8229:e=>{e.exports=t},10654:(e,t,i)=>{i.r(t),i.d(t,{Card:()=>r}),i(96798),i(99850),i(61200),i(68490),i(66245),i(11323),i(83192);var r,s=i(31890),o=i(26272),l=i(41488),d=i(40333),n=i(22818),a=i(90195),c=i(70630),p=function(e,t,i,r){var s,o=arguments.length,l=o<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 d=e.length-1;d>=0;d--)(s=e[d])&&(l=(o<3?s(l):o>3?s(t,i,l):s(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.title="title",this.subtitle="",this.id="",this.info="",this.infoAriaLabel="Card Info",this.menuAriaLabel="Card Menu",this.menuOptions=[]}static get styles(){return[o.A,c.A]}handleCardClick(){this.dispatchEvent(new CustomEvent("card-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardKeyDown(e){e.code!==a.Uz.Enter&&e.code!==a.Uz.Space||this.dispatchEvent(new CustomEvent("card-keydown",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardMenuEvent(e,t){e.stopPropagation();const i=t.toLowerCase();this.dispatchEvent(new CustomEvent("card-menu-click",{detail:{id:this.id,type:i},bubbles:!0,composed:!0}))}handleCardMenuKeyDown(e,t){e.preventDefault(),this.dispatchEvent(new CustomEvent("card-menu-keydown",{detail:{id:this.id,type:t.toLowerCase(),keyCode:e.code},bubbles:!0,composed:!0}))}render(){return l.html`
|
|
2
2
|
<div
|
|
3
3
|
class="md-card"
|
|
4
4
|
id="${this.id}"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
<md-icon slot="icon" name="info-circle-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
30
30
|
</md-button>
|
|
31
31
|
</md-tooltip>
|
|
32
|
-
`:
|
|
32
|
+
`:d.nothing}
|
|
33
33
|
${this.menuOptions.length?l.html`
|
|
34
34
|
<md-menu-overlay class="md-card-menu" placement="bottom-start">
|
|
35
35
|
<md-button
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
</md-button>
|
|
44
44
|
<div class="md-card-menu-list-items" style="width: 100%;">
|
|
45
45
|
<md-list>
|
|
46
|
-
${(0,
|
|
46
|
+
${(0,n.repeat)(this.menuOptions,((e,t)=>l.html`
|
|
47
47
|
<md-list-item
|
|
48
48
|
class="${"menu-item-"+t}"
|
|
49
49
|
slot="list-item"
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
</md-list>
|
|
56
56
|
</div>
|
|
57
57
|
</md-menu-overlay>
|
|
58
|
-
`:
|
|
58
|
+
`:d.nothing}
|
|
59
59
|
</div>
|
|
60
60
|
</div>
|
|
61
61
|
<div class="md-card-content">
|
|
@@ -65,19 +65,19 @@
|
|
|
65
65
|
<slot name="footer"> </slot>
|
|
66
66
|
</div>
|
|
67
67
|
</div>
|
|
68
|
-
`}};
|
|
69
|
-
<li class="md-list-item ${(0,
|
|
68
|
+
`}};p([(0,l.property)({type:String})],t.prototype,"title",void 0),p([(0,l.property)({type:String})],t.prototype,"subtitle",void 0),p([(0,l.property)({type:String})],t.prototype,"id",void 0),p([(0,l.property)({type:String})],t.prototype,"info",void 0),p([(0,l.property)({type:String,attribute:"info-aria-label"})],t.prototype,"infoAriaLabel",void 0),p([(0,l.property)({type:String,attribute:"menu-aria-label"})],t.prototype,"menuAriaLabel",void 0),p([(0,l.property)({type:Array})],t.prototype,"menuOptions",void 0),t=p([(0,s.w)("md-card")],t),e.ELEMENT=t}(r||(r={}))},22818:e=>{e.exports=m},22962:e=>{e.exports=n},23968:e=>{e.exports=r},32022:e=>{e.exports=o},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=l},66245:(e,t,i)=>{var r,s=i(3001),o=i(31890),l=i(26272),d=i(41488),n=i(23968),a=i(21392),c=function(e,t,i,r){var s,o=arguments.length,l=o<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 d=e.length-1;d>=0;d--)(s=e[d])&&(l=(o<3?s(l):o>3?s(t,i,l):s(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l};!function(e){let t=class extends((0,s.yC)(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[l.A,a.A]}render(){return d.html`
|
|
69
|
+
<li class="md-list-item ${(0,n.classMap)(this.listItemTemplateClassMap)}" part="list-item">
|
|
70
70
|
<slot></slot>
|
|
71
71
|
</li>
|
|
72
|
-
`}};c([(0,
|
|
73
|
-
<ul role=${(0,
|
|
72
|
+
`}};c([(0,d.property)({type:String,reflect:!0})],t.prototype,"role",void 0),c([(0,d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,d.property)({type:String,reflect:!0})],t.prototype,"shape",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=c([(0,o.w)("md-list-item")],t),e.ELEMENT=t}(r||(r={}))},68250:e=>{e.exports=c},68490:(e,t,i)=>{var r,s=i(90195),o=i(3001),l=i(31890),d=i(26272),n=i(41488),a=i(97822),c=i(21392),p=function(e,t,i,r){var s,o=arguments.length,l=o<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 d=e.length-1;d>=0;d--)(s=e[d])&&(l=(o<3?s(l):o>3?s(t,i,l):s(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l};!function(e){let t=class extends((0,o.Io)(n.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(e){super.firstUpdated(e),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(e){return!e.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(e){const t=e.composedPath();return this.slotted.findIndex((e=>t.includes(e)))}switchListItemOnArrowPress(e,t=1){const i=super.getAvailableSelectedIndex(e,t);-1!==i&&(this.selected=i)}setActivated(e){-1!==e&&(this.activated=e,this.selected=e,this.setSelected(e))}findSelectedListItemIndex(){return this.slotted.findIndex((e=>e.selected))}setSelected(e){const t=this.findSelectedListItemIndex();-1!==t&&t!==e&&(this.slotted[t].selected=!1),this.slotted[e]&&(this.slotted[e].selected=!0)}updated(e){super.updated(e),e.has("slotted")&&this.setActivated(this.activated),e.has("activated")&&this.setActivated(this.activated),e.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(e){var t;const i=this.slotted[e];return null===(t=null==i?void 0:i.disabled)||void 0===t||t}handleClick(e){const t=this.findListItemIndex(e);-1!==t&&(this.isListItemDisabled(t)||(this.setActivated(t),this.notifySelectedChange()))}handleKeyDown(e){const{code:t}=e;switch(t){case s.Uz.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case s.Uz.Home:this.switchListItemOnArrowPress(0);break;case s.Uz.ArrowUp:case s.Uz.ArrowLeft:e.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case s.Uz.ArrowDown:case s.Uz.ArrowRight:e.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case s.Uz.Enter:case s.Uz.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.A,c.A]}render(){return n.html`
|
|
73
|
+
<ul role=${(0,a.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
|
|
74
74
|
<slot name="list-item"></slot>
|
|
75
75
|
</ul>
|
|
76
|
-
`}};
|
|
76
|
+
`}};p([(0,n.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),p([(0,n.property)({type:String})],t.prototype,"label",void 0),p([(0,n.property)({type:Number,reflect:!0})],t.prototype,"activated",void 0),p([(0,n.query)("slot[name='list-item']")],t.prototype,"listItemSlot",void 0),t=p([(0,l.w)("md-list")],t),e.ELEMENT=t}(r||(r={}))},69371:e=>{e.exports=p},84157:e=>{e.exports=a},85314:e=>{e.exports=d},97822:e=>{e.exports=s},99850:(e,t,i)=>{i(61200);var r,s=i(90195),o=i(3001),l=i(31890),d=i(26272),n=i(41488),a=i(23968),c=i(97822),p=i(27092),h=function(e,t,i,r){var s,o=arguments.length,l=o<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 d=e.length-1;d>=0;d--)(s=e[d])&&(l=(o<3?s(l):o>3?s(t,i,l):s(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l};!function(e){let t=class extends((0,o.yC)(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,p.A]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==s.Uz.Enter&&e.code!==s.Uz.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return n.html`
|
|
77
77
|
<label
|
|
78
78
|
for="favorite-checkbox"
|
|
79
79
|
id="${this.id}"
|
|
80
|
-
class="md-favorite ${(0,
|
|
80
|
+
class="md-favorite ${(0,a.classMap)(this.favoriteClassMap)}"
|
|
81
81
|
tabindex="0"
|
|
82
82
|
>
|
|
83
83
|
<input
|
|
@@ -95,4 +95,4 @@
|
|
|
95
95
|
size="16"
|
|
96
96
|
></md-icon>
|
|
97
97
|
</label>
|
|
98
|
-
`}};
|
|
98
|
+
`}};h([(0,n.property)({type:Boolean})],t.prototype,"disabled",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"checked",void 0),h([(0,n.property)({type:String})],t.prototype,"value",void 0),h([(0,n.property)({type:String})],t.prototype,"id",void 0),h([(0,n.property)({type:String})],t.prototype,"label",void 0),h([(0,n.internalProperty)()],t.prototype,"customId",void 0),t=h([(0,l.w)("md-favorite")],t),e.ELEMENT=t}(r||(r={}))}},f={};function b(e){var t=f[e];if(void 0!==t)return t.exports;var i=f[e]={exports:{}};return v[e](i,i.exports,b),i.exports}b.m=v,u=[],b.O=(e,t,i,r)=>{if(!t){var s=1/0;for(n=0;n<u.length;n++){for(var[t,i,r]=u[n],o=!0,l=0;l<t.length;l++)(!1&r||s>=r)&&Object.keys(b.O).every((e=>b.O[e](t[l])))?t.splice(l--,1):(o=!1,r<s&&(s=r));if(o){u.splice(n--,1);var d=i();void 0!==d&&(e=d)}}return e}r=r||0;for(var n=u.length;n>0&&u[n-1][2]>r;n--)u[n]=u[n-1];u[n]=[t,i,r]},b.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return b.d(t,{a:t}),t},b.d=(e,t)=>{for(var i in t)b.o(t,i)&&!b.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},b.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),b.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,1462:0,3001:0,5382:0,6060:0,6920:0,7763:0,8442:0};b.O.j=t=>0===e[t];var t=(t,i)=>{var r,s,[o,l,d]=i,n=0;if(o.some((t=>0!==e[t]))){for(r in l)b.o(l,r)&&(b.m[r]=l[r]);if(d)var a=d(b)}for(t&&t(i);n<o.length;n++)s=o[n],b.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return b.O(a)},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 y=b.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,300,2576,8210,6677,8387,6366,7251,2243,1323,3192,1392,7092,754,630],(()=>b(10654)));return b.O(y)})()));
|
|
@@ -1,15 +1,15 @@
|
|
|
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,n,a)=>(()=>{"use strict";var l,d={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=n},85314:e=>{e.exports=a},90827:(e,t,i)=>{i.r(t),i.d(t,{CardState:()=>r,CardV2:()=>o}),i(96798),i(61200),i(83192);var r,o,s=i(31890),n=i(26272),a=i(41488),l=i(40333),d=i(23968),m=i(52759),c=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};!function(e){e.DEFAULT="default",e.ACTIVE="active",e.INACTIVE="inactive"}(r||(r={})),function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.state=r.DEFAULT,this.identifier=void 0,this.header=void 0,this.info=void 0,this.data=void 0,this.expandable=!1}connectedCallback(){super.connectedCallback()}static get styles(){return[n.A,m.A]}get isActive(){return this.state===r.ACTIVE}expandCardToggled(){var e;this.state=this.isActive?r.DEFAULT:r.ACTIVE,this.dispatchEvent(new CustomEvent("expand-card-toggled",{detail:{identifier:null!==(e=this.identifier)&&void 0!==e?e:"",active:this.isActive},bubbles:!0,composed:!0}))}get cardClassMap(){return{"md-card-v2":!0,[`md-card--${this.state}`]:!0}}get contentClassMap(){return{"md-card-v2-content":!0,inactive:this.state===r.INACTIVE}}get footerClassMap(){return{"md-card-v2-footer":!0,hidden:!this.expandable}}renderHeader(){return a.html`
|
|
2
2
|
<div class="md-card-v2-header-title">
|
|
3
3
|
<h3>${this.header}</h3>
|
|
4
|
-
${this.info?
|
|
4
|
+
${this.info?a.html`
|
|
5
5
|
<md-tooltip message="${this.info}" placement="top">
|
|
6
6
|
<md-button ariaLabel="${this.info}" size="20" variant="ghost" circle>
|
|
7
7
|
<md-icon slot="icon" name="info-badge-filled" iconSet="momentumDesign"></md-icon>
|
|
8
8
|
</md-button>
|
|
9
9
|
</md-tooltip>
|
|
10
|
-
`:
|
|
10
|
+
`:l.nothing}
|
|
11
11
|
</div>
|
|
12
|
-
`}renderFooter(){return
|
|
12
|
+
`}renderFooter(){return a.html`
|
|
13
13
|
<div class="${(0,d.classMap)(this.footerClassMap)}">
|
|
14
14
|
<md-button ariaLabel="" circle size="28" @click=${this.expandCardToggled}>
|
|
15
15
|
<md-icon
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
</md-icon>
|
|
22
22
|
</md-button>
|
|
23
23
|
</div>
|
|
24
|
-
`}render(){return
|
|
24
|
+
`}render(){return a.html`
|
|
25
25
|
<div class="${(0,d.classMap)(this.cardClassMap)}">
|
|
26
26
|
<div class="md-card-v2-header">${this.renderHeader()}</div>
|
|
27
27
|
<div class="${(0,d.classMap)(this.contentClassMap)}">
|
|
@@ -29,4 +29,4 @@
|
|
|
29
29
|
</div>
|
|
30
30
|
${this.renderFooter()}
|
|
31
31
|
</div>
|
|
32
|
-
`}};
|
|
32
|
+
`}};c([(0,a.property)({type:String})],t.prototype,"state",void 0),c([(0,a.property)({type:String})],t.prototype,"identifier",void 0),c([(0,a.property)({type:String})],t.prototype,"header",void 0),c([(0,a.property)({type:String})],t.prototype,"info",void 0),c([(0,a.property)({type:String})],t.prototype,"data",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"expandable",void 0),t=c([(0,s.w)("md-card-v2")],t),e.ELEMENT=t}(o||(o={}))},97822:e=>{e.exports=o}},m={};function c(e){var t=m[e];if(void 0!==t)return t.exports;var i=m[e]={exports:{}};return d[e](i,i.exports,c),i.exports}c.m=d,l=[],c.O=(e,t,i,r)=>{if(!t){var o=1/0;for(d=0;d<l.length;d++){for(var[t,i,r]=l[d],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(c.O).every((e=>c.O[e](t[n])))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){l.splice(d--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var d=l.length;d>0&&l[d-1][2]>r;d--)l[d]=l[d-1];l[d]=[t,i,r]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1521:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,a]=i,l=0;if(s.some((t=>0!==e[t]))){for(r in n)c.o(n,r)&&(c.m[r]=n[r]);if(a)var d=a(c)}for(t&&t(i);l<s.length;l++)o=s[l],c.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return c.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 p=c.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,300,8373,4624,591,768,195,3001,7251,3192,7997],(()=>c(90827)));return c.O(p)})()));
|
package/dist/comp/md-card-v2.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("../8889"),require("../300"),require("../8373"),require("../4624"),require("../591"),require("../768"),require("../195"),require("../3001"),require("../7251"),require("../3192"),require("../7997"),module.exports=require("../comp/md-card-v2-entry");
|