@momentum-ui/web-components 2.13.8 → 2.13.10

package/dist/chunks/md-47.js

@@ -1,20 +1,13 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{104:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));var n,a=t(1),o=t(5),l=t(6),c=t(0),s=t(13),d=(t(18),t(15),c.css`.md-alert-banner{padding:.75rem;position:relative;text-align:center;border-radius:var(--alert-banner-border-radius);font-family:var(--brand-font-regular);font-weight:var(--brand-font-weight-regular)}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color,#c9f4ff);color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color,#ffecc2);color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color,#ffe8e3);color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color,#c9f4ff);color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner__text{font-size:var(--body-primary-font-size,.875rem);padding:0 1.75rem;text-align:center}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__close{cursor:pointer;height:1rem;position:absolute;right:1rem;top:.75rem;width:1rem}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`),i=function(e,r,t,n){var a,o=arguments.length,l=o<3?r:null===n?n=Object.getOwnPropertyDescriptor(r,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(l=(o<3?a(l):o>3?a(r,t,l):a(r,t))||l);return o>3&&l&&Object.defineProperty(r,t,l),l};!function(e){let r=class extends c.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:r}=e;r!==a.b.Enter&&r!==a.b.Space||this.onHide()}static get styles(){return[o.a,d]}render(){const e={"md-alert-banner":!0,["md-alert-banner--"+this.type]:this.type},r=this.closable?c.html`
-            <md-button
-              class="md-alert-banner__close"
-              hasRemoveStyle
-              ariaLabel=${this.closeAriaLabel}
-              @click="${this.onHide}"
-              @keydown="${this.handleKeyDown}"
-            >
-              <md-icon name="icon-cancel_16"></md-icon>
-            </md-button>
-          `:null;return c.html`
-        ${this.show?c.html`
-              <div class="${Object(s.classMap)(e)}" role="alert">
-                <div class="md-alert-banner__text">
-                  <slot><span>${this.message}</span></slot>
-                </div>
-                ${r}
-              </div>
-            `:null}
-      `}};i([Object(c.property)({type:String})],r.prototype,"type",void 0),i([Object(c.property)({type:String})],r.prototype,"message",void 0),i([Object(c.property)({type:Boolean})],r.prototype,"closable",void 0),i([Object(c.property)({type:Boolean})],r.prototype,"show",void 0),i([Object(c.property)({type:String,attribute:"close-aria-label"})],r.prototype,"closeAriaLabel",void 0),r=i([Object(l.a)("md-alert-banner")],r),e.ELEMENT=r}(n||(n={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{86:function(t,e,i){"use strict";i.r(e),i.d(e,"activityButtonSize",(function(){return c})),i.d(e,"activityButtonType",(function(){return p})),i.d(e,"ActivityButton",(function(){return y}));var r=i(5),n=i(6),o=i(0),s=(i(16),i(13),i(60)),a=function(t,e,i,r){var n,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(o<3?n(s):o>3?n(e,i,s):n(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};const c=["56","68","84",56,68,84],p=["chat","camera","contact-card","meetings","whiteboard","files","share-screen","tasks"];var y;!function(t){let e=class extends o.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.disabled=!1,this.label="",this.size="68",this._type="chat"}get type(){return this._type}set type(t){const e=this.type;p.includes(t)?this._type=t:this._type="chat",this.requestUpdate("type",e)}get buttonToIconSizeMapping(){return{56:"24",68:"28",84:"36"}}get formatClass(){return{"md-activity":!0,["md-activity__"+this.type]:this.type}}static get styles(){return[r.a,s.a]}render(){return o.html`
+        <md-button
+          aria-label=${this.ariaLabel}
+          circle
+          .activityType=${this.type}
+          ?containerLarge=${"84"===this.size}
+          ?disabled=${this.disabled}
+          .size=${this.size}
+          .label=${this.label}
+        >
+          <md-icon name=${`icon-${this.type}_${this.buttonToIconSizeMapping[this.size]}`}></md-icon>
+        </md-button>
+      `}};a([Object(o.property)({type:String})],e.prototype,"ariaLabel",void 0),a([Object(o.property)({type:Boolean})],e.prototype,"disabled",void 0),a([Object(o.property)({type:String})],e.prototype,"label",void 0),a([Object(o.property)({type:String})],e.prototype,"size",void 0),a([Object(o.property)({type:String})],e.prototype,"type",null),e=a([Object(n.a)("md-activity-button")],e),t.ELEMENT=e}(y||(y={}))}}]);

package/dist/chunks/md-48.js

@@ -1,45 +1,20 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{105:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));r(18),r(15);var o,l=r(6),i=r(5),a=r(0),n=r(3),c=r(4),s=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 var(--alert-default-border-color,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:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--body-secondary-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}@media(forced-colors:active){.md-alert__button md-icon::part(icon){color:ButtonText}.md-alert__icon{background:0 0}.md-alert__icon md-icon::part(icon){color:CanvasText}.md-alert .md-badge{background-color:inherit}}`,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`
-            <md-icon name="icon-warning_32" color="var(--md-alert-error-text-color, red)"></md-icon>
-          `;case"info":return a.html`
-            <md-icon name="info_32" color="var(--md-alert-info-text-color, blue)"></md-icon>
-          `;case"success":return a.html`
-            <md-icon name="check-circle_36" color="var(--md-alert-success-text-color, green)"></md-icon>
-          `;case"warn":case"warning":return a.html`
-            <md-icon name="icon-warning_32" color="var(--md-alert-warning-text-color, orange)"></md-icon>
-          `;default:return a.html`
-            <slot name="alert-icon"></slot>
-          `}}}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[i.a,s]}get alertClassMap(){return{["md-alert--"+this.type]:!!this.type,"md-alert__inline":this.inline}}render(){return a.html`
-        ${this.show?a.html`
-              <div role="alert" aria-live="polite" part="alert" class="md-alert ${Object(c.classMap)(this.alertClassMap)}">
-              <div class="md-alert__icon aria-hidden="true">
-                  ${this.renderIconTemplate()}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{105:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));t(16),t(13);var n,a=t(6),o=t(37),l=t(5),c=t(0),s=t(14),i=c.css`.md-alert-banner{padding:.75rem;position:relative;text-align:center;border-radius:var(--alert-banner-border-radius);font-family:var(--brand-font-regular);font-weight:var(--brand-font-weight-regular)}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color,#c9f4ff);color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color,#ffecc2);color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color,#ffe8e3);color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color,#c9f4ff);color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner__text{font-size:var(--body-primary-font-size,.875rem);padding:0 1.75rem;text-align:center}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__close{cursor:pointer;height:1rem;position:absolute;right:1rem;top:.75rem;width:1rem}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`,d=function(e,r,t,n){var a,o=arguments.length,l=o<3?r:null===n?n=Object.getOwnPropertyDescriptor(r,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(l=(o<3?a(l):o>3?a(r,t,l):a(r,t))||l);return o>3&&l&&Object.defineProperty(r,t,l),l};!function(e){let r=class extends c.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:r}=e;Object(o.a)(r)&&this.onHide()}static get styles(){return[l.a,i]}render(){const e={"md-alert-banner":!0,["md-alert-banner--"+this.type]:this.type},r=this.closable?c.html`
+            <md-button
+              class="md-alert-banner__close"
+              hasRemoveStyle
+              ariaLabel=${this.closeAriaLabel}
+              @click="${this.onHide}"
+              @keydown="${this.handleKeyDown}"
+            >
+              <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
+            </md-button>
+          `:null;return c.html`
+        ${this.show?c.html`
+              <div class="${Object(s.classMap)(e)}" role="alert">
+                <div class="md-alert-banner__text">
+                  <slot><span>${this.message}</span></slot>
                 </div>
-                <div part="content" class="md-alert__content">
-                  <div class="md-alert__title" aria-level="1">
-                    ${this.title}
-                  </div>
-                  <div class="md-alert__message">
-                    ${this.message}
-                    <slot name="alert-body"></slot>
-                  </div>
-                </div>
-                ${this.closable?a.html`
-                      <div class="md-alert__button">
-                        <md-button
-                          arialabel="${this.btnlabel}"
-                          hasRemoveStyle
-                          color="color-none"
-                          circle
-                          @click="${()=>this.close()}"
-                        >
-                          <md-icon slot="icon" name="icon-cancel_16"></md-icon>
-                        </md-button>
-                      </div>
-                    `:a.html`
-                      <div class="md-alert__footer">
-                        <slot name="alert-footer"></slot>
-                      </div>
-                    `}
+                ${r}
               </div>
-            `:n.nothing}
-      `}};d([Object(a.property)({type:Boolean})],t.prototype,"closable",void 0),d([Object(a.property)({type:String})],t.prototype,"message",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"internalClose",void 0),d([Object(a.property)({type:String})],t.prototype,"title",void 0),d([Object(a.property)({type:String})],t.prototype,"btnlabel",void 0),d([Object(a.property)({type:String})],t.prototype,"type",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"inline",void 0),t=d([Object(l.a)("md-alert")],t),e.ELEMENT=t}(o||(o={}))}}]);
+            `:null}
+      `}};d([Object(c.property)({type:String})],r.prototype,"type",void 0),d([Object(c.property)({type:String})],r.prototype,"message",void 0),d([Object(c.property)({type:Boolean})],r.prototype,"closable",void 0),d([Object(c.property)({type:Boolean})],r.prototype,"show",void 0),d([Object(c.property)({type:String,attribute:"close-aria-label"})],r.prototype,"closeAriaLabel",void 0),r=d([Object(a.a)("md-alert-banner")],r),e.ELEMENT=r}(n||(n={}))}}]);

package/dist/chunks/md-49.js

@@ -1,98 +1,61 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{106: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 h}));var o=i(1),a=i(6),l=i(5),n=i(0),r=i(3),s=i(4),d=n.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;z-index:0}.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;position:relative}.progress-bar{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;z-index:2}.buffer-bar{background:var(--audio-player-background-buffer-bar,#b2b2b2);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;top:0;opacity:.6}.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)}.speed-popup-selected-speed{background:var(--audio-player-background-speed-popup-hover,#f7f7f7)}@media(forced-colors:active){.md-audio-player{outline:1px solid transparent!important}.buffer-bar{forced-color-adjust:none;opacity:.3;background-color:GrayText}.progress-bar{forced-color-adjust:none;background-color:Highlight}.volume{forced-color-adjust:none;background-color:HighlightText;outline:1px solid Highlight;outline-offset:-1px}.volume-slider{forced-color-adjust:none;background-color:Highlight}.speed-popup ul{outline:1px solid Highlight}.speed-popup ul li:hover{forced-color-adjust:none;color:Canvas;background:Highlight}#speed-popup-menu>.speed-popup-selected-speed{forced-color-adjust:none;color:Canvas;background:Highlight}}`,p=function(e,t,i,o){var a,l=arguments.length,n=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(a=e[r])&&(n=(l<3?a(n):l>3?a(t,i,n):a(t,i))||n);return l>3&&n&&Object.defineProperty(t,i,n),n};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 h;!function(e){let t=class extends n.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.b.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case o.b.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case o.b.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=u.findIndex(e=>e.value===this.selectedPlaybackSpeed),i=Math.max(0,t-1);this.selectedPlaybackSpeed=u[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.b.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=u.findIndex(e=>e.value===this.selectedPlaybackSpeed),i=Math.min(u.length-1,t+1);this.selectedPlaybackSpeed=u[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.b.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):a()},o=e=>{a()},a=()=>{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.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[l.a,d]}render(){return n.html`
-        <div class="md-audio-player">
-          <div class="inner-container">
-            <div class="play-container">
-              <md-tooltip
-                placement="top"
-                message="${this.isPlaying?this.labelMap.pauseBtn.tooltipText:this.labelMap.playBtn.tooltipText}"
-              >
-                <md-button
-                  hasRemoveStyle
-                  class="play-btn"
-                  @click="${this.togglePlay}"
-                  aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
-                >
-                  ${this.isPlaying?n.html`
-                        <md-icon slot="icon" name="icon-pause_16"></md-icon>
-                      `:n.html`
-                        <md-icon slot="icon" name="icon-play_16"></md-icon>
-                      `}
-                </md-button>
-              </md-tooltip>
-            </div>
-            <div class="text-container">
-              <md-tooltip placement="top" message="${this.labelMap.duration.tooltipText}">
-                <span
-                  class="duration"
-                  aria-label="${this.labelMap.duration.ariaLabel} ${this.toTimecode(this.currentTime)}/${this.toTimecode(this.duration)}"
-                >
-                  ${this.toTimecode(this.currentTime)} / ${this.toTimecode(this.duration)}
-                </span>
-              </md-tooltip>
-            </div>
-            <div class="timeline-container">
-              <md-tooltip placement="top" message="${this.labelMap.timeline.tooltipText}">
-                <div class="timeline" @click="${this.setTime}" aria-label="${this.labelMap.timeline.ariaLabel}">
-                  <div class="progress-bar" style="width: ${this.currentTime/this.duration*100}%"></div>
-                  <div class="buffer-bar" style="width: ${this.bufferedRange/this.duration*100}%"></div>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{106:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));r(16),r(13);var o,l=r(6),i=r(5),a=r(0),n=r(3),s=r(4),c=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 var(--alert-default-border-color,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:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--body-secondary-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}@media(forced-colors:active){.md-alert__button md-icon::part(icon){color:ButtonText}.md-alert__icon{background:0 0}.md-alert__icon md-icon::part(icon){color:CanvasText}.md-alert .md-badge{background-color:inherit}}`,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`
+            <md-icon
+              name="warning-regular"
+              size="32"
+              iconSet="momentumDesign"
+              color="var(--md-alert-error-text-color, red)"
+            ></md-icon>
+          `;case"info":return a.html`
+            <md-icon
+              name="info-circle-regular"
+              size="32"
+              iconSet="momentumDesign"
+              color="var(--md-alert-info-text-color, blue)"
+            ></md-icon>
+          `;case"success":return a.html`
+            <md-icon
+              name="check-circle-regular"
+              size="32"
+              iconSet="momentumDesign"
+              color="var(--md-alert-success-text-color, green)"
+            ></md-icon>
+          `;case"warn":case"warning":return a.html`
+            <md-icon
+              name="warning-regular"
+              size="32"
+              iconSet="momentumDesign"
+              color="var(--md-alert-warning-text-color, orange)"
+            ></md-icon>
+          `;default:return a.html` <slot name="alert-icon"></slot> `}}}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[i.a,c]}get alertClassMap(){return{["md-alert--"+this.type]:!!this.type,"md-alert__inline":this.inline}}render(){return a.html`
+        ${this.show?a.html`
+              <div role="alert" aria-live="polite" part="alert" class="md-alert ${Object(s.classMap)(this.alertClassMap)}">
+              <div class="md-alert__icon aria-hidden="true">
+                  ${this.renderIconTemplate()}
                 </div>
-              </md-tooltip>
-            </div>
-            <div
-              class="volume-container"
-              @mouseleave="${()=>this.toggleVolumeExpand(!1)}"
-              @mouseenter="${()=>this.toggleVolumeExpand(!0)}"
-              aria-label="${this.labelMap.volumeSlider.ariaLabel}"
-            >
-              <md-tooltip
-                placement="top"
-                message="${this.labelMap.volumeSlider.tooltipText} ${Math.trunc(100*this.volume)}%"
-              >
-                <div
-                  class="volume"
-                  @mousedown="${this.handleVolumeChange}"
-                  aria-label="${this.labelMap.volumeSlider.ariaLabel} ${Math.trunc(100*this.volume)}%"
-                >
-                  <div class="volume-slider" style="width: ${this.isMuted?0:100*this.volume}%"></div>
+                <div part="content" class="md-alert__content">
+                ${this.title&&""!==this.title?a.html` <div class="md-alert__title" role="heading" aria-level="1">${this.title}</div> `:n.nothing}
+                  <div class="md-alert__message">
+                    ${this.message}
+                    <slot name="alert-body"></slot>
+                  </div>
                 </div>
-              </md-tooltip>
-              <md-tooltip placement="top" message="${this.labelMap.volumeBtn.tooltipText}">
-                <md-button
-                  hasRemoveStyle
-                  class="volume-btn"
-                  aria-label="${this.labelMap.volumeBtn.ariaLabel}"
-                  @click="${this.toggleSoundMute}"
-                >
-                  ${this.isMuted?n.html`
-                        <md-icon slot="icon" name="icon-speaker-muted_16"></md-icon>
-                      `:n.html`
-                        <md-icon slot="icon" name="icon-speaker_16"></md-icon>
+                ${this.closable?a.html`
+                        <div class="md-alert__button">
+                          <md-button
+                            arialabel="${this.btnlabel}"
+                            hasRemoveStyle
+                            color="color-none"
+                            circle
+                            @click="${()=>this.close()}"
+                          >
+                            <md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
+                          </md-button>
+                        </div>
+                      `:a.html`
+                        <div class="md-alert__footer">
+                          <slot name="alert-footer"></slot>
+                        </div>
                       `}
-                </md-button>
-              </md-tooltip>
-            </div>
-            <div class="speed-icon-container" aria-label="${this.labelMap.playbackSpeedBtn.ariaLabel}">
-              <md-tooltip placement="top" message="${this.labelMap.playbackSpeedBtn.tooltipText}">
-                <md-button hasRemoveStyle id="speed-btn" @click="${this.toggleSpeedPopup}">
-                  <md-icon slot="icon" name="icon-too-fast_16"></md-icon>
-                </md-button>
-              </md-tooltip>
-              <div class="speed-popup ${Object(s.classMap)(this.popupClassMap)}">
-                <ul id="speed-popup-menu">
-                  ${u.map(e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return n.html`
-                      <li
-                        class=${t?"speed-popup-selected-speed":""}
-                        @click="${()=>this.setPlaybackSpeed(e.value)}"
-                      >
-                        <span>${e.label}</span>
-                        ${this.playbackSpeed==e.value?n.html`
-                              <md-icon slot="icon" color="md-blue-60" name="icon-check_16"></md-icon>
-                            `:r.nothing}
-                      </li>
-                    `})}
-                </ul>
               </div>
-            </div>
-          </div>
-        </div>
-      `}};p([Object(n.property)({type:String})],t.prototype,"src",void 0),p([Object(n.property)({type:Object})],t.prototype,"labelMap",void 0),p([Object(n.internalProperty)()],t.prototype,"events",void 0),p([Object(n.internalProperty)()],t.prototype,"audio",void 0),p([Object(n.internalProperty)()],t.prototype,"volumeElement",void 0),p([Object(n.internalProperty)()],t.prototype,"isPlaying",void 0),p([Object(n.internalProperty)()],t.prototype,"isMuted",void 0),p([Object(n.internalProperty)()],t.prototype,"duration",void 0),p([Object(n.internalProperty)()],t.prototype,"volume",void 0),p([Object(n.internalProperty)()],t.prototype,"currentTime",void 0),p([Object(n.internalProperty)()],t.prototype,"showSpeedPopup",void 0),p([Object(n.internalProperty)()],t.prototype,"playbackSpeed",void 0),p([Object(n.internalProperty)()],t.prototype,"volumeExpanded",void 0),p([Object(n.internalProperty)()],t.prototype,"bufferedRange",void 0),p([Object(n.internalProperty)()],t.prototype,"selectedPlaybackSpeed",void 0),p([Object(n.internalProperty)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=p([Object(a.a)("md-audio-player")],t),e.ELEMENT=t}(h||(h={}))}}]);
+            `:n.nothing}
+      `}};d([Object(a.property)({type:Boolean})],t.prototype,"closable",void 0),d([Object(a.property)({type:String})],t.prototype,"message",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"internalClose",void 0),d([Object(a.property)({type:String})],t.prototype,"title",void 0),d([Object(a.property)({type:String})],t.prototype,"btnlabel",void 0),d([Object(a.property)({type:String})],t.prototype,"type",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"inline",void 0),t=d([Object(l.a)("md-alert")],t),e.ELEMENT=t}(o||(o={}))}}]);

package/dist/chunks/md-5.js

@@ -1 +1 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[5],{34:function(e,t,s){"use strict";s.d(t,"a",(function(){return r}));var i=s(1),n=s(0),o=s(17),a=s(33),c=function(e,t,s,i){var n,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,i);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(a=(o<3?n(a):o>3?n(t,s,a):n(t,s))||a);return o>3&&a&&Object.defineProperty(t,s,a),a},l=function(e,t,s,i){return new(s||(s=Promise))((function(n,o){function a(e){try{l(i.next(e))}catch(e){o(e)}}function c(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof s?t:new s((function(e){e(t)}))).then(a,c)}l((i=i.apply(e,t||[])).next())}))};n.LitElement;const r=e=>{if(Object(o.b)(r,e))return e;class t extends(Object(a.a)(e)){constructor(){super(...arguments),this.focusableElements=[],this.initialFocusComplete=!1,this.focusableTimer=[],this.activeFocusTrap=!1,this.preventClickOutside=!1,this.focusTrapIndex=-1,this.preventScroll=!1,this.shouldWrapFocus=()=>!1,this.handleFocusOnClear=()=>{this.focusTrap(!0)},this.handleOutsideTrapClick=e=>{let t=!1;const s=e.composedPath();s.length&&(t=!!s.find(e=>e===this),t||this.preventClickOutside||!this.activeFocusTrap?t&&this.activeFocusTrap&&this.initialFocusComplete&&this.handleClickInsideTrap(e):this.deactivateFocusTrap())},this.updateFocusableElements=()=>{this.focusableTimer&&(clearTimeout(this.focusableTimer),this.focusableElements=[]),this.focusableTimer=setTimeout(()=>{this.setFocusableElements()},10)},this.handleChildFocusTrap=e=>{e.target!==this&&(e.stopPropagation(),this.deactivateFocusTrap(!1))},this.handleChildFocusUntrap=e=>{e.target!==this&&(e.stopPropagation(),this.activateFocusTrap(!1))}}updated(e){if(super.updated(e),e.has("focusTrapIndex")){const t=e.get("focusTrapIndex"),s=this.focusableElements[t];s&&(s.blur(),s.toggleAttribute("focus-visible",!1));const i=this.focusableElements[this.focusTrapIndex];i&&this.tryFocus(i)}}tryFocus(e){requestAnimationFrame(()=>l(this,void 0,void 0,(function*(){this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),void 0!==e.updateComplete&&(yield e.updateComplete),document.hasFocus()&&this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),this.initialFocusComplete||(this.initialFocusComplete=!0)})))}domRectCollection(e){return 0===e.getClientRects().length}viewportPosition(e){const{width:t,height:s}=e.getBoundingClientRect(),{offsetWidth:i,offsetHeight:n}=e;return i+n+s+t===0}isNotVisible(e){return"SLOT"!==e.tagName&&(this.viewportPosition(e)||this.domRectCollection(e))}isHidden(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&"true"===e.getAttribute("aria-hidden")||"none"===e.style.display||"0"===e.style.opacity||"hidden"===e.style.visibility||"collapse"===e.style.visibility||this.isNotVisible(e)||"hidden"===getComputedStyle(e).visibility||"0"===getComputedStyle(e).height}isNotTabbable(e){return"-1"===e.getAttribute("tabindex")}isInteractiveElement(e){return e instanceof HTMLButtonElement||e instanceof HTMLDetailsElement||e instanceof HTMLEmbedElement||e instanceof HTMLIFrameElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||(!!(e instanceof HTMLAnchorElement&&e.hasAttribute("href"))||(e instanceof HTMLInputElement&&"hidden"!==e.type||(!(!(e instanceof HTMLAudioElement||e instanceof HTMLVideoElement)||!e.hasAttribute("controls"))||(!(!(e instanceof HTMLImageElement||e instanceof HTMLObjectElement)||!e.hasAttribute("usemap"))||!!(e.hasAttribute("tabindex")&&e.tabIndex>-1)))))}isFocusable(e){return!this.isHidden(e)&&!this.isNotTabbable(e)&&!!this.isInteractiveElement(e)}shouldSkipFocus(e){return!!(e.id&&e.id.split&&e.id.split(" ").indexOf("md-combobox-listbox")>-1)}findFocusable(e,t){const s=Array.from(e.children);for(const e of s)if(!this.isHidden(e)){if(this.shouldSkipFocus(e))break;if(this.isFocusable(e)&&t.add(e),e.shadowRoot)this.findFocusable(e.shadowRoot,t);else if("SLOT"===e.tagName){const s=e.assignedNodes().filter(e=>e.nodeType===e.ELEMENT_NODE);if(s.length){const e=s[0].parentElement;e&&this.findFocusable(e,t)}}else this.findFocusable(e,t)}return[...t]}isEqualFocusNode(e,t){return e.nodeType>=0&&(t.isEqualNode(e)&&t==e)}findElement(e){return this.focusableElements.findIndex(t=>this.isEqualFocusNode(e,t))}focusTrap(e){const t=this.getDeepActiveElement(),s=this.findElement(t);if(e)-1===s&&this.focusTrapIndex-1>0?this.focusTrapIndex--:this.focusTrapIndex=s>(this.shouldWrapFocus()?1:0)?s-1:this.focusableElements.length-1;else if(-1===s&&this.focusTrapIndex+1<this.focusableElements.length)this.focusTrapIndex++;else if(s===this.focusableElements.length-1&&0===this.focusTrapIndex){const e=this.focusableElements[this.focusTrapIndex];e&&this.tryFocus(e)}else this.focusTrapIndex=s+1<this.focusableElements.length?s+1:this.shouldWrapFocus()?1:0}hasAutofocus(e){return e.hasAttribute("autofocus")}setInitialFocus(e=0,t=!1){let s=-1;this.initialFocusComplete=!1,this.focusableElements.length&&!t&&(s=this.focusableElements.findIndex(this.hasAutofocus)),this.focusableElements.length&&-1===s&&("object"==typeof e?s=this.findElement(e):"number"==typeof e&&(s=e)),this.focusableElements[s]&&(this.focusTrapIndex=s)}setFocusOnTrigger(e){let t;if(t=e.shadowRoot?this.findFocusable(e.shadowRoot,new Set):this.isFocusable(e)?[e]:this.findFocusable(e,new Set),t[0]){const e=this.findElement(t[0]);this.focusTrapIndex=e}}setFocusableElements(){this.focusableElements=this.findFocusable(this.shadowRoot,new Set)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return l(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.setFocusableElements()}))}handleKeydownFocusTrap(e){e.code!==i.b.Tab||e.shiftKey&&e.code!==i.b.Tab||this.activeFocusTrap&&this.focusableElements.length&&(e.shiftKey?(e.preventDefault(),this.focusTrap(!0)):(e.preventDefault(),this.focusTrap(!1)))}activateFocusTrap(e=!0){e&&this.dispatchEvent(new CustomEvent("on-focus-trap",{bubbles:!0,composed:!0,cancelable:!0})),this.activeFocusTrap=!0}deactivateFocusTrap(e=!0){this.activeFocusTrap=!1,this.focusTrapIndex=-1,this.removeAttribute("focus-trap-index"),e&&this.dispatchEvent(new CustomEvent("on-focus-untrap",{bubbles:!0,composed:!0,cancelable:!0}))}handleClickInsideTrap(e){const t=e.composedPath(),s=t.findIndex(e=>-1!==this.findElement(e));if(-1!==s){const e=t[s],i=this.findElement(e);-1!==i&&(this.focusTrapIndex=i)}}manageNewElement(e){requestAnimationFrame(()=>{this.setFocusableElements();const t=this.findElement(e);-1!==t&&(this.focusTrapIndex=t)})}handleFocusVisible(e){const t=(e.detail?e.detail.sourceEvent:e).composedPath()[0];-1===(e.detail?this.findElement(t):-1)&&t!==this&&this.manageNewElement(t)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydownFocusTrap),this.addEventListener("focus-visible",this.handleFocusVisible),this.addEventListener("on-focus-trap",this.handleChildFocusTrap),this.addEventListener("on-focus-untrap",this.handleChildFocusUntrap),document.addEventListener("click",this.handleOutsideTrapClick),document.addEventListener("on-widget-update",this.updateFocusableElements),this.addEventListener("input-clear",this.handleFocusOnClear)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydownFocusTrap),this.removeEventListener("focus-visible",this.handleFocusVisible),this.removeEventListener("on-focus-trap",this.handleChildFocusTrap),this.removeEventListener("on-focus-untrap",this.handleChildFocusUntrap),document.removeEventListener("click",this.handleOutsideTrapClick),document.removeEventListener("on-widget-update",this.updateFocusableElements),this.removeEventListener("input-clear",this.handleFocusOnClear),this.focusableTimer&&clearTimeout(this.focusableTimer)}}return c([Object(n.internalProperty)()],t.prototype,"focusableElements",void 0),c([Object(n.internalProperty)()],t.prototype,"initialFocusComplete",void 0),c([Object(n.internalProperty)()],t.prototype,"focusableTimer",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"active-focus-trap"})],t.prototype,"activeFocusTrap",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-click-outside"})],t.prototype,"preventClickOutside",void 0),c([Object(n.property)({type:Number,reflect:!0,attribute:"focus-trap-index"})],t.prototype,"focusTrapIndex",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],t.prototype,"preventScroll",void 0),Object(o.a)(r,t),t}}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[5],{34:function(e,t,s){"use strict";s.d(t,"a",(function(){return r}));var i=s(1),n=s(0),o=s(18),a=s(33),c=function(e,t,s,i){var n,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,i);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(a=(o<3?n(a):o>3?n(t,s,a):n(t,s))||a);return o>3&&a&&Object.defineProperty(t,s,a),a},l=function(e,t,s,i){return new(s||(s=Promise))((function(n,o){function a(e){try{l(i.next(e))}catch(e){o(e)}}function c(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof s?t:new s((function(e){e(t)}))).then(a,c)}l((i=i.apply(e,t||[])).next())}))};n.LitElement;const r=e=>{if(Object(o.b)(r,e))return e;class t extends(Object(a.a)(e)){constructor(){super(...arguments),this.focusableElements=[],this.initialFocusComplete=!1,this.focusableTimer=[],this.activeFocusTrap=!1,this.preventClickOutside=!1,this.focusTrapIndex=-1,this.preventScroll=!1,this.shouldWrapFocus=()=>!1,this.handleFocusOnClear=()=>{this.focusTrap(!0)},this.handleOutsideTrapClick=e=>{let t=!1;const s=e.composedPath();s.length&&(t=!!s.find(e=>e===this),t||this.preventClickOutside||!this.activeFocusTrap?t&&this.activeFocusTrap&&this.initialFocusComplete&&this.handleClickInsideTrap(e):this.deactivateFocusTrap())},this.updateFocusableElements=()=>{this.focusableTimer&&(clearTimeout(this.focusableTimer),this.focusableElements=[]),this.focusableTimer=setTimeout(()=>{this.setFocusableElements()},10)},this.handleChildFocusTrap=e=>{e.target!==this&&(e.stopPropagation(),this.deactivateFocusTrap(!1))},this.handleChildFocusUntrap=e=>{e.target!==this&&(e.stopPropagation(),this.activateFocusTrap(!1))}}updated(e){if(super.updated(e),e.has("focusTrapIndex")){const t=e.get("focusTrapIndex"),s=this.focusableElements[t];s&&(s.blur(),s.toggleAttribute("focus-visible",!1));const i=this.focusableElements[this.focusTrapIndex];i&&this.tryFocus(i)}}tryFocus(e){requestAnimationFrame(()=>l(this,void 0,void 0,(function*(){this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),void 0!==e.updateComplete&&(yield e.updateComplete),document.hasFocus()&&this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),this.initialFocusComplete||(this.initialFocusComplete=!0)})))}domRectCollection(e){return 0===e.getClientRects().length}viewportPosition(e){const{width:t,height:s}=e.getBoundingClientRect(),{offsetWidth:i,offsetHeight:n}=e;return i+n+s+t===0}isNotVisible(e){return"SLOT"!==e.tagName&&(this.viewportPosition(e)||this.domRectCollection(e))}isHidden(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&"true"===e.getAttribute("aria-hidden")||"none"===e.style.display||"0"===e.style.opacity||"hidden"===e.style.visibility||"collapse"===e.style.visibility||this.isNotVisible(e)||"hidden"===getComputedStyle(e).visibility||"0"===getComputedStyle(e).height}isNotTabbable(e){return"-1"===e.getAttribute("tabindex")}isInteractiveElement(e){return e instanceof HTMLButtonElement||e instanceof HTMLDetailsElement||e instanceof HTMLEmbedElement||e instanceof HTMLIFrameElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||(!!(e instanceof HTMLAnchorElement&&e.hasAttribute("href"))||(e instanceof HTMLInputElement&&"hidden"!==e.type||(!(!(e instanceof HTMLAudioElement||e instanceof HTMLVideoElement)||!e.hasAttribute("controls"))||(!(!(e instanceof HTMLImageElement||e instanceof HTMLObjectElement)||!e.hasAttribute("usemap"))||!!(e.hasAttribute("tabindex")&&e.tabIndex>-1)))))}isFocusable(e){return!this.isHidden(e)&&!this.isNotTabbable(e)&&!!this.isInteractiveElement(e)}shouldSkipFocus(e){return!!(e.id&&e.id.split&&e.id.split(" ").indexOf("md-combobox-listbox")>-1)}findFocusable(e,t){const s=Array.from(e.children);for(const e of s)if(!this.isHidden(e)){if(this.shouldSkipFocus(e))break;if(this.isFocusable(e)&&t.add(e),e.shadowRoot)this.findFocusable(e.shadowRoot,t);else if("SLOT"===e.tagName){const s=e.assignedNodes().filter(e=>e.nodeType===e.ELEMENT_NODE);if(s.length){const e=s[0].parentElement;e&&this.findFocusable(e,t)}}else this.findFocusable(e,t)}return[...t]}isEqualFocusNode(e,t){return e.nodeType>=0&&(t.isEqualNode(e)&&t==e)}findElement(e){return this.focusableElements.findIndex(t=>this.isEqualFocusNode(e,t))}focusTrap(e){const t=this.getDeepActiveElement(),s=this.findElement(t);if(e)-1===s&&this.focusTrapIndex-1>0?this.focusTrapIndex--:this.focusTrapIndex=s>(this.shouldWrapFocus()?1:0)?s-1:this.focusableElements.length-1;else if(-1===s&&this.focusTrapIndex+1<this.focusableElements.length)this.focusTrapIndex++;else if(s===this.focusableElements.length-1&&0===this.focusTrapIndex){const e=this.focusableElements[this.focusTrapIndex];e&&this.tryFocus(e)}else this.focusTrapIndex=s+1<this.focusableElements.length?s+1:this.shouldWrapFocus()?1:0}hasAutofocus(e){return e.hasAttribute("autofocus")}setInitialFocus(e=0,t=!1){let s=-1;this.initialFocusComplete=!1,this.focusableElements.length&&!t&&(s=this.focusableElements.findIndex(this.hasAutofocus)),this.focusableElements.length&&-1===s&&("object"==typeof e?s=this.findElement(e):"number"==typeof e&&(s=e)),this.focusableElements[s]&&(this.focusTrapIndex=s)}setFocusOnTrigger(e){let t;if(t=e.shadowRoot?this.findFocusable(e.shadowRoot,new Set):this.isFocusable(e)?[e]:this.findFocusable(e,new Set),t[0]){const e=this.findElement(t[0]);this.focusTrapIndex=e}}setFocusableElements(){this.focusableElements=this.findFocusable(this.shadowRoot,new Set)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return l(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.setFocusableElements()}))}handleKeydownFocusTrap(e){e.code!==i.b.Tab||e.shiftKey&&e.code!==i.b.Tab||this.activeFocusTrap&&this.focusableElements.length&&(e.shiftKey?(e.preventDefault(),this.focusTrap(!0)):(e.preventDefault(),this.focusTrap(!1)))}activateFocusTrap(e=!0){e&&this.dispatchEvent(new CustomEvent("on-focus-trap",{bubbles:!0,composed:!0,cancelable:!0})),this.activeFocusTrap=!0}deactivateFocusTrap(e=!0){this.activeFocusTrap=!1,this.focusTrapIndex=-1,this.removeAttribute("focus-trap-index"),e&&this.dispatchEvent(new CustomEvent("on-focus-untrap",{bubbles:!0,composed:!0,cancelable:!0}))}handleClickInsideTrap(e){const t=e.composedPath(),s=t.findIndex(e=>-1!==this.findElement(e));if(-1!==s){const e=t[s],i=this.findElement(e);-1!==i&&(this.focusTrapIndex=i)}}manageNewElement(e){requestAnimationFrame(()=>{this.setFocusableElements();const t=this.findElement(e);-1!==t&&(this.focusTrapIndex=t)})}handleFocusVisible(e){const t=(e.detail?e.detail.sourceEvent:e).composedPath()[0];-1===(e.detail?this.findElement(t):-1)&&t!==this&&this.manageNewElement(t)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydownFocusTrap),this.addEventListener("focus-visible",this.handleFocusVisible),this.addEventListener("on-focus-trap",this.handleChildFocusTrap),this.addEventListener("on-focus-untrap",this.handleChildFocusUntrap),document.addEventListener("click",this.handleOutsideTrapClick),document.addEventListener("on-widget-update",this.updateFocusableElements),this.addEventListener("input-clear",this.handleFocusOnClear)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydownFocusTrap),this.removeEventListener("focus-visible",this.handleFocusVisible),this.removeEventListener("on-focus-trap",this.handleChildFocusTrap),this.removeEventListener("on-focus-untrap",this.handleChildFocusUntrap),document.removeEventListener("click",this.handleOutsideTrapClick),document.removeEventListener("on-widget-update",this.updateFocusableElements),this.removeEventListener("input-clear",this.handleFocusOnClear),this.focusableTimer&&clearTimeout(this.focusableTimer)}}return c([Object(n.internalProperty)()],t.prototype,"focusableElements",void 0),c([Object(n.internalProperty)()],t.prototype,"initialFocusComplete",void 0),c([Object(n.internalProperty)()],t.prototype,"focusableTimer",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"active-focus-trap"})],t.prototype,"activeFocusTrap",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-click-outside"})],t.prototype,"preventClickOutside",void 0),c([Object(n.property)({type:Number,reflect:!0,attribute:"focus-trap-index"})],t.prototype,"focusTrapIndex",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],t.prototype,"preventScroll",void 0),Object(o.a)(r,t),t}}}]);

package/dist/chunks/md-50.js

@@ -1,13 +1,98 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[50],{107:function(e,r,t){"use strict";t.r(r),t.d(r,"Breadcrumb",(function(){return a}));var a,n=t(5),s=t(6),o=t(0),c=o.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-breadcrumb) .md-breadcrumb ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0;padding:.5625rem .875rem .5625rem;list-style:none}:host(md-breadcrumb) .md-breadcrumb li{display:flex;text-transform:capitalize;font-size:.875rem}:host(md-breadcrumb) .md-breadcrumb li:not(:first-child)::before{display:flex;margin:0 .75rem;color:var(--breadcrumb-color-slash,#949494);content:"/"}:host(md-breadcrumb) .md-breadcrumb a{color:var(--breadcrumb-color,#00a0d1)}:host(md-breadcrumb) .md-breadcrumb a[aria-current=page]{pointer-events:none;cursor:default;color:var(--breadcrumb-color-current,#292929)}`,i=t(14),l=t(2),b=function(e,r,t,a){var n,s=arguments.length,o=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,r,t,a);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(o=(s<3?n(o):s>3?n(r,t,o):n(r,t))||o);return s>3&&o&&Object.defineProperty(r,t,o),o};!function(e){let r=class extends o.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[n.a,c]}setLastAnchorCurrent(){this.anchors&&this.anchors.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){const r=e.target;if(this.anchors&&this.anchors.length){const e=Array.from(this.anchors).indexOf(r);-1!==e&&(this.navCrumbs=[...this.navCrumbs.splice(0,e+1)])}}render(){return o.html`
-        <nav aria-label="${Object(l.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
-          <ul @click=${e=>this.handleClick(e)}>
-            ${Object(i.repeat)(this.navCrumbs,e=>e.link,e=>o.html`
-                <li>
-                  <a href="${e.link}">
-                    ${e.label}
-                  </a>
-                </li>
-              `)}
-          </ul>
-        </nav>
-      `}};b([Object(o.property)({type:String,attribute:"aria-label"})],r.prototype,"label",void 0),b([Object(o.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],r.prototype,"navCrumbs",void 0),b([Object(o.queryAll)("a[href]")],r.prototype,"anchors",void 0),r=b([Object(s.a)("md-breadcrumb")],r),e.ELEMENT=r}(a||(a={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[50],{107:function(e,t,i){"use strict";i.r(t),i.d(t,"playbackSpeeds",(function(){return p})),i.d(t,"defaultLabelMap",(function(){return c})),i.d(t,"AudioPlayer",(function(){return m}));i(16),i(13),i(46);var o=i(1),a=i(6),l=i(5),n=i(0),s=i(3),r=i(4),d=n.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;z-index:0}.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;position:relative}.progress-bar{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;z-index:2}.buffer-bar{background:var(--audio-player-background-buffer-bar,#b2b2b2);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;top:0;opacity:.6}.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)}.speed-popup-selected-speed{background:var(--audio-player-background-speed-popup-hover,#f7f7f7)}@media(forced-colors:active){.md-audio-player{outline:1px solid transparent!important}.buffer-bar{forced-color-adjust:none;opacity:.3;background-color:GrayText}.progress-bar{forced-color-adjust:none;background-color:Highlight}.volume{forced-color-adjust:none;background-color:HighlightText;outline:1px solid Highlight;outline-offset:-1px}.volume-slider{forced-color-adjust:none;background-color:Highlight}.speed-popup ul{outline:1px solid Highlight}.speed-popup ul li:hover{forced-color-adjust:none;color:Canvas;background:Highlight}#speed-popup-menu>.speed-popup-selected-speed{forced-color-adjust:none;color:Canvas;background:Highlight}}`,u=function(e,t,i,o){var a,l=arguments.length,n=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(l<3?a(n):l>3?a(t,i,n):a(t,i))||n);return l>3&&n&&Object.defineProperty(t,i,n),n};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 n.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.b.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case o.b.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case o.b.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.b.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.b.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):a()},o=()=>{a()},a=()=>{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.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[l.a,d]}render(){return n.html`
+        <div class="md-audio-player">
+          <div class="inner-container">
+            <div class="play-container">
+              <md-tooltip
+                placement="top"
+                message="${this.isPlaying?this.labelMap.pauseBtn.tooltipText:this.labelMap.playBtn.tooltipText}"
+              >
+                <md-button
+                  hasRemoveStyle
+                  class="play-btn"
+                  @click="${this.togglePlay}"
+                  aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
+                >
+                  ${this.isPlaying?n.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:n.html` <md-icon slot="icon" name="play-bold" size="16" iconSet="momentumDesign"></md-icon> `}
+                </md-button>
+              </md-tooltip>
+            </div>
+            <div class="text-container">
+              <md-tooltip placement="top" message="${this.labelMap.duration.tooltipText}">
+                <span
+                  class="duration"
+                  aria-label="${this.labelMap.duration.ariaLabel} ${this.toTimecode(this.currentTime)}/${this.toTimecode(this.duration)}"
+                >
+                  ${this.toTimecode(this.currentTime)} / ${this.toTimecode(this.duration)}
+                </span>
+              </md-tooltip>
+            </div>
+            <div class="timeline-container">
+              <md-tooltip placement="top" message="${this.labelMap.timeline.tooltipText}">
+                <div class="timeline" @click="${this.setTime}" aria-label="${this.labelMap.timeline.ariaLabel}">
+                  <div class="progress-bar" style="width: ${this.currentTime/this.duration*100}%"></div>
+                  <div class="buffer-bar" style="width: ${this.bufferedRange/this.duration*100}%"></div>
+                </div>
+              </md-tooltip>
+            </div>
+            <div
+              class="volume-container"
+              @mouseleave="${()=>this.toggleVolumeExpand(!1)}"
+              @mouseenter="${()=>this.toggleVolumeExpand(!0)}"
+              aria-label="${this.labelMap.volumeSlider.ariaLabel}"
+            >
+              <md-tooltip
+                placement="top"
+                message="${this.labelMap.volumeSlider.tooltipText} ${Math.trunc(100*this.volume)}%"
+              >
+                <div
+                  class="volume"
+                  @mousedown="${this.handleVolumeChange}"
+                  aria-label="${this.labelMap.volumeSlider.ariaLabel} ${Math.trunc(100*this.volume)}%"
+                >
+                  <div class="volume-slider" style="width: ${this.isMuted?0:100*this.volume}%"></div>
+                </div>
+              </md-tooltip>
+              <md-tooltip placement="top" message="${this.labelMap.volumeBtn.tooltipText}">
+                <md-button
+                  hasRemoveStyle
+                  class="volume-btn"
+                  aria-label="${this.labelMap.volumeBtn.ariaLabel}"
+                  @click="${this.toggleSoundMute}"
+                >
+                  ${this.isMuted?n.html`
+                        <md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
+                      `:n.html` <md-icon slot="icon" name="speaker-bold" size="16" iconSet="momentumDesign"></md-icon> `}
+                </md-button>
+              </md-tooltip>
+            </div>
+            <div class="speed-icon-container" aria-label="${this.labelMap.playbackSpeedBtn.ariaLabel}">
+              <md-tooltip placement="top" message="${this.labelMap.playbackSpeedBtn.tooltipText}">
+                <md-button hasRemoveStyle id="speed-btn" @click="${this.toggleSpeedPopup}">
+                  <md-icon slot="icon" name="too-fast-bold" size="16" iconSet="momentumDesign"></md-icon>
+                </md-button>
+              </md-tooltip>
+              <div class="speed-popup ${Object(r.classMap)(this.popupClassMap)}">
+                <ul id="speed-popup-menu">
+                  ${p.map(e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return n.html`
+                      <li
+                        class=${t?"speed-popup-selected-speed":""}
+                        @click="${()=>this.setPlaybackSpeed(e.value)}"
+                      >
+                        <span>${e.label}</span>
+                        ${this.playbackSpeed==e.value?n.html`
+                              <md-icon
+                                slot="icon"
+                                color="md-blue-60"
+                                name="check-bold"
+                                size="16"
+                                iconSet="momentumDesign"
+                              ></md-icon>
+                            `:s.nothing}
+                      </li>
+                    `})}
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      `}};u([Object(n.property)({type:String})],t.prototype,"src",void 0),u([Object(n.property)({type:Object})],t.prototype,"labelMap",void 0),u([Object(n.internalProperty)()],t.prototype,"events",void 0),u([Object(n.internalProperty)()],t.prototype,"audio",void 0),u([Object(n.internalProperty)()],t.prototype,"volumeElement",void 0),u([Object(n.internalProperty)()],t.prototype,"isPlaying",void 0),u([Object(n.internalProperty)()],t.prototype,"isMuted",void 0),u([Object(n.internalProperty)()],t.prototype,"duration",void 0),u([Object(n.internalProperty)()],t.prototype,"volume",void 0),u([Object(n.internalProperty)()],t.prototype,"currentTime",void 0),u([Object(n.internalProperty)()],t.prototype,"showSpeedPopup",void 0),u([Object(n.internalProperty)()],t.prototype,"playbackSpeed",void 0),u([Object(n.internalProperty)()],t.prototype,"volumeExpanded",void 0),u([Object(n.internalProperty)()],t.prototype,"bufferedRange",void 0),u([Object(n.internalProperty)()],t.prototype,"selectedPlaybackSpeed",void 0),u([Object(n.internalProperty)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=u([Object(a.a)("md-audio-player")],t),e.ELEMENT=t}(m||(m={}))}}]);

package/dist/chunks/md-51.js

@@ -1,5 +1,11 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{108:function(t,e,o){"use strict";o.r(e),o.d(e,"ButtonGroup",(function(){return s}));var s,n=o(1),r=o(7),i=o(5),d=o(0),l=d.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-button-group){display:flex}:host(md-button-group) .md-button-group{align-content:flex-start;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;background:var(--button-group-bg-color,#dedede);border-radius:var(--button-group-border-radius,.25rem);font-size:12px;padding:var(--button-group-indent,.125rem);transition:background .2s ease;border:1px solid var(--button-group-outline-border)}:host(md-button-group) .md-button-group:hover{background:var(--button-group-bg-color-hover,#ccc)}:host(md-button-group) .md-button-group:active{background:var(--button-group-bg-color-pressed,#b2b2b2)}:host(md-button-group) .md-button-group ::slotted(button){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background:0 0;border:0;border-radius:var(--button-group-border-radius,.25rem);color:var(--button-group-color,#545454);cursor:pointer;height:1.875rem;margin:0 var(--button-group-indent,.125rem);outline:0;padding:.25rem .75rem}:host(md-button-group) .md-button-group ::slotted(button):first-child{margin-left:0}:host(md-button-group) .md-button-group ::slotted(button):last-child{margin-right:0}:host(md-button-group) .md-button-group ::slotted(:hover){background:var(--button-group-color-hover,none);color:var(--button-group-color-active,#121212)}:host(md-button-group) .md-button-group ::slotted([selected]){background:var(--button-group-bg-color-active,#fff);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18);color:var(--button-group-color-active,#121212)}:host([focus-visible]:not([disabled])) .md-button-group{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host([disabled]) .md-button-group{opacity:.5;pointer-events:none}@media(forced-colors:active){:host(md-button-group) .md-button-group{outline:1px solid CanvasText;background:Canvas}:host(md-button-group) .md-button-group ::slotted([selected]){forced-color-adjust:none;outline:1px solid Highlight;background:Highlight;color:HighlightText}:host([focus-visible]:not([disabled])) .md-button-group{outline:2px solid Highlight}}`,u=function(t,e,o,s){var n,r=arguments.length,i=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,s);else for(var d=t.length-1;d>=0;d--)(n=t[d])&&(i=(r<3?n(i):r>3?n(e,o,i):n(e,o))||i);return r>3&&i&&Object.defineProperty(e,o,i),i};!function(t){let e=class extends(Object(r.e)(Object(r.a)(d.LitElement))){constructor(){super(...arguments),this.active=0,this.tabIndex=0,this._disabled=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",""+t),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get slotElement(){return this.buttonSlot}static get styles(){return[i.a,l]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","group")}setButtonTabIndex(){this.slotted.forEach(t=>t.tabIndex=-1)}updated(t){super.updated(t),t.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(t){var e,o;const s=this.findSelectedBtnIndex();-1!==s&&s!==t&&(null===(e=this.slotted[s])||void 0===e||e.toggleAttribute("selected",!1)),null===(o=this.slotted[t])||void 0===o||o.toggleAttribute("selected",!0)}setFirstActive(){-1===this.findSelectedBtnIndex()&&this.setSelected(this.active)}findBtnIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}findSelectedBtnIndex(){return this.slotted.findIndex(t=>t.hasAttribute("selected"))}isBtnDisabled(t){return this.slotted[t].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(t,e=1){const o=this.getAvailableSelectedIndex(t,e);-1!==o&&(this.active=o,this.setSelected(o),this.notifySelectedChange())}getAvailableSelectedIndex(t,e=1){const o=this.slotted.length;for(let s=0,n=t;s<o;s+=1,n+=e){n<0?n=o-1:n>=o&&(n=0);const t=this.slotted[n];if(this.isFocusable(t))return n}return-1}isFocusable(t){return!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")}handleClick(t){const e=this.findBtnIndex(t);-1!==e&&(this.isBtnDisabled(e)||(this.active=e,this.setSelected(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case n.b.Enter:case n.b.Space:this.isBtnDisabled(this.active)||(this.setSelected(this.active),this.notifySelectedChange());break;case n.b.ArrowLeft:0===this.active?this.switchBtnOnArrowPress(this.slotted.length-1,-1):this.switchBtnOnArrowPress(this.active-1,-1);break;case n.b.ArrowRight:this.active===this.slotted.length-1?this.switchBtnOnArrowPress(0):this.switchBtnOnArrowPress(this.active+1)}}render(){return d.html`
-        <div role="group" class="md-button-group" part="button-group">
-          <slot name="button"></slot>
-        </div>
-      `}};u([Object(d.property)({type:Number,reflect:!0})],e.prototype,"active",void 0),u([Object(d.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),u([Object(d.query)("slot[name='button']")],e.prototype,"buttonSlot",void 0),u([Object(d.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=u([Object(r.f)("md-button-group")],e),t.ELEMENT=e}(s||(s={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{108:function(e,r,t){"use strict";t.r(r),t.d(r,"Breadcrumb",(function(){return a}));var a,n=t(5),s=t(6),o=t(0),c=o.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-breadcrumb) .md-breadcrumb ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0;padding:.5625rem .875rem .5625rem;list-style:none}:host(md-breadcrumb) .md-breadcrumb li{display:flex;text-transform:capitalize;font-size:.875rem}:host(md-breadcrumb) .md-breadcrumb li:not(:first-child)::before{display:flex;margin:0 .75rem;color:var(--breadcrumb-color-slash,#949494);content:"/"}:host(md-breadcrumb) .md-breadcrumb a{color:var(--breadcrumb-color,#00a0d1)}:host(md-breadcrumb) .md-breadcrumb a[aria-current=page]{pointer-events:none;cursor:default;color:var(--breadcrumb-color-current,#292929)}`,i=t(15),l=t(2),b=function(e,r,t,a){var n,s=arguments.length,o=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,r,t,a);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(o=(s<3?n(o):s>3?n(r,t,o):n(r,t))||o);return s>3&&o&&Object.defineProperty(r,t,o),o};!function(e){let r=class extends o.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[n.a,c]}setLastAnchorCurrent(){this.anchors&&this.anchors.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){const r=e.target;if(this.anchors&&this.anchors.length){const e=Array.from(this.anchors).indexOf(r);-1!==e&&(this.navCrumbs=[...this.navCrumbs.splice(0,e+1)])}}render(){return o.html`
+        <nav aria-label="${Object(l.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
+          <ul @click=${e=>this.handleClick(e)}>
+            ${Object(i.repeat)(this.navCrumbs,e=>e.link,e=>o.html`
+                <li>
+                  <a href="${e.link}"> ${e.label} </a>
+                </li>
+              `)}
+          </ul>
+        </nav>
+      `}};b([Object(o.property)({type:String,attribute:"aria-label"})],r.prototype,"label",void 0),b([Object(o.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],r.prototype,"navCrumbs",void 0),b([Object(o.queryAll)("a[href]")],r.prototype,"anchors",void 0),r=b([Object(s.a)("md-breadcrumb")],r),e.ELEMENT=r}(a||(a={}))}}]);