@momentum-ui/web-components 3.2.21 → 3.2.23
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/1392.js +1 -1
- package/dist/1618.js +1 -1
- package/dist/1816.js +2 -2
- package/dist/1928.js +1 -1
- package/dist/226.js +1 -1
- package/dist/2297.js +1 -1
- package/dist/2364.js +1 -1
- package/dist/2492.js +1 -1
- package/dist/2670.js +1 -1
- package/dist/2797.js +1 -1
- package/dist/2927.js +1 -1
- package/dist/2991.js +1 -1
- package/dist/3013.js +1 -1
- package/dist/3051.js +1 -1
- package/dist/3241.js +1 -1
- package/dist/3272.js +1 -1
- package/dist/3305.js +1 -1
- package/dist/3331.js +1 -1
- package/dist/3543.js +1 -1
- package/dist/378.js +1 -1
- package/dist/3842.js +1 -1
- package/dist/3876.js +1 -1
- package/dist/3970.js +1 -1
- package/dist/4047.js +1 -1
- package/dist/4084.js +1 -1
- package/dist/4242.js +1 -1
- package/dist/4431.js +1 -1
- package/dist/4449.js +1 -1
- package/dist/4700.js +1 -1
- package/dist/4739.js +1 -1
- package/dist/476.js +1 -1
- package/dist/4839.js +1 -1
- package/dist/4958.js +1 -1
- package/dist/4973.js +1 -1
- package/dist/5057.js +1 -1
- package/dist/513.js +1 -1
- package/dist/5584.js +1 -1
- package/dist/5846.js +1 -1
- package/dist/6005.js +1 -1
- package/dist/608.js +1 -1
- package/dist/6142.js +1 -1
- package/dist/6325.js +1 -1
- package/dist/6343.js +1 -1
- package/dist/6429.js +1 -1
- package/dist/6631.js +1 -1
- package/dist/6816.js +1 -1
- package/dist/6843.js +1 -1
- package/dist/7137.js +1 -1
- package/dist/7155.js +1 -1
- package/dist/7162.js +1 -1
- package/dist/7231.js +1 -1
- package/dist/7262.js +1 -1
- package/dist/740.js +1 -1
- package/dist/742.js +1 -1
- package/dist/7557.js +1 -1
- package/dist/7582.js +1 -1
- package/dist/7906.js +8 -3
- package/dist/7911.js +1 -1
- package/dist/8373.js +1 -1
- package/dist/8441.js +1 -1
- package/dist/861.js +3 -3
- package/dist/8687.js +1 -1
- package/dist/887.js +1 -1
- package/dist/8881.js +1 -1
- package/dist/9146.js +1 -1
- package/dist/9244.js +1 -1
- package/dist/9316.js +1 -1
- package/dist/9336.js +1 -1
- package/dist/9404.js +1 -1
- package/dist/9431.js +1 -1
- package/dist/9485.js +1 -1
- package/dist/9488.js +1 -1
- package/dist/9558.js +1 -1
- package/dist/9609.js +1 -1
- package/dist/9940.js +1 -1
- package/dist/9956.js +1 -1
- package/dist/9983.js +1 -1
- package/dist/comp/md-accordion-entry.js +2 -2
- package/dist/comp/md-accordion-item-entry.js +2 -2
- package/dist/comp/md-activity-button-entry.js +2 -2
- package/dist/comp/md-advance-list-entry.js +5 -5
- package/dist/comp/md-alert-banner-entry.js +17 -17
- package/dist/comp/md-alert-entry.js +2 -2
- package/dist/comp/md-audio-player-entry.js +3 -3
- package/dist/comp/md-avatar-entry.js +3 -3
- package/dist/comp/md-badge-entry.js +6 -6
- package/dist/comp/md-breadcrumb-entry.js +4 -4
- package/dist/comp/md-button-entry.js +33 -33
- package/dist/comp/md-button-group-entry.js +2 -2
- package/dist/comp/md-card-ai-entry.js +9 -9
- package/dist/comp/md-card-alert-entry.js +4 -4
- package/dist/comp/md-card-entry.js +2 -2
- package/dist/comp/md-card-v2-entry.js +2 -2
- package/dist/comp/md-chat-message-entry.js +8 -6
- package/dist/comp/md-checkbox-entry.js +2 -2
- package/dist/comp/md-checkboxgroup-entry.js +2 -2
- package/dist/comp/md-chip-entry.js +3 -3
- package/dist/comp/md-coachmark-entry.js +8 -8
- package/dist/comp/md-coachmark-popover-entry.js +2 -2
- package/dist/comp/md-combobox-entry.js +2 -2
- package/dist/comp/md-composite-avatar-entry.js +3 -3
- package/dist/comp/md-country-code-picker-entry.js +4 -4
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +2 -2
- package/dist/comp/md-datepicker-calendar-entry.js +2 -2
- package/dist/comp/md-datepicker-day-entry.js +3 -3
- package/dist/comp/md-datepicker-entry.js +3 -3
- package/dist/comp/md-datepicker-month-entry.js +2 -2
- package/dist/comp/md-datepicker-week-entry.js +2 -2
- package/dist/comp/md-draggable-entry.js +2 -2
- package/dist/comp/md-draggable-item-entry.js +5 -5
- package/dist/comp/md-dropdown-entry.js +5 -5
- package/dist/comp/md-editable-field-entry.js +9 -9
- package/dist/comp/md-favorite-entry.js +3 -3
- package/dist/comp/md-floating-minimize-entry.js +2 -2
- package/dist/comp/md-floating-modal-entry.js +2 -2
- package/dist/comp/md-form-entry.js +2 -2
- package/dist/comp/md-grabber-entry.js +5 -5
- package/dist/comp/md-help-text-entry.js +8 -3
- package/dist/comp/md-icon-entry.js +8 -8
- package/dist/comp/md-input-entry.js +2 -2
- package/dist/comp/md-input-file.js +3 -3
- package/dist/comp/md-label-entry.js +3 -3
- package/dist/comp/md-link-entry.js +14 -14
- package/dist/comp/md-list-entry.js +3 -3
- package/dist/comp/md-list-item-entry.js +2 -2
- package/dist/comp/md-loading-entry.js +2 -2
- package/dist/comp/md-meeting-alert-entry.js +10 -10
- package/dist/comp/md-menu-entry.js +2 -2
- package/dist/comp/md-menu-item-entry.js +2 -2
- package/dist/comp/md-menu-overlay-entry.js +3 -3
- package/dist/comp/md-modal-entry.js +17 -17
- package/dist/comp/md-pagination-entry.js +2 -2
- package/dist/comp/md-phone-input-entry.js +9 -9
- package/dist/comp/md-popover-entry.js +2 -2
- package/dist/comp/md-presence-entry.js +2 -2
- package/dist/comp/md-progress-bar-entry.js +3 -3
- package/dist/comp/md-radio-entry.js +2 -2
- package/dist/comp/md-radiogroup-entry.js +2 -2
- package/dist/comp/md-slider-entry.js +5 -5
- package/dist/comp/md-spinner-entry.js +3 -3
- package/dist/comp/md-tab-entry.js +4 -4
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +10 -10
- package/dist/comp/md-table-entry.js +11 -11
- package/dist/comp/md-tabs-entry.js +5 -5
- package/dist/comp/md-task-item-entry.js +7 -7
- package/dist/comp/md-theme-entry.js +3 -3
- package/dist/comp/md-timepicker-entry.js +6 -6
- package/dist/comp/md-toggle-switch-entry.js +8 -8
- package/dist/comp/md-tooltip-entry.js +2 -2
- package/dist/esm/1156.js +1 -1
- package/dist/esm/1280.js +1 -1
- package/dist/esm/1392.js +1 -1
- package/dist/esm/1756.js +1 -1
- package/dist/esm/1816.js +2 -2
- package/dist/esm/1928.js +1 -1
- package/dist/esm/1982.js +1 -1
- package/dist/esm/226.js +1 -1
- package/dist/esm/2297.js +1 -1
- package/dist/esm/2364.js +1 -1
- package/dist/esm/2451.js +1 -1
- package/dist/esm/2458.js +1 -1
- package/dist/esm/2577.js +1 -1
- package/dist/esm/2599.js +1 -1
- package/dist/esm/2670.js +1 -1
- package/dist/esm/2797.js +1 -1
- package/dist/esm/2927.js +1 -1
- package/dist/esm/2991.js +1 -1
- package/dist/esm/3051.js +1 -1
- package/dist/esm/3155.js +1 -1
- package/dist/esm/3272.js +1 -1
- package/dist/esm/3305.js +1 -1
- package/dist/esm/3331.js +1 -1
- package/dist/esm/3365.js +1 -1
- package/dist/esm/3517.js +1 -1
- package/dist/esm/3543.js +1 -1
- package/dist/esm/3648.js +1 -1
- package/dist/esm/378.js +2 -2
- package/dist/esm/3842.js +1 -1
- package/dist/esm/3876.js +1 -1
- package/dist/esm/3970.js +1 -1
- package/dist/esm/4047.js +1 -1
- package/dist/esm/4060.js +1 -1
- package/dist/esm/4084.js +1 -1
- package/dist/esm/4137.js +1 -1
- package/dist/esm/4242.js +1 -1
- package/dist/esm/4431.js +1 -1
- package/dist/esm/4449.js +1 -1
- package/dist/esm/4613.js +1 -1
- package/dist/esm/4700.js +1 -1
- package/dist/esm/4739.js +1 -1
- package/dist/esm/476.js +1 -1
- package/dist/esm/477.js +1 -1
- package/dist/esm/4839.js +1 -1
- package/dist/esm/4955.js +1 -1
- package/dist/esm/4958.js +1 -1
- package/dist/esm/4973.js +1 -1
- package/dist/esm/4980.js +1 -1
- package/dist/esm/5057.js +1 -1
- package/dist/esm/513.js +1 -1
- package/dist/esm/5308.js +1 -1
- package/dist/esm/5432.js +1 -1
- package/dist/esm/546.js +1 -1
- package/dist/esm/5525.js +8 -3
- package/dist/esm/5584.js +1 -1
- package/dist/esm/5846.js +1 -1
- package/dist/esm/6005.js +1 -1
- package/dist/esm/608.js +1 -1
- package/dist/esm/6142.js +1 -1
- package/dist/esm/6325.js +1 -1
- package/dist/esm/6343.js +1 -1
- package/dist/esm/6518.js +1 -1
- package/dist/esm/6525.js +1 -1
- package/dist/esm/6631.js +1 -1
- package/dist/esm/6816.js +1 -1
- package/dist/esm/6843.js +1 -1
- package/dist/esm/6897.js +1 -1
- package/dist/esm/6933.js +1 -1
- package/dist/esm/6994.js +1 -1
- package/dist/esm/7119.js +1 -1
- package/dist/esm/7137.js +1 -1
- package/dist/esm/7155.js +1 -1
- package/dist/esm/7162.js +1 -1
- package/dist/esm/7231.js +1 -1
- package/dist/esm/740.js +1 -1
- package/dist/esm/742.js +1 -1
- package/dist/esm/7557.js +1 -1
- package/dist/esm/7582.js +1 -1
- package/dist/esm/7638.js +1 -1
- package/dist/esm/7755.js +1 -1
- package/dist/esm/7838.js +1 -1
- package/dist/esm/7906.js +6 -1
- package/dist/esm/7911.js +1 -1
- package/dist/esm/8165.js +1 -1
- package/dist/esm/8235.js +1 -1
- package/dist/esm/8441.js +1 -1
- package/dist/esm/861.js +3 -3
- package/dist/esm/8687.js +1 -1
- package/dist/esm/887.js +1 -1
- package/dist/esm/8899.js +1 -1
- package/dist/esm/9244.js +1 -1
- package/dist/esm/9316.js +1 -1
- package/dist/esm/9336.js +1 -1
- package/dist/esm/9375.js +1 -1
- package/dist/esm/9404.js +1 -1
- package/dist/esm/9431.js +1 -1
- package/dist/esm/9485.js +1 -1
- package/dist/esm/9500.js +1 -1
- package/dist/esm/9558.js +1 -1
- package/dist/esm/9609.js +1 -1
- package/dist/esm/9642.js +1 -1
- package/dist/esm/9940.js +1 -1
- package/dist/esm/9983.js +1 -1
- package/dist/esm/comp/md-accordion-entry.js +2 -2
- package/dist/esm/comp/md-accordion-item-entry.js +4 -4
- package/dist/esm/comp/md-activity-button-entry.js +2 -2
- package/dist/esm/comp/md-advance-list-entry.js +3 -3
- package/dist/esm/comp/md-alert-banner-entry.js +19 -19
- package/dist/esm/comp/md-alert-entry.js +2 -2
- package/dist/esm/comp/md-audio-player-entry.js +3 -3
- package/dist/esm/comp/md-avatar-entry.js +1 -1
- package/dist/esm/comp/md-badge-entry.js +1 -1
- package/dist/esm/comp/md-breadcrumb-entry.js +5 -5
- package/dist/esm/comp/md-button-entry.js +33 -33
- package/dist/esm/comp/md-button-group-entry.js +2 -2
- package/dist/esm/comp/md-card-ai-entry.js +4 -4
- package/dist/esm/comp/md-card-alert-entry.js +2 -2
- package/dist/esm/comp/md-card-entry.js +7 -7
- package/dist/esm/comp/md-card-v2-entry.js +2 -2
- package/dist/esm/comp/md-chat-message-entry.js +4 -2
- package/dist/esm/comp/md-checkbox-entry.js +2 -2
- package/dist/esm/comp/md-checkboxgroup-entry.js +2 -2
- package/dist/esm/comp/md-chip-entry.js +1 -1
- package/dist/esm/comp/md-coachmark-entry.js +8 -8
- package/dist/esm/comp/md-coachmark-popover-entry.js +2 -2
- package/dist/esm/comp/md-combobox-entry.js +1 -1
- package/dist/esm/comp/md-composite-avatar-entry.js +3 -3
- package/dist/esm/comp/md-country-code-picker-entry.js +1 -1
- package/dist/esm/comp/md-date-range-picker-entry.js +1 -1
- package/dist/esm/comp/md-date-time-picker-entry.js +2 -2
- package/dist/esm/comp/md-datepicker-calendar-entry.js +1 -1
- package/dist/esm/comp/md-datepicker-day-entry.js +1 -1
- package/dist/esm/comp/md-datepicker-entry.js +3 -3
- package/dist/esm/comp/md-datepicker-month-entry.js +1 -1
- package/dist/esm/comp/md-datepicker-week-entry.js +1 -1
- package/dist/esm/comp/md-draggable-entry.js +2 -2
- package/dist/esm/comp/md-draggable-item-entry.js +5 -5
- package/dist/esm/comp/md-dropdown-entry.js +19 -19
- package/dist/esm/comp/md-editable-field-entry.js +9 -9
- package/dist/esm/comp/md-favorite-entry.js +1 -1
- package/dist/esm/comp/md-floating-minimize-entry.js +1 -1
- package/dist/esm/comp/md-floating-modal-entry.js +3 -3
- package/dist/esm/comp/md-form-entry.js +2 -2
- package/dist/esm/comp/md-grabber-entry.js +5 -5
- package/dist/esm/comp/md-help-text-entry.js +1 -1
- package/dist/esm/comp/md-icon-entry.js +8 -8
- package/dist/esm/comp/md-input-entry.js +2 -2
- package/dist/esm/comp/md-input-file.js +2 -2
- package/dist/esm/comp/md-label-entry.js +1 -1
- package/dist/esm/comp/md-link-entry.js +12 -12
- package/dist/esm/comp/md-list-entry.js +1 -1
- package/dist/esm/comp/md-list-item-entry.js +1 -1
- package/dist/esm/comp/md-loading-entry.js +1 -1
- package/dist/esm/comp/md-meeting-alert-entry.js +10 -10
- package/dist/esm/comp/md-menu-entry.js +3 -3
- package/dist/esm/comp/md-menu-item-entry.js +3 -3
- package/dist/esm/comp/md-menu-overlay-entry.js +2 -2
- package/dist/esm/comp/md-modal-entry.js +6 -6
- package/dist/esm/comp/md-pagination-entry.js +2 -2
- package/dist/esm/comp/md-phone-input-entry.js +2 -2
- package/dist/esm/comp/md-popover-entry.js +1 -1
- package/dist/esm/comp/md-presence-entry.js +1 -1
- package/dist/esm/comp/md-progress-bar-entry.js +1 -1
- package/dist/esm/comp/md-radio-entry.js +2 -2
- package/dist/esm/comp/md-radiogroup-entry.js +2 -2
- package/dist/esm/comp/md-slider-entry.js +2 -2
- package/dist/esm/comp/md-spinner-entry.js +1 -1
- package/dist/esm/comp/md-tab-entry.js +4 -4
- package/dist/esm/comp/md-tab-panel-entry.js +1 -1
- package/dist/esm/comp/md-table-advanced-entry.js +5 -5
- package/dist/esm/comp/md-table-entry.js +11 -11
- package/dist/esm/comp/md-tabs-entry.js +5 -5
- package/dist/esm/comp/md-task-item-entry.js +18 -18
- package/dist/esm/comp/md-theme-entry.js +3 -3
- package/dist/esm/comp/md-timepicker-entry.js +2 -2
- package/dist/esm/comp/md-toggle-switch-entry.js +4 -4
- package/dist/esm/comp/md-tooltip-entry.js +3 -3
- package/dist/esm/index-entry.js +17 -15
- package/dist/esm/index.js +1 -1
- package/dist/esm/managers/thememanager-entry.js +1 -1
- package/dist/index-entry.js +23 -16
- package/dist/managers/thememanager-entry.js +1 -1
- package/dist/types/components/chat-message/ChatMessage.d.ts +2 -0
- package/dist/types/components/chat-message/ChatMessage.stories.d.ts +10 -0
- package/dist/types/components/dropdown/Dropdown.d.ts +1 -0
- package/dist/types/components/dropdown/Dropdown.stories.d.ts +3 -0
- package/dist/types/components/help-text/HelpText.test.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/style-map.js"),require("mobx"));else if("function"==typeof define&&define.amd)define(["@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/if-defined.js","lit/directives/style-map.js","mobx"],t);else{var i="object"==typeof exports?t(require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/style-map.js"),require("mobx")):t(e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/if-defined.js"],e["lit/directives/style-map.js"],e.mobx);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,s,a,l,n)=>(()=>{"use strict";var r={3764(e,t,i){i.r(t),i.d(t,{AudioPlayer:()=>m}),i(5983),i(1821),i(9613);var o=i(2900),s=i(9609),a=i(4084),l=i(7161),n=i(429),r=i(5125),d=i(9404),u=function(e,t,i,o){var s,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(l=(a<3?s(l):a>3?s(t,i,l):s(t,i))||l);return a>3&&l&&Object.defineProperty(t,i,l),l};const p=[{value:.25,label:"0.25"},{value:.5,label:"0.50"},{value:.75,label:"0.75"},{value:1,label:"Normal"},{value:1.25,label:"1.25"},{value:1.5,label:"1.50"},{value:1.75,label:"1.75"},{value:2,label:"2"}],c={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var m;!function(e){let t=class extends l.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=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"),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):s()},o=()=>{s()},s=()=>{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 l.html`
|
|
2
2
|
<div class="md-audio-player">
|
|
3
3
|
<div class="inner-container">
|
|
4
4
|
<div class="play-container">
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
<md-icon slot="icon" name="too-fast-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
72
72
|
</md-button>
|
|
73
73
|
</md-tooltip>
|
|
74
|
-
<div class="speed-popup ${(0,
|
|
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 l.html`
|
|
77
77
|
<li
|
|
@@ -95,4 +95,4 @@
|
|
|
95
95
|
</div>
|
|
96
96
|
</div>
|
|
97
97
|
</div>
|
|
98
|
-
`}};u([(0,n.property)({type:String})],t.prototype,"src",void 0),u([(0,n.property)({type:Object})],t.prototype,"labelMap",void 0),u([(0,n.state)()],t.prototype,"events",void 0),u([(0,n.state)()],t.prototype,"audio",void 0),u([(0,n.state)()],t.prototype,"volumeElement",void 0),u([(0,n.state)()],t.prototype,"isPlaying",void 0),u([(0,n.state)()],t.prototype,"isMuted",void 0),u([(0,n.state)()],t.prototype,"duration",void 0),u([(0,n.state)()],t.prototype,"volume",void 0),u([(0,n.state)()],t.prototype,"currentTime",void 0),u([(0,n.state)()],t.prototype,"showSpeedPopup",void 0),u([(0,n.state)()],t.prototype,"playbackSpeed",void 0),u([(0,n.state)()],t.prototype,"volumeExpanded",void 0),u([(0,n.state)()],t.prototype,"bufferedRange",void 0),u([(0,n.state)()],t.prototype,"selectedPlaybackSpeed",void 0),u([(0,n.state)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=u([(0,s.w)("md-audio-player")],t),e.ELEMENT=t}(
|
|
98
|
+
`}};u([(0,n.property)({type:String})],t.prototype,"src",void 0),u([(0,n.property)({type:Object})],t.prototype,"labelMap",void 0),u([(0,n.state)()],t.prototype,"events",void 0),u([(0,n.state)()],t.prototype,"audio",void 0),u([(0,n.state)()],t.prototype,"volumeElement",void 0),u([(0,n.state)()],t.prototype,"isPlaying",void 0),u([(0,n.state)()],t.prototype,"isMuted",void 0),u([(0,n.state)()],t.prototype,"duration",void 0),u([(0,n.state)()],t.prototype,"volume",void 0),u([(0,n.state)()],t.prototype,"currentTime",void 0),u([(0,n.state)()],t.prototype,"showSpeedPopup",void 0),u([(0,n.state)()],t.prototype,"playbackSpeed",void 0),u([(0,n.state)()],t.prototype,"volumeExpanded",void 0),u([(0,n.state)()],t.prototype,"bufferedRange",void 0),u([(0,n.state)()],t.prototype,"selectedPlaybackSpeed",void 0),u([(0,n.state)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=u([(0,s.w)("md-audio-player")],t),e.ELEMENT=t}(m||(m={})),i.d(t,["defaultLabelMap",0,c,"playbackSpeeds",0,p])},2022(t){t.exports=e},554(e){e.exports=t},7161(e){e.exports=i},429(e){e.exports=o},5125(e){e.exports=s},291(e){e.exports=a},318(e){e.exports=l},5314(e){e.exports=n}};const d={};function u(e){const t=d[e];if(void 0!==t)return t.exports;const i=d[e]={exports:{}};return r[e](i,i.exports,u),i.exports}u.m=r,(()=>{const e=[];u.O=(t,i,o,s)=>{if(i){s=s||0;for(var a=e.length;a>0&&e[a-1][2]>s;a--)e[a]=e[a-1];return void(e[a]=[i,o,s])}let l=1/0;for(a=0;a<e.length;a++){let[i,o,s]=e[a],r=!0;for(var n=0;n<i.length;n++)(!1&s||l>=s)&&Object.keys(u.O).every(e=>u.O[e](i[n]))?i.splice(n--,1):(r=!1,s<l&&(l=s));if(r){e.splice(a--,1);const i=o();void 0!==i&&(t=i)}}return t}})(),u.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{if(Array.isArray(t))for(var i=0;i<t.length;){var o=t[i++],s=t[i++];u.o(e,o)?0===s&&i++:0===s?Object.defineProperty(e,o,{enumerable:!0,value:t[i++]}):Object.defineProperty(e,o,{enumerable:!0,get:s})}else for(var o in t)u.o(t,o)&&!u.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={8220:0};u.O.j=t=>0===e[t];const t=(t,i)=>{let[o,s,a]=i;var l,n,r=0;if(o.some(t=>0!==e[t])){for(l in s)u.o(s,l)&&(u.m[l]=s[l]);if(a)var d=a(u)}for(t&&t(i);r<o.length;r++)n=o[r],u.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return u.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))})();let p=u.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,2364,9938,4781,5584,8227,2900,2050,6343,7582,9613,5323,9404],()=>u(3764));return p=u.O(p),p})());
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/style-map.js"),require("lit/directives/until.js"),require("mobx"));else if("function"==typeof define&&define.amd)define(["@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/if-defined.js","lit/directives/style-map.js","lit/directives/until.js","mobx"],t);else{var i="object"==typeof exports?t(require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/style-map.js"),require("lit/directives/until.js"),require("mobx")):t(e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/if-defined.js"],e["lit/directives/style-map.js"],e["lit/directives/until.js"],e.mobx);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,s,o,n,a,l)=>(()=>{"use strict";var c={2245(e,t,i){i.r(t),i.d(t,{Avatar:()=>r}),i(1821),i(1161),i(3477);var r,s=i(1618),o=i(9609),n=i(7154),a=i(4084),l=i(7161),c=i(429),p=i(5125),h=i(291),d=i(318),m=i(9756),u=i(4470),y=i(6325),v=function(e,t,i,r){var s,o=arguments.length,n=o<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--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends l.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.presenceAriaLabel="",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-chat-outbound":"chat-outbound-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-call-inbound":"incoming-call-legacy-filled","channel-callback":"outgoing-call-legacy-filled","channel-callback-v2":"outgoing-call-legacy-bold","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-facebook":"social-facebook-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","channel-monitoring":"monitoring-bold","channel-work-item":"custom-task-ind-regular","channel-custom-messaging":"chat-group-filled"}}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,y.A]}isPresenceType(e){return s.e.includes(e)}get presenceLabel(){if(this.presenceAriaLabel)return this.presenceAriaLabel;const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");return u.mS[e]||""}get computedAriaLabel(){const e=this.label||this.title,t=this.presenceLabel;return e&&t?`${e}, ${t}`:t||e||void 0}firstUpdated(){const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(e){const{presenceColor:t,presenceIcon:i}=(0,s.E)(e,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=i}}willUpdate(e){var t;null===(t=super.willUpdate)||void 0===t||t.call(this,e);const i=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(i&&(e.has("type")||e.has("presenceType")||e.has("newMomentum"))){const{presenceColor:e,presenceIcon:t}=(0,s.E)(i,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=t}}updated(e){super.updated(e),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,active:"active"===this.state})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum,active:"active"===this.state}}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 presenceSize(){return this.size<=24?10.5:this.size<=32?14:this.size<=48?13.94:this.size<=64?18.58:this.size<=72?20.9:this.size<=88?25.55:36}get iconSize(){return 24===this.size?"16":28===this.size?"18":32===this.size?"20":36===this.size?"22":40===this.size?"24":48===this.size?"28":56===this.size?"32":64===this.size?"36":72===this.size?"40":Math.round(this.size/1.7).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?l.html` <md-loading></md-loading> `:l.nothing}get avatarLetter(){return this.title?l.html`
|
|
2
2
|
<span class="md-avatar__letter ${(0,p.classMap)(this.avatarLetterClassMap)}">
|
|
3
3
|
${this.pretifyTitle}
|
|
4
4
|
<slot></slot>
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
</span>
|
|
15
15
|
`}get avatarImage(){return l.html`
|
|
16
16
|
${(0,m.until)(this.loadImage().then(e=>(this.handleImageLoad(),l.html` ${e} `)).catch(()=>this.handleImageError()),l.html` ${this.iconName?this.avatarIcon:this.title?l.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(s,
|
|
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(s,o){function n(e){try{l(r.next(e))}catch(e){o(e)}}function a(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,a)}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,n.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","social-facebook-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?l.html`
|
|
18
18
|
<md-presence
|
|
19
19
|
class="avatar-presence"
|
|
20
20
|
name="${this.presenceIcon}"
|
|
@@ -62,4 +62,4 @@
|
|
|
62
62
|
${this.hasNotification?l.html` <span class="md-avatar__notification-badge"></span> `:l.nothing}
|
|
63
63
|
${this.renderPresence()}
|
|
64
64
|
</div>
|
|
65
|
-
`}};v([(0,c.property)({type:Number,attribute:"tab-index",reflect:!0})],t.prototype,"tabIndex",null),v([(0,c.property)({type:String})],t.prototype,"alt",void 0),v([(0,c.property)({type:String})],t.prototype,"src",void 0),v([(0,c.property)({type:String})],t.prototype,"label",void 0),v([(0,c.property)({type:String})],t.prototype,"title",void 0),v([(0,c.property)({type:String})],t.prototype,"color",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"decrypting",void 0),v([(0,c.property)({type:String})],t.prototype,"role",void 0),v([(0,c.property)({type:String,attribute:"icon-name"})],t.prototype,"iconName",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"failurePresence",void 0),v([(0,c.property)({type:String})],t.prototype,"type",void 0),v([(0,c.property)({type:String,attribute:"presence-type"})],t.prototype,"presenceType",void 0),v([(0,c.property)({type:String,attribute:"presence-aria-label"})],t.prototype,"presenceAriaLabel",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"newMomentum",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"typing",void 0),v([(0,c.property)({type:Number})],t.prototype,"size",void 0),v([(0,c.property)({type:Boolean,attribute:"has-notification"})],t.prototype,"hasNotification",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"clickable",void 0),v([(0,c.property)({attribute:!1})],t.prototype,"clickFunction",void 0),v([(0,c.property)({type:String,attribute:"avatar-style"})],t.prototype,"avatarStyle",void 0),v([(0,c.property)({type:String})],t.prototype,"state",void 0),v([(0,c.state)()],t.prototype,"imageLoaded",void 0),v([(0,c.state)()],t.prototype,"imageErrored",void 0),v([(0,c.state)()],t.prototype,"presenceColor",void 0),v([(0,c.state)()],t.prototype,"presenceIcon",void 0),t=v([(0,
|
|
65
|
+
`}};v([(0,c.property)({type:Number,attribute:"tab-index",reflect:!0})],t.prototype,"tabIndex",null),v([(0,c.property)({type:String})],t.prototype,"alt",void 0),v([(0,c.property)({type:String})],t.prototype,"src",void 0),v([(0,c.property)({type:String})],t.prototype,"label",void 0),v([(0,c.property)({type:String})],t.prototype,"title",void 0),v([(0,c.property)({type:String})],t.prototype,"color",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"decrypting",void 0),v([(0,c.property)({type:String})],t.prototype,"role",void 0),v([(0,c.property)({type:String,attribute:"icon-name"})],t.prototype,"iconName",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"failurePresence",void 0),v([(0,c.property)({type:String})],t.prototype,"type",void 0),v([(0,c.property)({type:String,attribute:"presence-type"})],t.prototype,"presenceType",void 0),v([(0,c.property)({type:String,attribute:"presence-aria-label"})],t.prototype,"presenceAriaLabel",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"newMomentum",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"typing",void 0),v([(0,c.property)({type:Number})],t.prototype,"size",void 0),v([(0,c.property)({type:Boolean,attribute:"has-notification"})],t.prototype,"hasNotification",void 0),v([(0,c.property)({type:Boolean})],t.prototype,"clickable",void 0),v([(0,c.property)({attribute:!1})],t.prototype,"clickFunction",void 0),v([(0,c.property)({type:String,attribute:"avatar-style"})],t.prototype,"avatarStyle",void 0),v([(0,c.property)({type:String})],t.prototype,"state",void 0),v([(0,c.state)()],t.prototype,"imageLoaded",void 0),v([(0,c.state)()],t.prototype,"imageErrored",void 0),v([(0,c.state)()],t.prototype,"presenceColor",void 0),v([(0,c.state)()],t.prototype,"presenceIcon",void 0),t=v([(0,o.w)("md-avatar")],t),e.ELEMENT=t}(r||(r={}))},2022(t){t.exports=e},554(e){e.exports=t},7161(e){e.exports=i},429(e){e.exports=r},5125(e){e.exports=s},291(e){e.exports=o},318(e){e.exports=n},9756(e){e.exports=a},5314(e){e.exports=l}};const p={};function h(e){const t=p[e];if(void 0!==t)return t.exports;const i=p[e]={exports:{}};return c[e](i,i.exports,h),i.exports}h.m=c,(()=>{const e=[];h.O=(t,i,r,s)=>{if(i){s=s||0;for(var o=e.length;o>0&&e[o-1][2]>s;o--)e[o]=e[o-1];return void(e[o]=[i,r,s])}let n=1/0;for(o=0;o<e.length;o++){let[i,r,s]=e[o],l=!0;for(var a=0;a<i.length;a++)(!1&s||n>=s)&&Object.keys(h.O).every(e=>h.O[e](i[a]))?i.splice(a--,1):(l=!1,s<n&&(n=s));if(l){e.splice(o--,1);const i=r();void 0!==i&&(t=i)}}return t}})(),h.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{if(Array.isArray(t))for(var i=0;i<t.length;){var r=t[i++],s=t[i++];h.o(e,r)?0===s&&i++:0===s?Object.defineProperty(e,r,{enumerable:!0,value:t[i++]}):Object.defineProperty(e,r,{enumerable:!0,get:s})}else for(var r in t)h.o(t,r)&&!h.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={2245:0,8115:0};h.O.j=t=>0===e[t];const t=(t,i)=>{let[r,s,o]=i;var n,a,l=0;if(r.some(t=>0!==e[t])){for(n in s)h.o(s,n)&&(h.m[n]=s[n]);if(o)var c=o(h)}for(t&&t(i);l<r.length;l++)a=r[l],h.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return h.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))})();let d=h.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,6325,4449,1392,1618,378,9244],()=>h(2245));return d=h.O(d),d})());
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(t
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r)=>(()=>{"use strict";var o={7901(e,t,i){i.r(t),i.d(t,{Badge:()=>r});var r,o=i(9609),s=i(4084),l=i(7161),d=i(429),p=i(5125),n=i(291),a=i(4958),c=i(3543),h=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 d=e.length-1;d>=0;d--)(o=e[d])&&(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};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.circleSize=a.zj[40],this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?l.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-badge {
|
|
4
4
|
${this.renderBgColor()};
|
|
@@ -7,15 +7,15 @@
|
|
|
7
7
|
${this.renderWidth()};
|
|
8
8
|
}
|
|
9
9
|
</style>
|
|
10
|
-
`:
|
|
10
|
+
`:l.nothing}static get styles(){return[s.A,c.A]}get computedAriaHiddenSplits(){return"true"===this.ariaHiddenSplits||"false"!==this.ariaHiddenSplits&&void 0}get computedTabIndex(){const e=parseInt(this.tabIndexing);return isNaN(e)?void 0:e}render(){const e={"md-badge--circle":this.circle,[`md-badge--circle-${this.circleSize}`]:this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small||24===this.size,[`md-badge--size-${this.size}`]:!!this.size&&24!==this.size,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,[`md-badge--${this.color}`]:!this.disabled&&this.color};return l.html`
|
|
11
11
|
${this.getStyles()}
|
|
12
12
|
<span
|
|
13
13
|
tabindex=${(0,n.ifDefined)(this.computedTabIndex)}
|
|
14
14
|
part="badge"
|
|
15
|
-
class="md-badge ${(0,p.classMap)(
|
|
15
|
+
class="md-badge ${(0,p.classMap)(e)}"
|
|
16
16
|
aria-label=${this.ariaLabel}
|
|
17
17
|
>
|
|
18
|
-
${this.split?(()=>
|
|
18
|
+
${this.split?(()=>l.html`
|
|
19
19
|
<slot
|
|
20
20
|
aria-hidden=${(0,n.ifDefined)(this.computedAriaHiddenSplits)}
|
|
21
21
|
name="split-left"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
name="split-right"
|
|
28
28
|
class="split split-right"
|
|
29
29
|
></slot>
|
|
30
|
-
`)():
|
|
30
|
+
`)():l.nothing}
|
|
31
31
|
<slot></slot>
|
|
32
32
|
</span>
|
|
33
|
-
`}};
|
|
33
|
+
`}};h([(0,d.property)({type:String})],t.prototype,"ariaLabel",void 0),h([(0,d.property)({type:String})],t.prototype,"color",void 0),h([(0,d.property)({type:String})],t.prototype,"bgColor",void 0),h([(0,d.property)({type:String})],t.prototype,"textColor",void 0),h([(0,d.property)({type:String})],t.prototype,"height",void 0),h([(0,d.property)({type:String})],t.prototype,"width",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"outlined",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"compact",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"circle",void 0),h([(0,d.property)({type:Number,attribute:"circle-size"})],t.prototype,"circleSize",void 0),h([(0,d.property)({type:Number})],t.prototype,"size",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"small",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"split",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"disabled",void 0),h([(0,d.property)({type:String})],t.prototype,"tabIndexing",void 0),h([(0,d.property)({type:String})],t.prototype,"ariaHiddenSplits",void 0),t=h([(0,o.w)("md-badge")],t),e.ELEMENT=t}(r||(r={}))},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=i},291(e){e.exports=r}};const s={};function l(e){const t=s[e];if(void 0!==t)return t.exports;const i=s[e]={exports:{}};return o[e](i,i.exports,l),i.exports}l.m=o,(()=>{const e=[];l.O=(t,i,r,o)=>{if(i){o=o||0;for(var s=e.length;s>0&&e[s-1][2]>o;s--)e[s]=e[s-1];return void(e[s]=[i,r,o])}let d=1/0;for(s=0;s<e.length;s++){let[i,r,o]=e[s],n=!0;for(var p=0;p<i.length;p++)(!1&o||d>=o)&&Object.keys(l.O).every(e=>l.O[e](i[p]))?i.splice(p--,1):(n=!1,o<d&&(d=o));if(n){e.splice(s--,1);const i=r();void 0!==i&&(t=i)}}return t}})(),l.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{if(Array.isArray(t))for(var i=0;i<t.length;){var r=t[i++],o=t[i++];l.o(e,r)?0===o&&i++:0===o?Object.defineProperty(e,r,{enumerable:!0,value:t[i++]}):Object.defineProperty(e,r,{enumerable:!0,get:o})}else for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={8111:0};l.O.j=t=>0===e[t];const t=(t,i)=>{let[r,o,s]=i;var d,p,n=0;if(r.some(t=>0!==e[t])){for(d in o)l.o(o,d)&&(l.m[d]=o[d]);if(s)var a=s(l)}for(t&&t(i);n<r.length;n++)p=r[n],l.o(e,p)&&e[p]&&e[p][0](),e[p]=0;return l.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))})();let d=l.O(void 0,[9609,4084,3543,4958],()=>l(7901));return d=l.O(d),d})());
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
!function(e,
|
|
2
|
-
<nav aria-label="${(0,
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"),require("lit/directives/repeat.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/if-defined.js","lit/directives/repeat.js"],t);else{var r="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"),require("lit/directives/repeat.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/if-defined.js"],e["lit/directives/repeat.js"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,(e,t,r,i)=>(()=>{"use strict";var o={3445(e,t,r){r.r(t),r.d(t,{Breadcrumb:()=>i});var i,o=r(9609),s=r(4084),n=r(7161),l=r(429),a=r(291),c=r(8175),d=r(9485),u=function(e,t,r,i){var o,s=arguments.length,n=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(s<3?o(n):s>3?o(t,r,n):o(t,r))||n);return s>3&&n&&Object.defineProperty(t,r,n),n};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[s.A,d.A]}setLastAnchorCurrent(){var e;(null===(e=this.anchors)||void 0===e?void 0:e.length)&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(e){super.firstUpdated(e),this.setLastAnchorCurrent()}update(e){super.update(e),e.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(e){var t;const r=e.target;if(null===(t=this.anchors)||void 0===t?void 0:t.length){const e=Array.from(this.anchors).indexOf(r);-1!==e&&(this.navCrumbs=[...this.navCrumbs.splice(0,e+1)])}}render(){return n.html`
|
|
2
|
+
<nav aria-label="${(0,a.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
|
|
3
3
|
<ul @click=${e=>this.handleClick(e)}>
|
|
4
|
-
${(0,
|
|
4
|
+
${(0,c.repeat)(this.navCrumbs,e=>e.link,e=>n.html`
|
|
5
5
|
<li>
|
|
6
6
|
<a href="${e.link}"> ${e.label} </a>
|
|
7
7
|
</li>
|
|
8
8
|
`)}
|
|
9
9
|
</ul>
|
|
10
10
|
</nav>
|
|
11
|
-
`}};u([(0,
|
|
11
|
+
`}};u([(0,l.property)({type:String,attribute:"aria-label"})],t.prototype,"label",void 0),u([(0,l.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],t.prototype,"navCrumbs",void 0),u([(0,l.queryAll)("a[href]")],t.prototype,"anchors",void 0),t=u([(0,o.w)("md-breadcrumb")],t),e.ELEMENT=t}(i||(i={}))},7161(t){t.exports=e},429(e){e.exports=t},291(e){e.exports=r},8175(e){e.exports=i}};const s={};function n(e){const t=s[e];if(void 0!==t)return t.exports;const r=s[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.m=o,(()=>{const e=[];n.O=(t,r,i,o)=>{if(r){o=o||0;for(var s=e.length;s>0&&e[s-1][2]>o;s--)e[s]=e[s-1];return void(e[s]=[r,i,o])}let l=1/0;for(s=0;s<e.length;s++){let[r,i,o]=e[s],c=!0;for(var a=0;a<r.length;a++)(!1&o||l>=o)&&Object.keys(n.O).every(e=>n.O[e](r[a]))?r.splice(a--,1):(c=!1,o<l&&(l=o));if(c){e.splice(s--,1);const r=i();void 0!==r&&(t=r)}}return t}})(),n.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var i=t[r++],o=t[r++];n.o(e,i)?0===o&&r++:0===o?Object.defineProperty(e,i,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,i,{enumerable:!0,get:o})}else for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={555:0};n.O.j=t=>0===e[t];const t=(t,r)=>{let[i,o,s]=r;var l,a,c=0;if(i.some(t=>0!==e[t])){for(l in o)n.o(o,l)&&(n.m[l]=o[l]);if(s)var d=s(n)}for(t&&t(r);c<i.length;c++)a=i[c],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return n.O(d)},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))})();let l=n.O(void 0,[9609,4084,9485],()=>n(3445));return l=n.O(l),l})());
|
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/
|
|
1
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/style-map.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/if-defined.js","lit/directives/style-map.js"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js"),require("lit/directives/style-map.js")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/if-defined.js"],t["lit/directives/style-map.js"]);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o,r)=>(()=>{"use strict";var a={5983(t,e,i){i.r(e),i.d(e,{Button:()=>o});var o,r=i(6616),a=(i(9773),i(9609)),s=i(7154),n=i(4084),d=i(7161),l=i(429),p=i(5125),h=i(291),c=i(680),y=function(t,e,i,o){var r,a=arguments.length,s=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(s=(a<3?r(s):a>3?r(e,i,s):r(e,i))||s);return a>3&&s&&Object.defineProperty(e,i,s),s};!function(t){let e=class extends d.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.autofocus=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:d.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:d.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return d.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-button--${this.size} {
|
|
4
4
|
${this.renderWidth()};
|
|
5
5
|
${this.renderMaxWidth()};
|
|
6
6
|
}
|
|
7
7
|
</style>
|
|
8
|
-
`},this.iconTemplate=()=>this.loading?
|
|
8
|
+
`},this.iconTemplate=()=>this.loading?d.html` <md-spinner size="16"></md-spinner> `:d.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?d.nothing:d.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)}firstUpdated(t){super.firstUpdated(t),this.autofocus&&requestAnimationFrame(()=>{this.manageAutoFocus()})}manageAutoFocus(t){(null!=t?t:this).focus()}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}blur(){var t;null===(t=this.button)||void 0===t||t.blur()}handleKeyDown(t){if(this.disabled)return;const{code:e}=t;(0,s.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[n.A,c.A,r.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 d.html`
|
|
9
9
|
<span part="button-children" class="md-button__children">
|
|
10
10
|
${this.iconTemplate()} ${this.textTemplate()}
|
|
11
11
|
<slot></slot>
|
|
12
12
|
</span>
|
|
13
13
|
<slot name="notification"></slot>
|
|
14
|
-
`}get computedAriaExpand(){return"true"===this.ariaExpanded?"true":"false"===this.ariaExpanded?"false":void 0}buttonTemplate(t){return"button"===t?
|
|
14
|
+
`}get computedAriaExpand(){return"true"===this.ariaExpanded?"true":"false"===this.ariaExpanded?"false":void 0}buttonTemplate(t){return"button"===t?d.html`
|
|
15
15
|
<button
|
|
16
16
|
part="button"
|
|
17
17
|
id=${this.id}
|
|
18
|
-
class="md-button ${(0,
|
|
18
|
+
class="md-button ${(0,p.classMap)(this.buttonClassMap)}"
|
|
19
19
|
@click=${t=>this.handleClick(t)}
|
|
20
20
|
@keydown=${t=>this.handleKeyDown(t)}
|
|
21
|
-
tabindex=${(0,
|
|
22
|
-
aria-label=${(0,
|
|
23
|
-
aria-labelledby=${(0,
|
|
24
|
-
aria-live=${(0,
|
|
25
|
-
aria-expanded=${(0,
|
|
26
|
-
aria-haspopup=${(0,
|
|
27
|
-
aria-pressed=${(0,
|
|
28
|
-
aria-disabled=${(0,
|
|
29
|
-
aria-describedby=${(0,
|
|
21
|
+
tabindex=${(0,h.ifDefined)(this.tabIndex||void 0)}
|
|
22
|
+
aria-label=${(0,h.ifDefined)(this.ariaLabel||void 0)}
|
|
23
|
+
aria-labelledby=${(0,h.ifDefined)(this.ariaLabelledBy||void 0)}
|
|
24
|
+
aria-live=${(0,h.ifDefined)(this.ariaLive||void 0)}
|
|
25
|
+
aria-expanded=${(0,h.ifDefined)(this.computedAriaExpand)}
|
|
26
|
+
aria-haspopup=${(0,h.ifDefined)("false"===this.ariaHaspopup?void 0:this.ariaHaspopup)}
|
|
27
|
+
aria-pressed=${(0,h.ifDefined)(this.ariaPressed||void 0)}
|
|
28
|
+
aria-disabled=${(0,h.ifDefined)(this.disabled||this.loading||void 0)}
|
|
29
|
+
aria-describedby=${(0,h.ifDefined)(this.ariaDescribedBy||void 0)}
|
|
30
30
|
type=${this.type}
|
|
31
|
-
role=${(0,
|
|
31
|
+
role=${(0,h.ifDefined)("button"===this.role?void 0:this.role)}
|
|
32
32
|
>
|
|
33
33
|
${this.childrenTemplate()}
|
|
34
34
|
</button>
|
|
35
|
-
`:"input"===t?
|
|
35
|
+
`:"input"===t?d.html`
|
|
36
36
|
<input
|
|
37
37
|
part="button"
|
|
38
38
|
id=${this.id}
|
|
39
|
-
class="md-button ${(0,
|
|
39
|
+
class="md-button ${(0,p.classMap)(this.buttonClassMap)}"
|
|
40
40
|
@click=${t=>this.handleClick(t)}
|
|
41
41
|
@keydown=${t=>this.handleKeyDown(t)}
|
|
42
42
|
role=${this.role}
|
|
43
|
-
tabindex=${(0,
|
|
43
|
+
tabindex=${(0,h.ifDefined)(this.tabIndex||void 0)}
|
|
44
44
|
aria-pressed=${"true"===this.ariaPressed}
|
|
45
|
-
aria-label=${(0,
|
|
46
|
-
aria-labelledby=${(0,
|
|
47
|
-
aria-live=${(0,
|
|
45
|
+
aria-label=${(0,h.ifDefined)(this.ariaLabel||void 0)}
|
|
46
|
+
aria-labelledby=${(0,h.ifDefined)(this.ariaLabelledBy||void 0)}
|
|
47
|
+
aria-live=${(0,h.ifDefined)(this.ariaLive||void 0)}
|
|
48
48
|
type=${this.type}
|
|
49
49
|
alt=${this.label}
|
|
50
50
|
value=${this.value}
|
|
51
|
-
aria-disabled=${(0,
|
|
51
|
+
aria-disabled=${(0,h.ifDefined)(this.disabled||this.loading||void 0)}
|
|
52
52
|
/>
|
|
53
|
-
`:"a"===t?
|
|
53
|
+
`:"a"===t?d.html`
|
|
54
54
|
<a
|
|
55
55
|
part="button"
|
|
56
56
|
id=${this.id}
|
|
57
|
-
class="md-button ${(0,
|
|
57
|
+
class="md-button ${(0,p.classMap)(this.buttonClassMap)}"
|
|
58
58
|
@click=${t=>this.handleClick(t)}
|
|
59
59
|
@keydown=${t=>this.handleKeyDown(t)}
|
|
60
60
|
role=${this.role}
|
|
61
|
-
tabindex=${(0,
|
|
61
|
+
tabindex=${(0,h.ifDefined)(this.tabIndex||void 0)}
|
|
62
62
|
aria-pressed=${"true"===this.ariaPressed?"true":"false"}
|
|
63
|
-
aria-label=${(0,
|
|
64
|
-
aria-labelledby=${(0,
|
|
65
|
-
aria-live=${(0,
|
|
66
|
-
aria-disabled=${(0,
|
|
63
|
+
aria-label=${(0,h.ifDefined)(this.ariaLabel||void 0)}
|
|
64
|
+
aria-labelledby=${(0,h.ifDefined)(this.ariaLabelledBy||void 0)}
|
|
65
|
+
aria-live=${(0,h.ifDefined)(this.ariaLive||void 0)}
|
|
66
|
+
aria-disabled=${(0,h.ifDefined)(this.disabled||this.loading||void 0)}
|
|
67
67
|
href=${this.href}
|
|
68
68
|
>
|
|
69
69
|
${this.childrenTemplate()}
|
|
70
70
|
</a>
|
|
71
|
-
`:
|
|
71
|
+
`:d.nothing}get buttonContainerClassMap(){return{"md-button__container":this.containerLarge,"md-button__container--small":!this.containerLarge}}render(){return d.html`
|
|
72
72
|
${this.getStyles()}
|
|
73
|
-
${this.label?
|
|
74
|
-
<div part="button-container" class=${(0,
|
|
73
|
+
${this.label?d.html`
|
|
74
|
+
<div part="button-container" class=${(0,p.classMap)(this.buttonContainerClassMap)}>
|
|
75
75
|
${this.buttonTemplate(this.tag)}
|
|
76
76
|
<div part="button-label" class="md-button__label">${this.label}</div>
|
|
77
77
|
</div>
|
|
78
|
-
`:
|
|
79
|
-
`}};
|
|
78
|
+
`:d.html` ${this.buttonTemplate(this.tag)} `}
|
|
79
|
+
`}};y([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"active",null),y([(0,l.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),y([(0,l.property)({type:String})],e.prototype,"ariaLabel",void 0),y([(0,l.property)({type:String})],e.prototype,"ariaLabelledBy",void 0),y([(0,l.property)({type:String})],e.prototype,"ariaLive",void 0),y([(0,l.property)({type:String})],e.prototype,"ariaExpanded",void 0),y([(0,l.property)({type:String})],e.prototype,"ariaHaspopup",void 0),y([(0,l.property)({type:String})],e.prototype,"ariaPressed",void 0),y([(0,l.property)({type:Boolean})],e.prototype,"circle",void 0),y([(0,l.property)({type:Boolean})],e.prototype,"rounded",void 0),y([(0,l.property)({type:String})],e.prototype,"color",void 0),y([(0,l.property)({type:Boolean})],e.prototype,"containerLarge",void 0),y([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),y([(0,l.property)({type:String})],e.prototype,"href",void 0),y([(0,l.property)({type:String})],e.prototype,"id",void 0),y([(0,l.property)({type:String})],e.prototype,"value",void 0),y([(0,l.property)({type:String})],e.prototype,"keyboardKey",void 0),y([(0,l.property)({type:String})],e.prototype,"label",void 0),y([(0,l.property)({type:Boolean})],e.prototype,"loading",void 0),y([(0,l.property)({type:Boolean})],e.prototype,"outline",void 0),y([(0,l.property)({type:Boolean})],e.prototype,"hasRemoveStyle",void 0),y([(0,l.property)({type:String})],e.prototype,"size",void 0),y([(0,l.property)({type:String})],e.prototype,"tag",void 0),y([(0,l.property)({type:String})],e.prototype,"type",void 0),y([(0,l.property)({type:String})],e.prototype,"role",void 0),y([(0,l.property)({type:String})],e.prototype,"variant",void 0),y([(0,l.property)({type:String})],e.prototype,"width",void 0),y([(0,l.property)({type:String})],e.prototype,"maxWidth",void 0),y([(0,l.property)({type:String})],e.prototype,"activityType",void 0),y([(0,l.property)({type:Boolean})],e.prototype,"iconActive",void 0),y([(0,l.property)({type:Boolean})],e.prototype,"isActive",void 0),y([(0,l.property)({type:String,attribute:"aria-describedby"})],e.prototype,"ariaDescribedBy",void 0),y([(0,l.property)({attribute:!1})],e.prototype,"clickFunction",void 0),y([(0,l.property)({type:Boolean,attribute:"is-placeholder-text"})],e.prototype,"isPlaceholderText",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),y([(0,l.query)(".md-button")],e.prototype,"button",void 0),e=y([(0,a.w)("md-button")],e),t.ELEMENT=e}(o||(o={})),i.d(e,["buttonAriaLive",0,["","off","polite","assertive"],"buttonColor",0,["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],"buttonRoles",0,["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],"buttonSize",0,["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],"buttonTag",0,["button","input","a"],"buttonType",0,["button","reset","submit"],"buttonVariant",0,["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","inverted-ghost","dropdown","secondary-negative","secondary-positive","secondary-accent"]])},7161(e){e.exports=t},429(t){t.exports=e},5125(t){t.exports=i},291(t){t.exports=o},318(t){t.exports=r}};const s={};function n(t){const e=s[t];if(void 0!==e)return e.exports;const i=s[t]={exports:{}};return a[t](i,i.exports,n),i.exports}n.m=a,(()=>{const t=[];n.O=(e,i,o,r)=>{if(i){r=r||0;for(var a=t.length;a>0&&t[a-1][2]>r;a--)t[a]=t[a-1];return void(t[a]=[i,o,r])}let s=1/0;for(a=0;a<t.length;a++){let[i,o,r]=t[a],l=!0;for(var d=0;d<i.length;d++)(!1&r||s>=r)&&Object.keys(n.O).every(t=>n.O[t](i[d]))?i.splice(d--,1):(l=!1,r<s&&(s=r));if(l){t.splice(a--,1);const i=o();void 0!==i&&(e=i)}}return e}})(),n.n=t=>{const e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{if(Array.isArray(e))for(var i=0;i<e.length;){var o=e[i++],r=e[i++];n.o(t,o)?0===r&&i++:0===r?Object.defineProperty(t,o,{enumerable:!0,value:e[i++]}):Object.defineProperty(t,o,{enumerable:!0,get:r})}else for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{const t={5156:0,5983:0};n.O.j=e=>0===t[e];const e=(e,i)=>{let[o,r,a]=i;var s,d,l=0;if(o.some(e=>0!==t[e])){for(s in r)n.o(r,s)&&(n.m[s]=r[s]);if(a)var p=a(n)}for(e&&e(i);l<o.length;l++)d=o[l],n.o(t,d)&&t[d]&&t[d][0](),t[d]=0;return n.O(p)},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))})();let d=n.O(void 0,[9609,4084,3305,4739,7154,9773,519],()=>n(5983));return d=n.O(d),d})());
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js"],t);else{var s="object"==typeof exports?t(require("lit"),require("lit/decorators.js")):t(e.lit,e["lit/decorators.js"]);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,(e,t)=>(()=>{"use strict";var s
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js"],t);else{var s="object"==typeof exports?t(require("lit"),require("lit/decorators.js")):t(e.lit,e["lit/decorators.js"]);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,(e,t)=>(()=>{"use strict";var s={2890(e,t,s){s.r(t),s.d(t,{ButtonGroup:()=>i});var i,o=s(2900),r=s(7704),n=s(4084),l=s(7161),d=s(429),c=s(2670),a=function(e,t,s,i){var o,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,s,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(r<3?o(n):r>3?o(t,s,n):o(t,s))||n);return r>3&&n&&Object.defineProperty(t,s,n),n};!function(e){let t=class extends((0,r.TS)((0,r.yC)(l.LitElement))){constructor(){super(...arguments),this.active=0,this.tabIndex=0,this.newMomentum=!1,this._disabled=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",`${e}`),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get slotElement(){return this.buttonSlot}static get styles(){return[n.A,c.A]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","group")}setButtonTabIndex(){this.slotted.forEach(e=>e.tabIndex=-1)}updated(e){super.updated(e),e.has("slotted")&&(this.setButtonTabIndex(),this.setFirstActive())}get selectedBtnValue(){return this.slotted[this.active].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("button-group-change",{detail:{selected:this.selectedBtnValue},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}setSelected(e){var t,s;const i=this.findSelectedBtnIndex();-1!==i&&i!==e&&(null===(t=this.slotted[i])||void 0===t||t.toggleAttribute("selected",!1)),null===(s=this.slotted[e])||void 0===s||s.toggleAttribute("selected",!0)}setFirstActive(){-1===this.findSelectedBtnIndex()&&this.setSelected(this.active)}findBtnIndex(e){const t=e.composedPath();return this.slotted.findIndex(e=>t.includes(e))}findSelectedBtnIndex(){return this.slotted.findIndex(e=>e.hasAttribute("selected"))}isBtnDisabled(e){return this.slotted[e].disabled}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}switchBtnOnArrowPress(e,t=1){const s=this.getAvailableSelectedIndex(e,t);-1!==s&&(this.active=s,this.setSelected(s),this.notifySelectedChange())}getAvailableSelectedIndex(e,t=1){const s=this.slotted.length;for(let i=0,o=e;i<s;i+=1,o+=t){o<0?o=s-1:o>=s&&(o=0);const e=this.slotted[o];if(this.isFocusable(e))return o}return-1}isFocusable(e){return!e.hasAttribute("disabled")&&!e.hasAttribute("hidden")}handleClick(e){const t=this.findBtnIndex(e);-1!==t&&(this.isBtnDisabled(t)||(this.active=t,this.setSelected(t),this.notifySelectedChange()))}handleKeyDown(e){const{code:t}=e;switch(t){case o.Uz.Enter:case o.Uz.Space:this.isBtnDisabled(this.active)||(this.setSelected(this.active),this.notifySelectedChange());break;case o.Uz.ArrowLeft:0===this.active?this.switchBtnOnArrowPress(this.slotted.length-1,-1):this.switchBtnOnArrowPress(this.active-1,-1);break;case o.Uz.ArrowRight:this.active===this.slotted.length-1?this.switchBtnOnArrowPress(0):this.switchBtnOnArrowPress(this.active+1)}}render(){return l.html`
|
|
2
2
|
<div role="group" class="md-button-group" part="button-group">
|
|
3
3
|
<slot name="button"></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}};
|
|
5
|
+
`}};a([(0,d.property)({type:Number,reflect:!0})],t.prototype,"active",void 0),a([(0,d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),a([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"newMomentum",void 0),a([(0,d.query)("slot[name='button']")],t.prototype,"buttonSlot",void 0),a([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),t=a([(0,r.wW)("md-button-group")],t),e.ELEMENT=t}(i||(i={}))},7704(e,t,s){s.d(t,{TS:()=>o.T,wW:()=>r.w,yC:()=>i.y}),s(2364);var i=s(3203),o=(s(9938),s(5201),s(4781),s(608)),r=s(9609)},7161(t){t.exports=e},429(e){e.exports=t}};const i={};function o(e){const t=i[e];if(void 0!==t)return t.exports;const r=i[e]={exports:{}};return s[e](r,r.exports,o),r.exports}o.m=s,(()=>{const e=[];o.O=(t,s,i,r)=>{if(s){r=r||0;for(var n=e.length;n>0&&e[n-1][2]>r;n--)e[n]=e[n-1];return void(e[n]=[s,i,r])}let l=1/0;for(n=0;n<e.length;n++){let[s,i,r]=e[n],c=!0;for(var d=0;d<s.length;d++)(!1&r||l>=r)&&Object.keys(o.O).every(e=>o.O[e](s[d]))?s.splice(d--,1):(c=!1,r<l&&(l=r));if(c){e.splice(n--,1);const s=i();void 0!==s&&(t=s)}}return t}})(),o.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{if(Array.isArray(t))for(var s=0;s<t.length;){var i=t[s++],r=t[s++];o.o(e,i)?0===r&&s++:0===r?Object.defineProperty(e,i,{enumerable:!0,value:t[s++]}):Object.defineProperty(e,i,{enumerable:!0,get:r})}else for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={561:0,2942:0,5310:0,5323:0,7704:0,8180:0};o.O.j=t=>0===e[t];const t=(t,s)=>{let[i,r,n]=s;var l,d,c=0;if(i.some(t=>0!==e[t])){for(l in r)o.o(r,l)&&(o.m[l]=r[l]);if(n)var a=n(o)}for(t&&t(s);c<i.length;c++)d=i[c],o.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return o.O(a)},s=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))})();let r=o.O(void 0,[9609,4084,2364,9938,4781,5584,5201,2900,608,2670],()=>o(2890));return r=o.O(r),r})());
|