@momentum-ui/web-components 2.7.35 → 2.7.36
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/chunks/md-48.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{104:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));var o,l=r(4),i=r(5),a=r(0),n=r(2),s=r(3),c=(r(17),r(15),a.css`:host{--alert-icon-size:var(--alert-default-icon-size, $lm-alert-default-icon-size-light);--alert-close-btn:var(--alert-close-bg-color, $lm-alert-close-bg-color-light)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color,#fff);border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size,24px)!important;line-height:var(--alert-default-icon-size,24px)!important}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-left:.75rem;padding-right:.125rem;align-self:center}.md-alert__title{overflow:hidden;text-overflow:ellipsis;
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{104:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));var o,l=r(4),i=r(5),a=r(0),n=r(2),s=r(3),c=(r(17),r(15),a.css`:host{--alert-icon-size:var(--alert-default-icon-size, $lm-alert-default-icon-size-light);--alert-close-btn:var(--alert-close-bg-color, $lm-alert-close-bg-color-light)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color,#fff);border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size,24px)!important;line-height:var(--alert-default-icon-size,24px)!important}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-left:.75rem;padding-right:.125rem;align-self:center}.md-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color,#121212);font-size:var(--alert-title-font-size,1rem);line-height:1.5rem;width:100%}.md-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--alert-default-text-color,#545454);font-family:"CiscoSansTT Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.35;width:100%;word-wrap:break-word}.md-alert__button{margin-left:.25rem;align-self:center}.md-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color,#fff);border-radius:50%;display:inline-flex;height:var(--alert-close-size,1rem);justify-content:center;width:var(--alert-close-size,1rem)}.md-alert__button md-icon::part(icon){color:var(--alert-close-text-color,#121212)}.md-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}`),d=function(e,t,r,o){var l,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(a=(i<3?l(a):i>3?l(t,r,a):l(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.closable=!1,this.message="",this.show=!1,this.internalClose=!0,this.title="",this.btnlabel="Close",this.type="default",this.inline=!1,this.renderIconTemplate=()=>{switch(this.type){case"error":return a.html`
|
|
2
2
|
<md-icon name="icon-warning_32" color="red"></md-icon>
|
|
3
3
|
`;case"info":return a.html`
|
|
4
4
|
<md-icon name="info_32" color="blue"></md-icon>
|
package/dist/chunks/md-49.js
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{105:function(e,t,i){"use strict";i.r(t),i.d(t,"playbackSpeeds",(function(){return
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{105:function(e,t,i){"use strict";i.r(t),i.d(t,"playbackSpeeds",(function(){return u})),i.d(t,"defaultLabelMap",(function(){return c})),i.d(t,"AudioPlayer",(function(){return m}));var o=i(5),a=i(0),l=i(3),s=a.css`:host(md-audio-player){display:block}.md-audio-player{background:var(--audio-player-background-body,#ededed);box-shadow:inset 0 0 1.25rem rgba(176,176,176,.25);border-radius:1.875rem;height:3.75rem;color:var(--audio-player-font-color,#121212);flex-direction:column;justify-content:center;display:flex;padding:0 1.25rem;font-size:14px}.inner-container{display:flex;gap:.625rem;align-items:center;justify-items:center}.timeline-container{flex:1}.timeline-container md-tooltip{display:unset}md-button::part(button){vertical-align:text-bottom}md-button::part(button):focus::after{outline:0;box-shadow:none}md-button::part(button):focus-visible{box-shadow:0 0 0 .125rem var(--aido-player-focus-ring-color,#007aa3)}.timeline{background:var(--audio-player-background-timeline,#ccc);cursor:pointer;height:.375rem;width:100%;border-radius:.25rem}.progress-bar{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:0;transition:.25s;border-radius:.25rem}.text-container{display:flex;justify-content:space-between}.play-btn{cursor:pointer}.play-btn md-icon{vertical-align:sub}.volume-container{height:1.75rem;border-radius:1.875rem;display:flex;align-items:center;justify-content:center;transition:.25s}.volume-container md-icon{cursor:pointer}.volume-container:hover{background:var(--audio-player-background-body,#ededed);box-shadow:inset 0 0 1.25rem rgba(176,176,176,.25);padding:0 .9375rem}.volume-container:hover .volume{width:5rem;margin-right:.625rem}.volume{cursor:pointer;height:.375rem;width:0;overflow:hidden;border-radius:.625rem;transition:.25s;background:var(--audio-player-background-timeline,#ccc)}.volume-slider{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:24%}.speed-icon-container{position:relative}#speed-btn{cursor:pointer}.speed-popup{display:none;position:absolute;z-index:1;bottom:-.375rem;right:4.75rem;height:100%;width:100%;justify-content:center;align-items:flex-end}.speed-popup.popup-open{display:flex}.speed-popup ul{list-style:none;padding:.375rem 0;text-align:left;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--audio-player-background-speed-popup,#fff);box-shadow:0 .25rem .5rem rgba(0,0,0,.2),0 0 .0625rem rgba(0,0,0,.12);border-radius:.5rem}.speed-popup ul li{padding:.125rem .75rem .125rem .75rem;color:var(--audio-player-font-color,#121212);width:10rem;height:1.875rem;cursor:pointer;transition:background .1s ease;display:inline-flex;justify-content:space-between;align-items:center}.speed-popup ul li:hover{background:var(--audio-player-background-speed-popup-hover,#f7f7f7)}`,n=i(4),r=i(2),d=i(1),p=function(e,t,i,o){var a,l=arguments.length,s=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(l<3?a(s):l>3?a(t,i,s):a(t,i))||s);return l>3&&s&&Object.defineProperty(t,i,s),s};const u=[{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 a.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.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 d.b.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case d.b.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1)}},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}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?this.audio.play():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}setVolume(e){const t=this.getBarPercentage(e,"volume");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.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[n.a,s]}render(){return a.html`
|
|
2
2
|
<div class="md-audio-player">
|
|
3
3
|
<div class="inner-container">
|
|
4
4
|
<div class="play-container">
|
|
5
|
-
<md-tooltip
|
|
5
|
+
<md-tooltip
|
|
6
|
+
placement="top"
|
|
7
|
+
message="${this.isPlaying?this.labelMap.pauseBtn.tooltipText:this.labelMap.playBtn.tooltipText}"
|
|
8
|
+
>
|
|
6
9
|
<md-button
|
|
7
10
|
hasRemoveStyle
|
|
8
11
|
class="play-btn"
|
|
9
12
|
@click="${this.togglePlay}"
|
|
10
|
-
aria-label="${this.labelMap.playBtn.ariaLabel}"
|
|
13
|
+
aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
|
|
11
14
|
>
|
|
12
15
|
${this.isPlaying?a.html`
|
|
13
16
|
<md-icon slot="icon" name="icon-pause_16"></md-icon>
|
|
@@ -68,14 +71,14 @@
|
|
|
68
71
|
<md-icon slot="icon" name="icon-too-fast_16"></md-icon>
|
|
69
72
|
</md-button>
|
|
70
73
|
</md-tooltip>
|
|
71
|
-
<div class="speed-popup ${Object(
|
|
74
|
+
<div class="speed-popup ${Object(l.classMap)(this.popupClassMap)}">
|
|
72
75
|
<ul id="speed-popup-menu">
|
|
73
|
-
${
|
|
76
|
+
${u.map(e=>a.html`
|
|
74
77
|
<li @click="${()=>this.setPlaybackSpeed(e.value)}">
|
|
75
78
|
<span>${e.label}</span>
|
|
76
79
|
${this.playbackSpeed==e.value?a.html`
|
|
77
80
|
<md-icon slot="icon" color="md-blue-60" name="icon-check_16"></md-icon>
|
|
78
|
-
`:
|
|
81
|
+
`:r.nothing}
|
|
79
82
|
</li>
|
|
80
83
|
`)}
|
|
81
84
|
</ul>
|
|
@@ -83,4 +86,4 @@
|
|
|
83
86
|
</div>
|
|
84
87
|
</div>
|
|
85
88
|
</div>
|
|
86
|
-
`}};
|
|
89
|
+
`}};p([Object(a.property)({type:String})],t.prototype,"src",void 0),p([Object(a.property)({type:Object})],t.prototype,"labelMap",void 0),p([Object(a.internalProperty)()],t.prototype,"events",void 0),p([Object(a.internalProperty)()],t.prototype,"audio",void 0),p([Object(a.internalProperty)()],t.prototype,"isPlaying",void 0),p([Object(a.internalProperty)()],t.prototype,"isMuted",void 0),p([Object(a.internalProperty)()],t.prototype,"duration",void 0),p([Object(a.internalProperty)()],t.prototype,"volume",void 0),p([Object(a.internalProperty)()],t.prototype,"currentTime",void 0),p([Object(a.internalProperty)()],t.prototype,"showSpeedPopup",void 0),p([Object(a.internalProperty)()],t.prototype,"playbackSpeed",void 0),p([Object(a.internalProperty)()],t.prototype,"volumeExpanded",void 0),t=p([Object(o.a)("md-audio-player")],t),e.ELEMENT=t}(m||(m={}))}}]);
|
|
@@ -20,6 +20,7 @@ export type Label = {
|
|
|
20
20
|
};
|
|
21
21
|
export type LabelMap = {
|
|
22
22
|
playBtn: Label;
|
|
23
|
+
pauseBtn: Label;
|
|
23
24
|
duration: Label;
|
|
24
25
|
timeline: Label;
|
|
25
26
|
volumeBtn: Label;
|
|
@@ -31,6 +32,10 @@ export declare const defaultLabelMap: {
|
|
|
31
32
|
ariaLabel: string;
|
|
32
33
|
tooltipText: string;
|
|
33
34
|
};
|
|
35
|
+
pauseBtn: {
|
|
36
|
+
ariaLabel: string;
|
|
37
|
+
tooltipText: string;
|
|
38
|
+
};
|
|
34
39
|
duration: {
|
|
35
40
|
ariaLabel: string;
|
|
36
41
|
tooltipText: string;
|
|
@@ -160,7 +160,7 @@ export declare namespace ComboBox {
|
|
|
160
160
|
checkForVirtualScroll(): boolean;
|
|
161
161
|
rangeChanged(): void;
|
|
162
162
|
getCustomErrorContent(): DocumentFragment;
|
|
163
|
-
getCustomContent(option: string | OptionMember):
|
|
163
|
+
getCustomContent(option: string | OptionMember): import("lit-element").TemplateResult | DocumentFragment;
|
|
164
164
|
renderGroupLabelHeader(option: OptionMember, optionIndex: number): import("lit-element").TemplateResult;
|
|
165
165
|
renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
|
|
166
166
|
highlightingSearchedText(option: OptionMember | string): import("lit-element").TemplateResult[];
|
|
@@ -36,7 +36,7 @@ export declare namespace TimePicker {
|
|
|
36
36
|
handleTimeBlur(event: CustomEvent, unit: TimePicker.TimeUnit): void;
|
|
37
37
|
static get styles(): import("lit-element").CSSResult[];
|
|
38
38
|
formatTimeUnit: (unit: TimePicker.TimeUnit) => void;
|
|
39
|
-
messageType: (isValid: boolean) => "
|
|
39
|
+
messageType: (isValid: boolean) => "" | "error";
|
|
40
40
|
generateTimeBox: (unit: TimePicker.TimeUnit) => import("lit-element").TemplateResult;
|
|
41
41
|
generateAmPmComboBox: () => import("lit-element").TemplateResult;
|
|
42
42
|
render(): import("lit-element").TemplateResult;
|