@momentum-ui/web-components 3.2.12 → 3.2.14

package/dist/esm/comp/md-audio-player-entry.js

@@ -1,4 +1,4 @@
-import*as e from"@momentum-ui/icons/data/momentumUiIconsNames.json";import*as t from"@momentum-ui/utils/lib/getColorValue";import*as i from"lit";import*as o from"lit/decorators.js";import*as s from"lit/directives/class-map.js";import*as a from"lit/directives/if-defined.js";import*as l from"lit/directives/style-map.js";import*as r from"mobx";var n,d,p={3764(e,t,i){i.d(t,{Y$:()=>c,c6:()=>m,ys:()=>u}),i(5983),i(1821),i(9613);var o=i(2900),s=i(9609),a=i(4084),l=i(2927),r=i(8899),n=i(4955),d=i(9404),p=function(e,t,i,o){var s,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(l=(a<3?s(l):a>3?s(t,i,l):s(t,i))||l);return a>3&&l&&Object.defineProperty(t,i,l),l};const 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"}],m={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var c;!function(e){let t=class extends l.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>"speed-btn"===e.id),t||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:t}=e;switch(t){case o.Uz.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case o.Uz.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case o.Uz.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=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.Uz.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.Uz.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),e.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=m}firstUpdated(e){super.firstUpdated(e),e.has("src")&&(this.audio.src=this.src)}updated(e){super.updated(e),e.has("src")&&(this.audio.src=this.src)}connectedCallback(){super.connectedCallback(),this.requestUpdate("src"),document.addEventListener("click",this.onOutsideClick),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.audio.pause(),this.isPlaying=!1}setAudioEventListeners(){this.audio.onloadeddata=()=>{this.duration=this.audio.duration,this.audio.volume=.75},this.audio.onerror=()=>{this.audio.src&&this.dispatchEvent(new CustomEvent("playback-error",{composed:!0,bubbles:!0}))},this.audio.onended=()=>{this.audio.currentTime=0,this.isPlaying=!1},this.audio.ontimeupdate=()=>{this.currentTime=this.audio.currentTime},this.audio.onvolumechange=()=>{this.volume=this.audio.volume},this.audio.onprogress=()=>{this.audio.buffered.length>0&&(this.bufferedRange=this.audio.buffered.end(this.audio.buffered.length-1))}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?(this.audio.play(),this.dispatchEvent(new CustomEvent("play-clicked",{composed:!0,bubbles:!0}))):this.audio.pause()}toTimecode(e){const t=Math.floor(e);return`${Math.floor(t/60)}:${String(t%60).padStart(2,"0")}`}setTime(e){const t=this.getBarPercentage(e,"timeline"),i=Math.floor(t*this.duration);this.audio.currentTime=i}setVolumeElement(e){this.volumeElement="volume"===e.target.className?e.target:e.target.parentElement}handleVolumeChange(e){let t=!1;this.setVolumeElement(e),this.setVolume(e);const i=e=>{t||(t=!0),this.volumeExpanded?this.setVolume(e):s()},o=()=>{s()},s=()=>{t=!1,window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",o)};window.addEventListener("mousemove",i),window.addEventListener("mouseup",o),e.preventDefault()}getVolumeFromSlider(e){if(null===this.volumeElement)return 0;const t=this.volumeElement.getBoundingClientRect(),i=e.clientX-t.x;return Math.max(0,Math.min(1,i/t.width))}setVolume(e){const t=this.getVolumeFromSlider(e);this.audio.volume=t}getBarPercentage(e,t){const i=(e.target.className===t?e.target:e.target.parentElement).getBoundingClientRect();return(e.clientX-i.x)/i.width}toggleSoundMute(){this.isMuted=!this.isMuted,this.audio.muted=this.isMuted}toggleSpeedPopup(){this.showSpeedPopup=!this.showSpeedPopup}setTimeKeydown(e){e>this.duration?(this.currentTime=this.duration,this.audio.currentTime=this.duration):e<0?(this.currentTime=0,this.audio.currentTime=0):(this.currentTime=e,this.audio.currentTime=e)}setVolumeKeydown(e){e>1?(this.volume=1,this.audio.volume=1):e<0?(this.isMuted||this.toggleSoundMute(),this.volume=0,this.audio.volume=0):(this.isMuted&&this.toggleSoundMute(),this.volume=e,this.audio.volume=e)}get popupClassMap(){return{"popup-open":this.showSpeedPopup}}setPlaybackSpeed(e){this.playbackSpeed=e,this.selectedPlaybackSpeed=e,this.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[a.A,d.A]}render(){return l.html`
+var e,t,i={3764(e,t,i){i.d(t,{Y$:()=>c,c6:()=>m,ys:()=>u}),i(5983),i(1821),i(9613);var o=i(2900),s=i(9609),a=i(4084),l=i(2927),r=i(8899),n=i(4955),d=i(9404),p=function(e,t,i,o){var s,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(l=(a<3?s(l):a>3?s(t,i,l):s(t,i))||l);return a>3&&l&&Object.defineProperty(t,i,l),l};const 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"}],m={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var c;!function(e){let t=class extends l.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>"speed-btn"===e.id),t||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:t}=e;switch(t){case o.Uz.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case o.Uz.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case o.Uz.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=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.Uz.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.Uz.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),e.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=m}firstUpdated(e){super.firstUpdated(e),e.has("src")&&(this.audio.src=this.src)}updated(e){super.updated(e),e.has("src")&&(this.audio.src=this.src)}connectedCallback(){super.connectedCallback(),this.requestUpdate("src"),document.addEventListener("click",this.onOutsideClick),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.audio.pause(),this.isPlaying=!1}setAudioEventListeners(){this.audio.onloadeddata=()=>{this.duration=this.audio.duration,this.audio.volume=.75},this.audio.onerror=()=>{this.audio.src&&this.dispatchEvent(new CustomEvent("playback-error",{composed:!0,bubbles:!0}))},this.audio.onended=()=>{this.audio.currentTime=0,this.isPlaying=!1},this.audio.ontimeupdate=()=>{this.currentTime=this.audio.currentTime},this.audio.onvolumechange=()=>{this.volume=this.audio.volume},this.audio.onprogress=()=>{this.audio.buffered.length>0&&(this.bufferedRange=this.audio.buffered.end(this.audio.buffered.length-1))}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?(this.audio.play(),this.dispatchEvent(new CustomEvent("play-clicked",{composed:!0,bubbles:!0}))):this.audio.pause()}toTimecode(e){const t=Math.floor(e);return`${Math.floor(t/60)}:${String(t%60).padStart(2,"0")}`}setTime(e){const t=this.getBarPercentage(e,"timeline"),i=Math.floor(t*this.duration);this.audio.currentTime=i}setVolumeElement(e){this.volumeElement="volume"===e.target.className?e.target:e.target.parentElement}handleVolumeChange(e){let t=!1;this.setVolumeElement(e),this.setVolume(e);const i=e=>{t||(t=!0),this.volumeExpanded?this.setVolume(e):s()},o=()=>{s()},s=()=>{t=!1,window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",o)};window.addEventListener("mousemove",i),window.addEventListener("mouseup",o),e.preventDefault()}getVolumeFromSlider(e){if(null===this.volumeElement)return 0;const t=this.volumeElement.getBoundingClientRect(),i=e.clientX-t.x;return Math.max(0,Math.min(1,i/t.width))}setVolume(e){const t=this.getVolumeFromSlider(e);this.audio.volume=t}getBarPercentage(e,t){const i=(e.target.className===t?e.target:e.target.parentElement).getBoundingClientRect();return(e.clientX-i.x)/i.width}toggleSoundMute(){this.isMuted=!this.isMuted,this.audio.muted=this.isMuted}toggleSpeedPopup(){this.showSpeedPopup=!this.showSpeedPopup}setTimeKeydown(e){e>this.duration?(this.currentTime=this.duration,this.audio.currentTime=this.duration):e<0?(this.currentTime=0,this.audio.currentTime=0):(this.currentTime=e,this.audio.currentTime=e)}setVolumeKeydown(e){e>1?(this.volume=1,this.audio.volume=1):e<0?(this.isMuted||this.toggleSoundMute(),this.volume=0,this.audio.volume=0):(this.isMuted&&this.toggleSoundMute(),this.volume=e,this.audio.volume=e)}get popupClassMap(){return{"popup-open":this.showSpeedPopup}}setPlaybackSpeed(e){this.playbackSpeed=e,this.selectedPlaybackSpeed=e,this.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[a.A,d.A]}render(){return l.html`
         <div class="md-audio-player">
           <div class="inner-container">
             <div class="play-container">
@@ -95,4 +95,4 @@ import*as e from"@momentum-ui/icons/data/momentumUiIconsNames.json";import*as t
             </div>
           </div>
         </div>
-      `}};p([(0,r.property)({type:String})],t.prototype,"src",void 0),p([(0,r.property)({type:Object})],t.prototype,"labelMap",void 0),p([(0,r.state)()],t.prototype,"events",void 0),p([(0,r.state)()],t.prototype,"audio",void 0),p([(0,r.state)()],t.prototype,"volumeElement",void 0),p([(0,r.state)()],t.prototype,"isPlaying",void 0),p([(0,r.state)()],t.prototype,"isMuted",void 0),p([(0,r.state)()],t.prototype,"duration",void 0),p([(0,r.state)()],t.prototype,"volume",void 0),p([(0,r.state)()],t.prototype,"currentTime",void 0),p([(0,r.state)()],t.prototype,"showSpeedPopup",void 0),p([(0,r.state)()],t.prototype,"playbackSpeed",void 0),p([(0,r.state)()],t.prototype,"volumeExpanded",void 0),p([(0,r.state)()],t.prototype,"bufferedRange",void 0),p([(0,r.state)()],t.prototype,"selectedPlaybackSpeed",void 0),p([(0,r.state)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=p([(0,s.w)("md-audio-player")],t),e.ELEMENT=t}(c||(c={}))},9500(t,i,o){var s,a;t.exports=(s={default:()=>e.default},a={},o.d(a,s),a)},3496(e,i,o){var s,a;e.exports=(s={default:()=>t.default},a={},o.d(a,s),a)},2927(e,t,o){var s,a;e.exports=(s={LitElement:()=>i.LitElement,css:()=>i.css,html:()=>i.html,nothing:()=>i.nothing},a={},o.d(a,s),a)},8899(e,t,i){var s,a;e.exports=(s={property:()=>o.property,query:()=>o.query,state:()=>o.state},a={},i.d(a,s),a)},4955(e,t,i){var o,a;e.exports=(o={classMap:()=>s.classMap},a={},i.d(a,o),a)},3517(e,t,i){var o,s;e.exports=(o={ifDefined:()=>a.ifDefined},s={},i.d(s,o),s)},1156(e,t,i){var o,s;e.exports=(o={styleMap:()=>l.styleMap},s={},i.d(s,o),s)},4980(e,t,i){var o,s;e.exports=(o={action:()=>r.action,observable:()=>r.observable},s={},i.d(s,o),s)}},u={};function m(e){var t=u[e];if(void 0!==t)return t.exports;var i=u[e]={exports:{}};return p[e](i,i.exports,m),i.exports}m.m=p,n=[],m.O=(e,t,i,o)=>{if(!t){var s=1/0;for(d=0;d<n.length;d++){for(var[t,i,o]=n[d],a=!0,l=0;l<t.length;l++)(!1&o||s>=o)&&Object.keys(m.O).every(e=>m.O[e](t[l]))?t.splice(l--,1):(a=!1,o<s&&(s=o));if(a){n.splice(d--,1);var r=i();void 0!==r&&(e=r)}}return e}o=o||0;for(var d=n.length;d>0&&n[d-1][2]>o;d--)n[d]=n[d-1];n[d]=[t,i,o]},m.d=(e,t)=>{for(var i in t)m.o(t,i)&&!m.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},m.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);export{m as __webpack_require__};d={502:0,1745:0,4545:0,4928:0,5369:0,6060:0,6920:0,8111:0,8220:0,8442:0},m.C=e=>{var t,i,{__webpack_esm_ids__:o,__webpack_esm_modules__:s,__webpack_esm_runtime__:a}=e,l=0;for(t in s)m.o(s,t)&&(m.m[t]=s[t]);for(a&&a(m);l<o.length;l++)i=o[l],m.o(d,i)&&d[i]&&d[i][0](),d[o[l]]=0;m.O()},m.O.j=e=>0===d[e];import*as c from"../9609.js";m.C(c);import*as h from"../4084.js";m.C(h);import*as v from"../3305.js";m.C(v);import*as b from"../4739.js";m.C(b);import*as y from"../7154.js";m.C(y);import*as g from"../9773.js";m.C(g);import*as f from"../5983.js";m.C(f);import*as S from"../9488.js";m.C(S);import*as k from"../1821.js";m.C(k);import*as P from"../2364.js";m.C(P);import*as w from"../9938.js";m.C(w);import*as M from"../4781.js";m.C(M);import*as x from"../5584.js";m.C(x);import*as T from"../8227.js";m.C(T);import*as $ from"../2900.js";m.C($);import*as C from"../2050.js";m.C(C);import*as E from"../6343.js";m.C(E);import*as j from"../7582.js";m.C(j);import*as L from"../9613.js";m.C(L);import*as D from"../5323.js";m.C(D);import*as O from"../9404.js";m.C(O);var V=m.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,2364,9938,4781,5584,8227,2900,2050,6343,7582,9613,5323,9404],()=>m(3764));const _=(V=m.O(V)).Y$,B=V.c6,R=V.ys;export{_ as AudioPlayer,B as defaultLabelMap,R as playbackSpeeds};
+      `}};p([(0,r.property)({type:String})],t.prototype,"src",void 0),p([(0,r.property)({type:Object})],t.prototype,"labelMap",void 0),p([(0,r.state)()],t.prototype,"events",void 0),p([(0,r.state)()],t.prototype,"audio",void 0),p([(0,r.state)()],t.prototype,"volumeElement",void 0),p([(0,r.state)()],t.prototype,"isPlaying",void 0),p([(0,r.state)()],t.prototype,"isMuted",void 0),p([(0,r.state)()],t.prototype,"duration",void 0),p([(0,r.state)()],t.prototype,"volume",void 0),p([(0,r.state)()],t.prototype,"currentTime",void 0),p([(0,r.state)()],t.prototype,"showSpeedPopup",void 0),p([(0,r.state)()],t.prototype,"playbackSpeed",void 0),p([(0,r.state)()],t.prototype,"volumeExpanded",void 0),p([(0,r.state)()],t.prototype,"bufferedRange",void 0),p([(0,r.state)()],t.prototype,"selectedPlaybackSpeed",void 0),p([(0,r.state)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=p([(0,s.w)("md-audio-player")],t),e.ELEMENT=t}(c||(c={}))}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return i[e](a,a.exports,s),a.exports}s.m=i,e=[],s.O=(t,i,o,a)=>{if(!i){var l=1/0;for(p=0;p<e.length;p++){for(var[i,o,a]=e[p],r=!0,n=0;n<i.length;n++)(!1&a||l>=a)&&Object.keys(s.O).every(e=>s.O[e](i[n]))?i.splice(n--,1):(r=!1,a<l&&(l=a));if(r){e.splice(p--,1);var d=o();void 0!==d&&(t=d)}}return t}a=a||0;for(var p=e.length;p>0&&e[p-1][2]>a;p--)e[p]=e[p-1];e[p]=[i,o,a]},s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);export{s as __webpack_require__};t={8220:0},s.C=e=>{var i,o,{__webpack_esm_ids__:a,__webpack_esm_modules__:l,__webpack_esm_runtime__:r}=e,n=0;for(i in l)s.o(l,i)&&(s.m[i]=l[i]);for(r&&r(s);n<a.length;n++)o=a[n],s.o(t,o)&&t[o]&&t[o][0](),t[a[n]]=0;s.O()},s.O.j=e=>0===t[e];import*as a from"../9609.js";s.C(a);import*as l from"../4084.js";s.C(l);import*as r from"../4955.js";s.C(r);import*as n from"../3517.js";s.C(n);import*as d from"../1156.js";s.C(d);import*as p from"../3305.js";s.C(p);import*as u from"../4739.js";s.C(u);import*as m from"../7154.js";s.C(m);import*as c from"../9773.js";s.C(c);import*as h from"../5983.js";s.C(h);import*as v from"../7755.js";s.C(v);import*as b from"../1821.js";s.C(b);import*as y from"../2364.js";s.C(y);import*as g from"../4980.js";s.C(g);import*as f from"../5308.js";s.C(f);import*as S from"../9938.js";s.C(S);import*as k from"../9500.js";s.C(k);import*as P from"../4781.js";s.C(P);import*as w from"../5584.js";s.C(w);import*as M from"../8227.js";s.C(M);import*as C from"../2900.js";s.C(C);import*as T from"../2050.js";s.C(T);import*as $ from"../1280.js";s.C($);import*as x from"../6343.js";s.C(x);import*as j from"../7582.js";s.C(j);import*as E from"../9613.js";s.C(E);import*as L from"../5323.js";s.C(L);import*as O from"../9404.js";s.C(O);var _=s.O(void 0,[9609,4084,4955,3517,1156,3305,4739,7154,9773,5983,7755,1821,2364,4980,5308,9938,9500,4781,5584,8227,2900,2050,1280,6343,7582,9613,5323,9404],()=>s(3764));const D=(_=s.O(_)).Y$,V=_.c6,B=_.ys;export{D as AudioPlayer,V as defaultLabelMap,B as playbackSpeeds};

package/dist/esm/comp/md-audio-player.js

@@ -1 +1 @@
-import"../9609.js";import"../4084.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../5983.js";import"../9488.js";import"../1821.js";import"../2364.js";import"../9938.js";import"../4781.js";import"../5584.js";import"../8227.js";import"../2900.js";import"../2050.js";import"../6343.js";import"../7582.js";import"../9613.js";import"../5323.js";import"../9404.js";export*from"../comp/md-audio-player-entry.js";
+import"../9609.js";import"../4084.js";import"../4955.js";import"../3517.js";import"../1156.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../5983.js";import"../7755.js";import"../1821.js";import"../2364.js";import"../4980.js";import"../5308.js";import"../9938.js";import"../9500.js";import"../4781.js";import"../5584.js";import"../8227.js";import"../2900.js";import"../2050.js";import"../1280.js";import"../6343.js";import"../7582.js";import"../9613.js";import"../5323.js";import"../9404.js";export*from"../comp/md-audio-player-entry.js";

package/dist/esm/comp/md-avatar-entry.js

@@ -1 +1 @@
-import*as r from"@momentum-ui/icons/data/momentumUiIconsNames.json";import*as o from"@momentum-ui/utils/lib/getColorValue";import*as t from"lit";import*as s from"lit/decorators.js";import*as e from"lit/directives/class-map.js";import*as a from"lit/directives/if-defined.js";import*as m from"lit/directives/style-map.js";import*as i from"lit/directives/until.js";import*as p from"mobx";var f,l,n={9500(o,t,s){var e,a;o.exports=(e={default:()=>r.default},a={},s.d(a,e),a)},3496(r,t,s){var e,a;r.exports=(e={default:()=>o.default},a={},s.d(a,e),a)},2927(r,o,s){var e,a;r.exports=(e={LitElement:()=>t.LitElement,css:()=>t.css,html:()=>t.html,nothing:()=>t.nothing},a={},s.d(a,e),a)},8899(r,o,t){var e,a;r.exports=(e={property:()=>s.property,query:()=>s.query,state:()=>s.state},a={},t.d(a,e),a)},4955(r,o,t){var s,a;r.exports=(s={classMap:()=>e.classMap},a={},t.d(a,s),a)},3517(r,o,t){var s,e;r.exports=(s={ifDefined:()=>a.ifDefined},e={},t.d(e,s),e)},1156(r,o,t){var s,e;r.exports=(s={styleMap:()=>m.styleMap},e={},t.d(e,s),e)},1666(r,o,t){var s,e;r.exports=(s={until:()=>i.until},e={},t.d(e,s),e)},4980(r,o,t){var s,e;r.exports=(s={action:()=>p.action,observable:()=>p.observable},e={},t.d(e,s),e)}},d={};function v(r){var o=d[r];if(void 0!==o)return o.exports;var t=d[r]={exports:{}};return n[r](t,t.exports,v),t.exports}v.m=n,f=[],v.O=(r,o,t,s)=>{if(!o){var e=1/0;for(p=0;p<f.length;p++){for(var[o,t,s]=f[p],a=!0,m=0;m<o.length;m++)(!1&s||e>=s)&&Object.keys(v.O).every(r=>v.O[r](o[m]))?o.splice(m--,1):(a=!1,s<e&&(e=s));if(a){f.splice(p--,1);var i=t();void 0!==i&&(r=i)}}return r}s=s||0;for(var p=f.length;p>0&&f[p-1][2]>s;p--)f[p]=f[p-1];f[p]=[o,t,s]},v.d=(r,o)=>{for(var t in o)v.o(o,t)&&!v.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:o[t]})},v.o=(r,o)=>Object.prototype.hasOwnProperty.call(r,o);export{v as __webpack_require__};l={502:0,1745:0,4545:0,4928:0,5369:0,6060:0,6920:0,8111:0,8115:0,8442:0},v.C=r=>{var o,t,{__webpack_esm_ids__:s,__webpack_esm_modules__:e,__webpack_esm_runtime__:a}=r,m=0;for(o in e)v.o(e,o)&&(v.m[o]=e[o]);for(a&&a(v);m<s.length;m++)t=s[m],v.o(l,t)&&l[t]&&l[t][0](),l[s[m]]=0;v.O()},v.O.j=r=>0===l[r];import*as j from"../9609.js";v.C(j);import*as c from"../4084.js";v.C(c);import*as u from"../3305.js";v.C(u);import*as C from"../4739.js";v.C(C);import*as _ from"../7154.js";v.C(_);import*as x from"../9773.js";v.C(x);import*as b from"../5983.js";v.C(b);import*as y from"../9488.js";v.C(y);import*as O from"../1821.js";v.C(O);import*as h from"../519.js";v.C(h);import*as g from"../6325.js";v.C(g);import*as k from"../4449.js";v.C(k);import*as w from"../1392.js";v.C(w);import*as M from"../1618.js";v.C(M);import*as q from"../378.js";v.C(q);import*as D from"../9244.js";v.C(D);import*as E from"../2245.js";v.C(E);var L=v.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,6325,4449,1392,1618,378,9244,2245],()=>v(2245));const P=(L=v.O(L)).e;export{P as Avatar};
+var r,o,s={},m={};function t(r){var o=m[r];if(void 0!==o)return o.exports;var a=m[r]={exports:{}};return s[r](a,a.exports,t),a.exports}t.m=s,r=[],t.O=(o,s,m,a)=>{if(!s){var e=1/0;for(j=0;j<r.length;j++){for(var[s,m,a]=r[j],p=!0,i=0;i<s.length;i++)(!1&a||e>=a)&&Object.keys(t.O).every(r=>t.O[r](s[i]))?s.splice(i--,1):(p=!1,a<e&&(e=a));if(p){r.splice(j--,1);var f=m();void 0!==f&&(o=f)}}return o}a=a||0;for(var j=r.length;j>0&&r[j-1][2]>a;j--)r[j]=r[j-1];r[j]=[s,m,a]},t.d=(r,o)=>{for(var s in o)t.o(o,s)&&!t.o(r,s)&&Object.defineProperty(r,s,{enumerable:!0,get:o[s]})},t.o=(r,o)=>Object.prototype.hasOwnProperty.call(r,o);export{t as __webpack_require__};o={8115:0},t.C=r=>{var s,m,{__webpack_esm_ids__:a,__webpack_esm_modules__:e,__webpack_esm_runtime__:p}=r,i=0;for(s in e)t.o(e,s)&&(t.m[s]=e[s]);for(p&&p(t);i<a.length;i++)m=a[i],t.o(o,m)&&o[m]&&o[m][0](),o[a[i]]=0;t.O()},t.O.j=r=>0===o[r];import*as a from"../9609.js";t.C(a);import*as e from"../4084.js";t.C(e);import*as p from"../4955.js";t.C(p);import*as i from"../3517.js";t.C(i);import*as f from"../1156.js";t.C(f);import*as j from"../3305.js";t.C(j);import*as C from"../4739.js";t.C(C);import*as _ from"../7154.js";t.C(_);import*as n from"../9773.js";t.C(n);import*as v from"../5983.js";t.C(v);import*as c from"../7755.js";t.C(c);import*as O from"../1821.js";t.C(O);import*as l from"../4980.js";t.C(l);import*as b from"../9500.js";t.C(b);import*as d from"../519.js";t.C(d);import*as u from"../4137.js";t.C(u);import*as x from"../8165.js";t.C(x);import*as g from"../6325.js";t.C(g);import*as h from"../4449.js";t.C(h);import*as y from"../1392.js";t.C(y);import*as k from"../3365.js";t.C(k);import*as w from"../378.js";t.C(w);import*as P from"../9244.js";t.C(P);import*as A from"../2245.js";t.C(A);var q=t.O(void 0,[9609,4084,4955,3517,1156,3305,4739,7154,9773,5983,7755,1821,4980,9500,519,4137,8165,6325,4449,1392,3365,378,9244,2245],()=>t(2245));const z=(q=t.O(q)).e;export{z as Avatar};

package/dist/esm/comp/md-avatar.js

@@ -1 +1 @@
-import"../9609.js";import"../4084.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../5983.js";import"../9488.js";import"../1821.js";import"../519.js";import"../6325.js";import"../4449.js";import"../1392.js";import"../1618.js";import"../378.js";import"../9244.js";import"../2245.js";export*from"../comp/md-avatar-entry.js";
+import"../9609.js";import"../4084.js";import"../4955.js";import"../3517.js";import"../1156.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../5983.js";import"../7755.js";import"../1821.js";import"../4980.js";import"../9500.js";import"../519.js";import"../4137.js";import"../8165.js";import"../6325.js";import"../4449.js";import"../1392.js";import"../3365.js";import"../378.js";import"../9244.js";import"../2245.js";export*from"../comp/md-avatar-entry.js";

package/dist/esm/comp/md-badge-entry.js

@@ -1 +1 @@
-import*as r from"lit";import*as e from"lit/decorators.js";import*as o from"lit/directives/class-map.js";import*as t from"lit/directives/if-defined.js";var s,i,a={2927(e,o,t){var s,i;e.exports=(s={LitElement:()=>r.LitElement,css:()=>r.css,html:()=>r.html,nothing:()=>r.nothing},i={},t.d(i,s),i)},8899(r,o,t){var s,i;r.exports=(s={property:()=>e.property},i={},t.d(i,s),i)},4955(r,e,t){var s,i;r.exports=(s={classMap:()=>o.classMap},i={},t.d(i,s),i)},3517(r,e,o){var s,i;r.exports=(s={ifDefined:()=>t.ifDefined},i={},o.d(i,s),i)}},p={};function m(r){var e=p[r];if(void 0!==e)return e.exports;var o=p[r]={exports:{}};return a[r](o,o.exports,m),o.exports}m.m=a,s=[],m.O=(r,e,o,t)=>{if(!e){var i=1/0;for(n=0;n<s.length;n++){for(var[e,o,t]=s[n],a=!0,p=0;p<e.length;p++)(!1&t||i>=t)&&Object.keys(m.O).every(r=>m.O[r](e[p]))?e.splice(p--,1):(a=!1,t<i&&(i=t));if(a){s.splice(n--,1);var f=o();void 0!==f&&(r=f)}}return r}t=t||0;for(var n=s.length;n>0&&s[n-1][2]>t;n--)s[n]=s[n-1];s[n]=[e,o,t]},m.d=(r,e)=>{for(var o in e)m.o(e,o)&&!m.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},m.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e);export{m as __webpack_require__};i={502:0,1745:0,4928:0,5369:0,6060:0,8111:0,8442:0},m.C=r=>{var e,o,{__webpack_esm_ids__:t,__webpack_esm_modules__:s,__webpack_esm_runtime__:a}=r,p=0;for(e in s)m.o(s,e)&&(m.m[e]=s[e]);for(a&&a(m);p<t.length;p++)o=t[p],m.o(i,o)&&i[o]&&i[o][0](),i[t[p]]=0;m.O()},m.O.j=r=>0===i[r];import*as f from"../9609.js";m.C(f);import*as n from"../4084.js";m.C(n);import*as l from"../3543.js";m.C(l);import*as v from"../7901.js";m.C(v);import*as c from"../4958.js";m.C(c);var d=m.O(void 0,[9609,4084,3543,7901,4958],()=>m(7901));const _=(d=m.O(d)).E;export{_ as Badge};
+var r,o,e={},s={};function t(r){var o=s[r];if(void 0!==o)return o.exports;var a=s[r]={exports:{}};return e[r](a,a.exports,t),a.exports}t.m=e,r=[],t.O=(o,e,s,a)=>{if(!e){var m=1/0;for(_=0;_<r.length;_++){for(var[e,s,a]=r[_],p=!0,i=0;i<e.length;i++)(!1&a||m>=a)&&Object.keys(t.O).every(r=>t.O[r](e[i]))?e.splice(i--,1):(p=!1,a<m&&(m=a));if(p){r.splice(_--,1);var f=s();void 0!==f&&(o=f)}}return o}a=a||0;for(var _=r.length;_>0&&r[_-1][2]>a;_--)r[_]=r[_-1];r[_]=[e,s,a]},t.d=(r,o)=>{for(var e in o)t.o(o,e)&&!t.o(r,e)&&Object.defineProperty(r,e,{enumerable:!0,get:o[e]})},t.o=(r,o)=>Object.prototype.hasOwnProperty.call(r,o);export{t as __webpack_require__};o={8111:0},t.C=r=>{var e,s,{__webpack_esm_ids__:a,__webpack_esm_modules__:m,__webpack_esm_runtime__:p}=r,i=0;for(e in m)t.o(m,e)&&(t.m[e]=m[e]);for(p&&p(t);i<a.length;i++)s=a[i],t.o(o,s)&&o[s]&&o[s][0](),o[a[i]]=0;t.O()},t.O.j=r=>0===o[r];import*as a from"../9609.js";t.C(a);import*as m from"../4084.js";t.C(m);import*as p from"../4955.js";t.C(p);import*as i from"../3517.js";t.C(i);import*as f from"../8165.js";t.C(f);import*as _ from"../6518.js";t.C(_);import*as n from"../3543.js";t.C(n);import*as v from"../7901.js";t.C(v);import*as j from"../4958.js";t.C(j);var c=t.O(void 0,[9609,4084,4955,3517,8165,6518,3543,7901,4958],()=>t(7901));const O=(c=t.O(c)).E;export{O as Badge};

package/dist/esm/comp/md-badge.js

@@ -1 +1 @@
-import"../9609.js";import"../4084.js";import"../3543.js";import"../7901.js";import"../4958.js";export*from"../comp/md-badge-entry.js";
+import"../9609.js";import"../4084.js";import"../4955.js";import"../3517.js";import"../8165.js";import"../6518.js";import"../3543.js";import"../7901.js";import"../4958.js";export*from"../comp/md-badge-entry.js";

package/dist/esm/comp/md-breadcrumb-entry.js

@@ -1,11 +1,11 @@
-import*as e from"lit";import*as r from"lit/decorators.js";import*as t from"lit/directives/if-defined.js";import*as a from"lit/directives/repeat.js";var s,o,i={3445(e,r,t){t.d(r,{Q:()=>a});var a,s=t(9609),o=t(4084),i=t(2927),n=t(8899),l=t(3517),p=t(2577),c=t(9485),d=function(e,r,t,a){var s,o=arguments.length,i=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,r,t,a);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(i=(o<3?s(i):o>3?s(r,t,i):s(r,t))||i);return o>3&&i&&Object.defineProperty(r,t,i),i};!function(e){let r=class extends i.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[o.A,c.A]}setLastAnchorCurrent(){var e;(null===(e=this.anchors)||void 0===e?void 0:e.length)&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(e){super.firstUpdated(e),this.setLastAnchorCurrent()}update(e){super.update(e),e.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(e){var r;const t=e.target;if(null===(r=this.anchors)||void 0===r?void 0:r.length){const e=Array.from(this.anchors).indexOf(t);-1!==e&&(this.navCrumbs=[...this.navCrumbs.splice(0,e+1)])}}render(){return i.html`
+import*as r from"lit/decorators.js";var e,t,a={3445(r,e,t){t.d(e,{Q:()=>a});var a,o=t(9609),s=t(4084),i=t(2927),n=t(8899),l=t(3517),p=t(2577),c=t(9485),u=function(r,e,t,a){var o,s=arguments.length,i=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,e,t,a);else for(var n=r.length-1;n>=0;n--)(o=r[n])&&(i=(s<3?o(i):s>3?o(e,t,i):o(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};!function(r){let e=class extends i.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[s.A,c.A]}setLastAnchorCurrent(){var r;(null===(r=this.anchors)||void 0===r?void 0:r.length)&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(r){super.firstUpdated(r),this.setLastAnchorCurrent()}update(r){super.update(r),r.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(r){var e;const t=r.target;if(null===(e=this.anchors)||void 0===e?void 0:e.length){const r=Array.from(this.anchors).indexOf(t);-1!==r&&(this.navCrumbs=[...this.navCrumbs.splice(0,r+1)])}}render(){return i.html`
         <nav aria-label="${(0,l.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
-          <ul @click=${e=>this.handleClick(e)}>
-            ${(0,p.repeat)(this.navCrumbs,e=>e.link,e=>i.html`
+          <ul @click=${r=>this.handleClick(r)}>
+            ${(0,p.repeat)(this.navCrumbs,r=>r.link,r=>i.html`
                 <li>
-                  <a href="${e.link}"> ${e.label} </a>
+                  <a href="${r.link}"> ${r.label} </a>
                 </li>
               `)}
           </ul>
         </nav>
-      `}};d([(0,n.property)({type:String,attribute:"aria-label"})],r.prototype,"label",void 0),d([(0,n.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],r.prototype,"navCrumbs",void 0),d([(0,n.queryAll)("a[href]")],r.prototype,"anchors",void 0),r=d([(0,s.w)("md-breadcrumb")],r),e.ELEMENT=r}(a||(a={}))},2927(r,t,a){var s,o;r.exports=(s={LitElement:()=>e.LitElement,css:()=>e.css,html:()=>e.html},o={},a.d(o,s),o)},8899(e,t,a){var s,o;e.exports=(s={property:()=>r.property,queryAll:()=>r.queryAll},o={},a.d(o,s),o)},3517(e,r,a){var s,o;e.exports=(s={ifDefined:()=>t.ifDefined},o={},a.d(o,s),o)},2577(e,r,t){var s,o;e.exports=(s={repeat:()=>a.repeat},o={},t.d(o,s),o)}},n={};function l(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return i[e](t,t.exports,l),t.exports}l.m=i,s=[],l.O=(e,r,t,a)=>{if(!r){var o=1/0;for(c=0;c<s.length;c++){for(var[r,t,a]=s[c],i=!0,n=0;n<r.length;n++)(!1&a||o>=a)&&Object.keys(l.O).every(e=>l.O[e](r[n]))?r.splice(n--,1):(i=!1,a<o&&(o=a));if(i){s.splice(c--,1);var p=t();void 0!==p&&(e=p)}}return e}a=a||0;for(var c=s.length;c>0&&s[c-1][2]>a;c--)s[c]=s[c-1];s[c]=[r,t,a]},l.d=(e,r)=>{for(var t in r)l.o(r,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},l.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r);export{l as __webpack_require__};o={555:0,6060:0},l.C=e=>{var r,t,{__webpack_esm_ids__:a,__webpack_esm_modules__:s,__webpack_esm_runtime__:i}=e,n=0;for(r in s)l.o(s,r)&&(l.m[r]=s[r]);for(i&&i(l);n<a.length;n++)t=a[n],l.o(o,t)&&o[t]&&o[t][0](),o[a[n]]=0;l.O()},l.O.j=e=>0===o[e];import*as p from"../9609.js";l.C(p);import*as c from"../4084.js";l.C(c);import*as d from"../9485.js";l.C(d);var f=l.O(void 0,[9609,4084,9485],()=>l(3445));const u=(f=l.O(f)).Q;export{u as Breadcrumb};
+      `}};u([(0,n.property)({type:String,attribute:"aria-label"})],e.prototype,"label",void 0),u([(0,n.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],e.prototype,"navCrumbs",void 0),u([(0,n.queryAll)("a[href]")],e.prototype,"anchors",void 0),e=u([(0,o.w)("md-breadcrumb")],e),r.ELEMENT=e}(a||(a={}))},8899(e,t,a){var o,s;e.exports=(o={property:()=>r.property,queryAll:()=>r.queryAll},s={},a.d(s,o),s)}},o={};function s(r){var e=o[r];if(void 0!==e)return e.exports;var t=o[r]={exports:{}};return a[r](t,t.exports,s),t.exports}s.m=a,e=[],s.O=(r,t,a,o)=>{if(!t){var i=1/0;for(c=0;c<e.length;c++){for(var[t,a,o]=e[c],n=!0,l=0;l<t.length;l++)(!1&o||i>=o)&&Object.keys(s.O).every(r=>s.O[r](t[l]))?t.splice(l--,1):(n=!1,o<i&&(i=o));if(n){e.splice(c--,1);var p=a();void 0!==p&&(r=p)}}return r}o=o||0;for(var c=e.length;c>0&&e[c-1][2]>o;c--)e[c]=e[c-1];e[c]=[t,a,o]},s.d=(r,e)=>{for(var t in e)s.o(e,t)&&!s.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:e[t]})},s.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e);export{s as __webpack_require__};t={555:0,1280:0,1756:0,4137:0,4613:0,6518:0,6994:0,8899:0,9375:0},s.C=r=>{var e,a,{__webpack_esm_ids__:o,__webpack_esm_modules__:i,__webpack_esm_runtime__:n}=r,l=0;for(e in i)s.o(i,e)&&(s.m[e]=i[e]);for(n&&n(s);l<o.length;l++)a=o[l],s.o(t,a)&&t[a]&&t[a][0](),t[o[l]]=0;s.O()},s.O.j=r=>0===t[r];import*as i from"../9609.js";s.C(i);import*as n from"../4084.js";s.C(n);import*as l from"../3517.js";s.C(l);import*as p from"../2577.js";s.C(p);import*as c from"../546.js";s.C(c);import*as u from"../9485.js";s.C(u);var h=s.O(void 0,[9609,4084,3517,2577,546,9485],()=>s(3445));const d=(h=s.O(h)).Q;export{d as Breadcrumb};

package/dist/esm/comp/md-breadcrumb.js

@@ -1 +1 @@
-import"../9609.js";import"../4084.js";import"../9485.js";export*from"../comp/md-breadcrumb-entry.js";
+import"../9609.js";import"../4084.js";import"../3517.js";import"../2577.js";import"../546.js";import"../9485.js";export*from"../comp/md-breadcrumb-entry.js";

package/dist/esm/comp/md-button-entry.js

@@ -1,4 +1,4 @@
-import*as t from"lit";import*as e from"lit/decorators.js";import*as i from"lit/directives/class-map.js";import*as o from"lit/directives/if-defined.js";import*as r from"lit/directives/style-map.js";var a,s,n={5983(t,e,i){i.d(e,{$n:()=>$,El:()=>c,Fr:()=>u,Gh:()=>g,MS:()=>b,Sq:()=>f,r3:()=>v,uZ:()=>m});var o=i(6616),r=(i(9773),i(9609)),a=i(7154),s=i(4084),n=i(2927),p=i(8899),d=i(4955),l=i(3517),h=i(680),y=function(t,e,i,o){var r,a=arguments.length,s=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(s=(a<3?r(s):a>3?r(e,i,s):r(e,i))||s);return a>3&&s&&Object.defineProperty(e,i,s),s};const c=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],u=["button","input","a"],v=["button","reset","submit"],b=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],m=["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","inverted-ghost","dropdown","secondary-negative","secondary-positive","secondary-accent"],f=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],g=["","off","polite","assertive"];var $;!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.autofocus=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:n.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:n.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return n.html`
+var t,e,i={5983(t,e,i){i.d(e,{$n:()=>$,El:()=>c,Fr:()=>u,Gh:()=>g,MS:()=>v,Sq:()=>f,r3:()=>b,uZ:()=>m});var o=i(6616),r=(i(9773),i(9609)),a=i(7154),s=i(4084),n=i(2927),p=i(8899),d=i(4955),l=i(3517),h=i(680),y=function(t,e,i,o){var r,a=arguments.length,s=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(s=(a<3?r(s):a>3?r(e,i,s):r(e,i))||s);return a>3&&s&&Object.defineProperty(e,i,s),s};const c=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],u=["button","input","a"],b=["button","reset","submit"],v=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],m=["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","inverted-ghost","dropdown","secondary-negative","secondary-positive","secondary-accent"],f=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],g=["","off","polite","assertive"];var $;!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.autofocus=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:n.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:n.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return n.html`
           <style>
             :host .md-button--${this.size} {
               ${this.renderWidth()};
@@ -76,4 +76,4 @@ import*as t from"lit";import*as e from"lit/decorators.js";import*as i from"lit/d
                 <div part="button-label" class="md-button__label">${this.label}</div>
               </div>
             `:n.html` ${this.buttonTemplate(this.tag)} `}
-      `}};y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"active",null),y([(0,p.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),y([(0,p.property)({type:String})],e.prototype,"ariaLabel",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaLabelledBy",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaLive",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaExpanded",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaHaspopup",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaPressed",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"circle",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"rounded",void 0),y([(0,p.property)({type:String})],e.prototype,"color",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"containerLarge",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"disabled",void 0),y([(0,p.property)({type:String})],e.prototype,"href",void 0),y([(0,p.property)({type:String})],e.prototype,"id",void 0),y([(0,p.property)({type:String})],e.prototype,"value",void 0),y([(0,p.property)({type:String})],e.prototype,"keyboardKey",void 0),y([(0,p.property)({type:String})],e.prototype,"label",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"loading",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"outline",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"hasRemoveStyle",void 0),y([(0,p.property)({type:String})],e.prototype,"size",void 0),y([(0,p.property)({type:String})],e.prototype,"tag",void 0),y([(0,p.property)({type:String})],e.prototype,"type",void 0),y([(0,p.property)({type:String})],e.prototype,"role",void 0),y([(0,p.property)({type:String})],e.prototype,"variant",void 0),y([(0,p.property)({type:String})],e.prototype,"width",void 0),y([(0,p.property)({type:String})],e.prototype,"maxWidth",void 0),y([(0,p.property)({type:String})],e.prototype,"activityType",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"iconActive",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"isActive",void 0),y([(0,p.property)({type:String,attribute:"aria-describedby"})],e.prototype,"ariaDescribedBy",void 0),y([(0,p.property)({attribute:!1})],e.prototype,"clickFunction",void 0),y([(0,p.property)({type:Boolean,attribute:"is-placeholder-text"})],e.prototype,"isPlaceholderText",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),y([(0,p.query)(".md-button")],e.prototype,"button",void 0),e=y([(0,r.w)("md-button")],e),t.ELEMENT=e}($||($={}))},2927(e,i,o){var r,a;e.exports=(r={LitElement:()=>t.LitElement,css:()=>t.css,html:()=>t.html,nothing:()=>t.nothing},a={},o.d(a,r),a)},8899(t,i,o){var r,a;t.exports=(r={property:()=>e.property,query:()=>e.query},a={},o.d(a,r),a)},4955(t,e,o){var r,a;t.exports=(r={classMap:()=>i.classMap},a={},o.d(a,r),a)},3517(t,e,i){var r,a;t.exports=(r={ifDefined:()=>o.ifDefined},a={},i.d(a,r),a)},1156(t,e,i){var o,a;t.exports=(o={styleMap:()=>r.styleMap},a={},i.d(a,o),a)}},p={};function d(t){var e=p[t];if(void 0!==e)return e.exports;var i=p[t]={exports:{}};return n[t](i,i.exports,d),i.exports}d.m=n,a=[],d.O=(t,e,i,o)=>{if(!e){var r=1/0;for(l=0;l<a.length;l++){for(var[e,i,o]=a[l],s=!0,n=0;n<e.length;n++)(!1&o||r>=o)&&Object.keys(d.O).every(t=>d.O[t](e[n]))?e.splice(n--,1):(s=!1,o<r&&(r=o));if(s){a.splice(l--,1);var p=i();void 0!==p&&(t=p)}}return t}o=o||0;for(var l=a.length;l>0&&a[l-1][2]>o;l--)a[l]=a[l-1];a[l]=[e,i,o]},d.d=(t,e)=>{for(var i in e)d.o(e,i)&&!d.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},d.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{d as __webpack_require__};s={502:0,1745:0,4545:0,4928:0,5156:0,5369:0,5983:0,6060:0,8111:0,8442:0},d.C=t=>{var e,i,{__webpack_esm_ids__:o,__webpack_esm_modules__:r,__webpack_esm_runtime__:a}=t,n=0;for(e in r)d.o(r,e)&&(d.m[e]=r[e]);for(a&&a(d);n<o.length;n++)i=o[n],d.o(s,i)&&s[i]&&s[i][0](),s[o[n]]=0;d.O()},d.O.j=t=>0===s[t];import*as l from"../9609.js";d.C(l);import*as h from"../4084.js";d.C(h);import*as y from"../3305.js";d.C(y);import*as c from"../4739.js";d.C(c);import*as u from"../7154.js";d.C(u);import*as v from"../9773.js";d.C(v);import*as b from"../519.js";d.C(b);var m=d.O(void 0,[9609,4084,3305,4739,7154,9773,519],()=>d(5983));const f=(m=d.O(m)).$n,g=m.Gh,$=m.Sq,x=m.MS,_=m.El,S=m.Fr,D=m.r3,w=m.uZ;export{f as Button,g as buttonAriaLive,$ as buttonColor,x as buttonRoles,_ as buttonSize,S as buttonTag,D as buttonType,w as buttonVariant};
+      `}};y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"active",null),y([(0,p.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),y([(0,p.property)({type:String})],e.prototype,"ariaLabel",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaLabelledBy",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaLive",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaExpanded",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaHaspopup",void 0),y([(0,p.property)({type:String})],e.prototype,"ariaPressed",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"circle",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"rounded",void 0),y([(0,p.property)({type:String})],e.prototype,"color",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"containerLarge",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"disabled",void 0),y([(0,p.property)({type:String})],e.prototype,"href",void 0),y([(0,p.property)({type:String})],e.prototype,"id",void 0),y([(0,p.property)({type:String})],e.prototype,"value",void 0),y([(0,p.property)({type:String})],e.prototype,"keyboardKey",void 0),y([(0,p.property)({type:String})],e.prototype,"label",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"loading",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"outline",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"hasRemoveStyle",void 0),y([(0,p.property)({type:String})],e.prototype,"size",void 0),y([(0,p.property)({type:String})],e.prototype,"tag",void 0),y([(0,p.property)({type:String})],e.prototype,"type",void 0),y([(0,p.property)({type:String})],e.prototype,"role",void 0),y([(0,p.property)({type:String})],e.prototype,"variant",void 0),y([(0,p.property)({type:String})],e.prototype,"width",void 0),y([(0,p.property)({type:String})],e.prototype,"maxWidth",void 0),y([(0,p.property)({type:String})],e.prototype,"activityType",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"iconActive",void 0),y([(0,p.property)({type:Boolean})],e.prototype,"isActive",void 0),y([(0,p.property)({type:String,attribute:"aria-describedby"})],e.prototype,"ariaDescribedBy",void 0),y([(0,p.property)({attribute:!1})],e.prototype,"clickFunction",void 0),y([(0,p.property)({type:Boolean,attribute:"is-placeholder-text"})],e.prototype,"isPlaceholderText",void 0),y([(0,p.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),y([(0,p.query)(".md-button")],e.prototype,"button",void 0),e=y([(0,r.w)("md-button")],e),t.ELEMENT=e}($||($={}))}},o={};function r(t){var e=o[t];if(void 0!==e)return e.exports;var a=o[t]={exports:{}};return i[t](a,a.exports,r),a.exports}r.m=i,t=[],r.O=(e,i,o,a)=>{if(!i){var s=1/0;for(l=0;l<t.length;l++){for(var[i,o,a]=t[l],n=!0,p=0;p<i.length;p++)(!1&a||s>=a)&&Object.keys(r.O).every(t=>r.O[t](i[p]))?i.splice(p--,1):(n=!1,a<s&&(s=a));if(n){t.splice(l--,1);var d=o();void 0!==d&&(e=d)}}return e}a=a||0;for(var l=t.length;l>0&&t[l-1][2]>a;l--)t[l]=t[l-1];t[l]=[i,o,a]},r.d=(t,e)=>{for(var i in e)r.o(e,i)&&!r.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{r as __webpack_require__};e={5156:0,5983:0},r.C=t=>{var i,o,{__webpack_esm_ids__:a,__webpack_esm_modules__:s,__webpack_esm_runtime__:n}=t,p=0;for(i in s)r.o(s,i)&&(r.m[i]=s[i]);for(n&&n(r);p<a.length;p++)o=a[p],r.o(e,o)&&e[o]&&e[o][0](),e[a[p]]=0;r.O()},r.O.j=t=>0===e[t];import*as a from"../9609.js";r.C(a);import*as s from"../4084.js";r.C(s);import*as n from"../4955.js";r.C(n);import*as p from"../3517.js";r.C(p);import*as d from"../1156.js";r.C(d);import*as l from"../3305.js";r.C(l);import*as h from"../4739.js";r.C(h);import*as y from"../7154.js";r.C(y);import*as c from"../9773.js";r.C(c);import*as u from"../519.js";r.C(u);import*as b from"../8165.js";r.C(b);import*as v from"../9375.js";r.C(v);var m=r.O(void 0,[9609,4084,4955,3517,1156,3305,4739,7154,9773,519,8165,9375],()=>r(5983));const f=(m=r.O(m)).$n,g=m.Gh,$=m.Sq,x=m.MS,_=m.El,S=m.Fr,C=m.r3,w=m.uZ;export{f as Button,g as buttonAriaLive,$ as buttonColor,x as buttonRoles,_ as buttonSize,S as buttonTag,C as buttonType,w as buttonVariant};

package/dist/esm/comp/md-button-group-entry.js

@@ -1,5 +1,5 @@
-import*as t from"lit";import*as e from"lit/decorators.js";var s,i,r={2890(t,e,s){s.d(e,{e:()=>i});var i,r=s(2900),o=s(7704),n=s(4084),d=s(2927),l=s(8899),a=s(2670),c=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(r=t[d])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};!function(t){let e=class extends((0,o.TS)((0,o.yC)(d.LitElement))){constructor(){super(...arguments),this.active=0,this.tabIndex=0,this.newMomentum=!1,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[n.A,a.A]}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,s;const i=this.findSelectedBtnIndex();-1!==i&&i!==t&&(null===(e=this.slotted[i])||void 0===e||e.toggleAttribute("selected",!1)),null===(s=this.slotted[t])||void 0===s||s.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 s=this.getAvailableSelectedIndex(t,e);-1!==s&&(this.active=s,this.setSelected(s),this.notifySelectedChange())}getAvailableSelectedIndex(t,e=1){const s=this.slotted.length;for(let i=0,r=t;i<s;i+=1,r+=e){r<0?r=s-1:r>=s&&(r=0);const t=this.slotted[r];if(this.isFocusable(t))return r}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 r.Uz.Enter:case r.Uz.Space:this.isBtnDisabled(this.active)||(this.setSelected(this.active),this.notifySelectedChange());break;case r.Uz.ArrowLeft:0===this.active?this.switchBtnOnArrowPress(this.slotted.length-1,-1):this.switchBtnOnArrowPress(this.active-1,-1);break;case r.Uz.ArrowRight:this.active===this.slotted.length-1?this.switchBtnOnArrowPress(0):this.switchBtnOnArrowPress(this.active+1)}}render(){return d.html`
+var t,e,s={2890(t,e,s){s.d(e,{e:()=>i});var i,r=s(2900),o=s(7704),n=s(4084),d=s(2927),l=s(8899),a=s(2670),c=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(r=t[d])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};!function(t){let e=class extends((0,o.TS)((0,o.yC)(d.LitElement))){constructor(){super(...arguments),this.active=0,this.tabIndex=0,this.newMomentum=!1,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[n.A,a.A]}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,s;const i=this.findSelectedBtnIndex();-1!==i&&i!==t&&(null===(e=this.slotted[i])||void 0===e||e.toggleAttribute("selected",!1)),null===(s=this.slotted[t])||void 0===s||s.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 s=this.getAvailableSelectedIndex(t,e);-1!==s&&(this.active=s,this.setSelected(s),this.notifySelectedChange())}getAvailableSelectedIndex(t,e=1){const s=this.slotted.length;for(let i=0,r=t;i<s;i+=1,r+=e){r<0?r=s-1:r>=s&&(r=0);const t=this.slotted[r];if(this.isFocusable(t))return r}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 r.Uz.Enter:case r.Uz.Space:this.isBtnDisabled(this.active)||(this.setSelected(this.active),this.notifySelectedChange());break;case r.Uz.ArrowLeft:0===this.active?this.switchBtnOnArrowPress(this.slotted.length-1,-1):this.switchBtnOnArrowPress(this.active-1,-1);break;case r.Uz.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>
-      `}};c([(0,l.property)({type:Number,reflect:!0})],e.prototype,"active",void 0),c([(0,l.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"newMomentum",void 0),c([(0,l.query)("slot[name='button']")],e.prototype,"buttonSlot",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=c([(0,o.wW)("md-button-group")],e),t.ELEMENT=e}(i||(i={}))},7704(t,e,s){s.d(e,{TS:()=>r.T,wW:()=>o.w,yC:()=>i.y}),s(2364);var i=s(3203),r=(s(9938),s(5201),s(4781),s(608)),o=s(9609)},2927(e,s,i){var r,o;e.exports=(r={LitElement:()=>t.LitElement,css:()=>t.css,html:()=>t.html},o={},i.d(o,r),o)},8899(t,s,i){var r,o;t.exports=(r={property:()=>e.property,query:()=>e.query},o={},i.d(o,r),o)}},o={};function n(t){var e=o[t];if(void 0!==e)return e.exports;var s=o[t]={exports:{}};return r[t](s,s.exports,n),s.exports}n.m=r,s=[],n.O=(t,e,i,r)=>{if(!e){var o=1/0;for(c=0;c<s.length;c++){for(var[e,i,r]=s[c],d=!0,l=0;l<e.length;l++)(!1&r||o>=r)&&Object.keys(n.O).every(t=>n.O[t](e[l]))?e.splice(l--,1):(d=!1,r<o&&(o=r));if(d){s.splice(c--,1);var a=i();void 0!==a&&(t=a)}}return t}r=r||0;for(var c=s.length;c>0&&s[c-1][2]>r;c--)s[c]=s[c-1];s[c]=[e,i,r]},n.d=(t,e)=>{for(var s in e)n.o(e,s)&&!n.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{n as __webpack_require__};i={561:0,2942:0,5310:0,5323:0,7704:0,8180:0},n.C=t=>{var e,s,{__webpack_esm_ids__:r,__webpack_esm_modules__:o,__webpack_esm_runtime__:d}=t,l=0;for(e in o)n.o(o,e)&&(n.m[e]=o[e]);for(d&&d(n);l<r.length;l++)s=r[l],n.o(i,s)&&i[s]&&i[s][0](),i[r[l]]=0;n.O()},n.O.j=t=>0===i[t];import*as d from"../9609.js";n.C(d);import*as l from"../4084.js";n.C(l);import*as a from"../2364.js";n.C(a);import*as c from"../9938.js";n.C(c);import*as h from"../4781.js";n.C(h);import*as p from"../5201.js";n.C(p);import*as u from"../5584.js";n.C(u);import*as b from"../2900.js";n.C(b);import*as v from"../608.js";n.C(v);import*as f from"../2670.js";n.C(f);var m=n.O(void 0,[9609,4084,2364,9938,4781,5201,5584,2900,608,2670],()=>n(2890));const y=(m=n.O(m)).e;export{y as ButtonGroup};
+      `}};c([(0,l.property)({type:Number,reflect:!0})],e.prototype,"active",void 0),c([(0,l.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"newMomentum",void 0),c([(0,l.query)("slot[name='button']")],e.prototype,"buttonSlot",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=c([(0,o.wW)("md-button-group")],e),t.ELEMENT=e}(i||(i={}))},7704(t,e,s){s.d(e,{TS:()=>r.T,wW:()=>o.w,yC:()=>i.y}),s(2364);var i=s(3203),r=(s(9938),s(5201),s(4781),s(608)),o=s(9609)}},i={};function r(t){var e=i[t];if(void 0!==e)return e.exports;var o=i[t]={exports:{}};return s[t](o,o.exports,r),o.exports}r.m=s,t=[],r.O=(e,s,i,o)=>{if(!s){var n=1/0;for(c=0;c<t.length;c++){for(var[s,i,o]=t[c],d=!0,l=0;l<s.length;l++)(!1&o||n>=o)&&Object.keys(r.O).every(t=>r.O[t](s[l]))?s.splice(l--,1):(d=!1,o<n&&(n=o));if(d){t.splice(c--,1);var a=i();void 0!==a&&(e=a)}}return e}o=o||0;for(var c=t.length;c>0&&t[c-1][2]>o;c--)t[c]=t[c-1];t[c]=[s,i,o]},r.d=(t,e)=>{for(var s in e)r.o(e,s)&&!r.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{r as __webpack_require__};e={561:0,2942:0,5310:0,5323:0,7704:0,8180:0},r.C=t=>{var s,i,{__webpack_esm_ids__:o,__webpack_esm_modules__:n,__webpack_esm_runtime__:d}=t,l=0;for(s in n)r.o(n,s)&&(r.m[s]=n[s]);for(d&&d(r);l<o.length;l++)i=o[l],r.o(e,i)&&e[i]&&e[i][0](),e[o[l]]=0;r.O()},r.O.j=t=>0===e[t];import*as o from"../9609.js";r.C(o);import*as n from"../4084.js";r.C(n);import*as d from"../2364.js";r.C(d);import*as l from"../9938.js";r.C(l);import*as a from"../4781.js";r.C(a);import*as c from"../5201.js";r.C(c);import*as h from"../5584.js";r.C(h);import*as p from"../2900.js";r.C(p);import*as u from"../2927.js";r.C(u);import*as b from"../608.js";r.C(b);import*as f from"../8899.js";r.C(f);import*as v from"../2670.js";r.C(v);var m=r.O(void 0,[9609,4084,2364,9938,4781,5201,5584,2900,2927,608,8899,2670],()=>r(2890));const y=(m=r.O(m)).e;export{y as ButtonGroup};

package/dist/esm/comp/md-button-group.js

@@ -1 +1 @@
-import"../9609.js";import"../4084.js";import"../2364.js";import"../9938.js";import"../4781.js";import"../5201.js";import"../5584.js";import"../2900.js";import"../608.js";import"../2670.js";export*from"../comp/md-button-group-entry.js";
+import"../9609.js";import"../4084.js";import"../2364.js";import"../9938.js";import"../4781.js";import"../5201.js";import"../5584.js";import"../2900.js";import"../2927.js";import"../608.js";import"../8899.js";import"../2670.js";export*from"../comp/md-button-group-entry.js";

package/dist/esm/comp/md-button.js

@@ -1 +1 @@
-import"../9609.js";import"../4084.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../519.js";export*from"../comp/md-button-entry.js";
+import"../9609.js";import"../4084.js";import"../4955.js";import"../3517.js";import"../1156.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../519.js";import"../8165.js";import"../9375.js";export*from"../comp/md-button-entry.js";

package/dist/esm/comp/md-card-ai-entry.js

@@ -1,4 +1,4 @@
-import*as t from"@momentum-ui/icons/data/momentumUiIconsNames.json";import*as e from"@momentum-ui/utils/lib/getColorValue";import*as s from"lit";import*as i from"lit/decorators.js";import*as r from"lit/directives/class-map.js";import*as o from"lit/directives/if-defined.js";import*as a from"lit/directives/style-map.js";import*as d from"mobx";var n,m,c={7224(t,e,s){s.d(e,{a:()=>i,p:()=>r}),s(5983),s(1821);var i,r,o=s(9609),a=s(4084),d=s(2927),n=s(8899),m=s(4955),c=s(5308),p=function(t,e,s,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(r=t[d])&&(a=(o<3?r(a):o>3?r(e,s,a):r(e,s))||a);return o>3&&a&&Object.defineProperty(e,s,a),a};!function(t){t.USER_QUERY="user_query",t.RESPONSE="response"}(i||(i={})),function(t){let e=class extends d.LitElement{constructor(){super(...arguments),this.id="",this.title="",this.cardText="",this.timestamp="",this.summariseMoreVisible=!1,this.variant=i.RESPONSE,this.copyChecked=!1,this.thumbsUpChecked=!1,this.thumbsDownChecked=!1}static get styles(){return[a.A,c.A]}thumbsUpToggled(){this.thumbsDownChecked=!1,this.thumbsUpChecked=!this.thumbsUpChecked,this.dispatchEvent(new CustomEvent("thumbs-up-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}thumbsDownToggled(){this.thumbsUpChecked=!1,this.thumbsDownChecked=!this.thumbsDownChecked,this.dispatchEvent(new CustomEvent("thumbs-down-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}summariseMoreToggled(){this.dispatchEvent(new CustomEvent("summarise-more-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}copyToggled(){navigator.clipboard.writeText(this.cardText),this.copyChecked=!0,setTimeout(()=>{this.copyChecked=!1},2e3)}get bottomBorderRadiusClass(){return this.timestamp?"with-bottom-border-radius":"no-bottom-border-radius"}get cardTextClassMap(){return{"md-card-ai-card-body-user-query":this.variant===i.USER_QUERY,[`md-card-ai-card-body-response-${this.bottomBorderRadiusClass}`]:this.variant===i.RESPONSE}}renderHeader(){return this.variant===i.RESPONSE&&""!==this.title?d.html`
+var t,e,s={7224(t,e,s){s.d(e,{a:()=>i,p:()=>r}),s(5983),s(1821);var i,r,o=s(9609),a=s(4084),d=s(2927),n=s(8899),m=s(4955),c=s(5308),h=function(t,e,s,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(r=t[d])&&(a=(o<3?r(a):o>3?r(e,s,a):r(e,s))||a);return o>3&&a&&Object.defineProperty(e,s,a),a};!function(t){t.USER_QUERY="user_query",t.RESPONSE="response"}(i||(i={})),function(t){let e=class extends d.LitElement{constructor(){super(...arguments),this.id="",this.title="",this.cardText="",this.timestamp="",this.summariseMoreVisible=!1,this.variant=i.RESPONSE,this.copyChecked=!1,this.thumbsUpChecked=!1,this.thumbsDownChecked=!1}static get styles(){return[a.A,c.A]}thumbsUpToggled(){this.thumbsDownChecked=!1,this.thumbsUpChecked=!this.thumbsUpChecked,this.dispatchEvent(new CustomEvent("thumbs-up-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}thumbsDownToggled(){this.thumbsUpChecked=!1,this.thumbsDownChecked=!this.thumbsDownChecked,this.dispatchEvent(new CustomEvent("thumbs-down-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}summariseMoreToggled(){this.dispatchEvent(new CustomEvent("summarise-more-toggled",{detail:{id:this.id},bubbles:!0,composed:!0}))}copyToggled(){navigator.clipboard.writeText(this.cardText),this.copyChecked=!0,setTimeout(()=>{this.copyChecked=!1},2e3)}get bottomBorderRadiusClass(){return this.timestamp?"with-bottom-border-radius":"no-bottom-border-radius"}get cardTextClassMap(){return{"md-card-ai-card-body-user-query":this.variant===i.USER_QUERY,[`md-card-ai-card-body-response-${this.bottomBorderRadiusClass}`]:this.variant===i.RESPONSE}}renderHeader(){return this.variant===i.RESPONSE&&""!==this.title?d.html`
           <div class="md-card-ai-header">
             <slot name="card-header-aside">
               <md-icon name="cisco-ai-assistant-color-gradient" iconSet="momentumBrandVisuals"></md-icon>
@@ -74,4 +74,4 @@ import*as t from"@momentum-ui/icons/data/momentumUiIconsNames.json";import*as e
           ${this.renderHeader()}
           <div class="content-margin">${this.renderCardText()} ${this.renderFooter()}</div>
         </div>
-      `}};p([(0,n.property)({type:String})],e.prototype,"id",void 0),p([(0,n.property)({type:String})],e.prototype,"title",void 0),p([(0,n.property)({type:String})],e.prototype,"cardText",void 0),p([(0,n.property)({type:String})],e.prototype,"timestamp",void 0),p([(0,n.property)({type:Boolean})],e.prototype,"summariseMoreVisible",void 0),p([(0,n.property)({type:String})],e.prototype,"variant",void 0),p([(0,n.state)()],e.prototype,"copyChecked",void 0),p([(0,n.state)()],e.prototype,"thumbsUpChecked",void 0),p([(0,n.state)()],e.prototype,"thumbsDownChecked",void 0),e=p([(0,o.w)("md-card-ai")],e),t.ELEMENT=e}(r||(r={}))},9500(e,s,i){var r,o;e.exports=(r={default:()=>t.default},o={},i.d(o,r),o)},3496(t,s,i){var r,o;t.exports=(r={default:()=>e.default},o={},i.d(o,r),o)},2927(t,e,i){var r,o;t.exports=(r={LitElement:()=>s.LitElement,css:()=>s.css,html:()=>s.html,nothing:()=>s.nothing},o={},i.d(o,r),o)},8899(t,e,s){var r,o;t.exports=(r={property:()=>i.property,query:()=>i.query,state:()=>i.state},o={},s.d(o,r),o)},4955(t,e,s){var i,o;t.exports=(i={classMap:()=>r.classMap},o={},s.d(o,i),o)},3517(t,e,s){var i,r;t.exports=(i={ifDefined:()=>o.ifDefined},r={},s.d(r,i),r)},1156(t,e,s){var i,r;t.exports=(i={styleMap:()=>a.styleMap},r={},s.d(r,i),r)},4980(t,e,s){var i,r;t.exports=(i={action:()=>d.action,observable:()=>d.observable},r={},s.d(r,i),r)}},p={};function h(t){var e=p[t];if(void 0!==e)return e.exports;var s=p[t]={exports:{}};return c[t](s,s.exports,h),s.exports}h.m=c,n=[],h.O=(t,e,s,i)=>{if(!e){var r=1/0;for(m=0;m<n.length;m++){for(var[e,s,i]=n[m],o=!0,a=0;a<e.length;a++)(!1&i||r>=i)&&Object.keys(h.O).every(t=>h.O[t](e[a]))?e.splice(a--,1):(o=!1,i<r&&(r=i));if(o){n.splice(m--,1);var d=s();void 0!==d&&(t=d)}}return t}i=i||0;for(var m=n.length;m>0&&n[m-1][2]>i;m--)n[m]=n[m-1];n[m]=[e,s,i]},h.d=(t,e)=>{for(var s in e)h.o(e,s)&&!h.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},h.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{h as __webpack_require__};m={502:0,1745:0,4545:0,4928:0,4971:0,5369:0,6060:0,6920:0,8111:0,8442:0},h.C=t=>{var e,s,{__webpack_esm_ids__:i,__webpack_esm_modules__:r,__webpack_esm_runtime__:o}=t,a=0;for(e in r)h.o(r,e)&&(h.m[e]=r[e]);for(o&&o(h);a<i.length;a++)s=i[a],h.o(m,s)&&m[s]&&m[s][0](),m[i[a]]=0;h.O()},h.O.j=t=>0===m[t];import*as l from"../9609.js";h.C(l);import*as u from"../4084.js";h.C(u);import*as v from"../3305.js";h.C(v);import*as b from"../4739.js";h.C(b);import*as y from"../7154.js";h.C(y);import*as g from"../9773.js";h.C(g);import*as f from"../5983.js";h.C(f);import*as C from"../9488.js";h.C(C);import*as k from"../1821.js";h.C(k);import*as x from"../519.js";h.C(x);import*as E from"../2927.js";h.C(E);var T=h.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,2927],()=>h(7224));const $=(T=h.O(T)).p,w=T.a;export{$ as CardAi,w as CardAiVariant};
+      `}};h([(0,n.property)({type:String})],e.prototype,"id",void 0),h([(0,n.property)({type:String})],e.prototype,"title",void 0),h([(0,n.property)({type:String})],e.prototype,"cardText",void 0),h([(0,n.property)({type:String})],e.prototype,"timestamp",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"summariseMoreVisible",void 0),h([(0,n.property)({type:String})],e.prototype,"variant",void 0),h([(0,n.state)()],e.prototype,"copyChecked",void 0),h([(0,n.state)()],e.prototype,"thumbsUpChecked",void 0),h([(0,n.state)()],e.prototype,"thumbsDownChecked",void 0),e=h([(0,o.w)("md-card-ai")],e),t.ELEMENT=e}(r||(r={}))}},i={};function r(t){var e=i[t];if(void 0!==e)return e.exports;var o=i[t]={exports:{}};return s[t](o,o.exports,r),o.exports}r.m=s,t=[],r.O=(e,s,i,o)=>{if(!s){var a=1/0;for(c=0;c<t.length;c++){for(var[s,i,o]=t[c],d=!0,n=0;n<s.length;n++)(!1&o||a>=o)&&Object.keys(r.O).every(t=>r.O[t](s[n]))?s.splice(n--,1):(d=!1,o<a&&(a=o));if(d){t.splice(c--,1);var m=i();void 0!==m&&(e=m)}}return e}o=o||0;for(var c=t.length;c>0&&t[c-1][2]>o;c--)t[c]=t[c-1];t[c]=[s,i,o]},r.d=(t,e)=>{for(var s in e)r.o(e,s)&&!r.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{r as __webpack_require__};e={4971:0},r.C=t=>{var s,i,{__webpack_esm_ids__:o,__webpack_esm_modules__:a,__webpack_esm_runtime__:d}=t,n=0;for(s in a)r.o(a,s)&&(r.m[s]=a[s]);for(d&&d(r);n<o.length;n++)i=o[n],r.o(e,i)&&e[i]&&e[i][0](),e[o[n]]=0;r.O()},r.O.j=t=>0===e[t];import*as o from"../9609.js";r.C(o);import*as a from"../4084.js";r.C(a);import*as d from"../4955.js";r.C(d);import*as n from"../3517.js";r.C(n);import*as m from"../1156.js";r.C(m);import*as c from"../3305.js";r.C(c);import*as h from"../4739.js";r.C(h);import*as p from"../7154.js";r.C(p);import*as l from"../9773.js";r.C(l);import*as u from"../5983.js";r.C(u);import*as b from"../7755.js";r.C(b);import*as v from"../1821.js";r.C(v);import*as C from"../4980.js";r.C(C);import*as g from"../9500.js";r.C(g);import*as y from"../519.js";r.C(y);import*as f from"../4137.js";r.C(f);import*as k from"../8165.js";r.C(k);import*as T from"../2451.js";r.C(T);var E=r.O(void 0,[9609,4084,4955,3517,1156,3305,4739,7154,9773,5983,7755,1821,4980,9500,519,4137,8165,2451],()=>r(7224));const $=(E=r.O(E)).p,j=E.a;export{$ as CardAi,j as CardAiVariant};

package/dist/esm/comp/md-card-ai.js

@@ -1 +1 @@
-import"../9609.js";import"../4084.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../5983.js";import"../9488.js";import"../1821.js";import"../519.js";import"../2927.js";export*from"../comp/md-card-ai-entry.js";
+import"../9609.js";import"../4084.js";import"../4955.js";import"../3517.js";import"../1156.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../5983.js";import"../7755.js";import"../1821.js";import"../4980.js";import"../9500.js";import"../519.js";import"../4137.js";import"../8165.js";import"../2451.js";export*from"../comp/md-card-ai-entry.js";

package/dist/esm/comp/md-card-alert-entry.js

@@ -0,0 +1,144 @@
+var t,e,i={4882(t,e,i){i.d(e,{v:()=>c}),i(5983),i(2583),i(1821);var o=i(9609),r=i(4084),s=i(2927),a=i(8899),n=i(4955),l=i(7137),p=function(t,e,i,o){var r,s=arguments.length,a=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,i,a):r(e,i))||a);return s>3&&a&&Object.defineProperty(e,i,a),a};const d={critical:{icon:"flag-filled",color:"negative"},warning:{icon:"warning-filled",color:"warning"}},h={live:"Live",dismiss:"Dismiss",justNow:"Just now",minutesAgo:t=>`${t} ${1===t?"min":"mins"} ago`,hoursAgo:t=>`${t} ${1===t?"hour":"hours"} ago`,daysAgo:t=>`${t} ${1===t?"day":"days"} ago`};var c;!function(t){let e=class extends s.LitElement{constructor(){super(...arguments),this.severity="",this.category="",this.timestamp="",this.live=!1,this.title="",this.queueName="",this.details=[],this.insight="",this.primaryActionLabel="Click",this.primaryActionDropdown=!1,this.detailsHeading="",this.showDismiss=!0,this.expanded=!1,this.relativeTime=""}static get styles(){return[r.A,l.A]}get severityIcon(){var t,e;return null!==(e=null===(t=d[this.severity.toLowerCase()])||void 0===t?void 0:t.icon)&&void 0!==e?e:"info-circle-filled"}get severityColor(){var t,e;return null!==(e=null===(t=d[this.severity.toLowerCase()])||void 0===t?void 0:t.color)&&void 0!==e?e:"neutral"}updateRelativeTime(){this.timestamp&&!this.live&&(this.relativeTime=this.formatRelativeTime(this.timestamp))}startTimer(){this.stopTimer(),this.timestamp&&!this.live&&(this.updateRelativeTime(),this.timerInterval=setInterval(()=>this.updateRelativeTime(),6e4))}stopTimer(){this.timerInterval&&(clearInterval(this.timerInterval),this.timerInterval=void 0)}willUpdate(t){(t.has("timestamp")||t.has("live"))&&this.startTimer()}disconnectedCallback(){super.disconnectedCallback(),this.stopTimer()}formatRelativeTime(t){const e=this.constructor.locale,i=Date.now(),o="number"==typeof t?t:new Date(t).getTime();if(isNaN(o))return"";const r=i-o;if(r<0)return e.justNow;const s=Math.floor(r/6e4);if(s<1)return e.justNow;if(s<60)return e.minutesAgo(s);const a=Math.floor(s/60);if(a<24)return e.hoursAgo(a);const n=Math.floor(a/24);return e.daysAgo(n)}handlePrimaryAction(){this.dispatchEvent(new CustomEvent("primary-action-clicked",{bubbles:!0,composed:!0}))}handleDismiss(){this.dispatchEvent(new CustomEvent("dismiss-clicked",{bubbles:!0,composed:!0}))}renderTimestamp(){const t=this.constructor.locale;return this.live?s.html`<span class="md-card-alert-live"
+          ><md-icon
+            name="active-presence-small-filled"
+            size="10"
+            iconSet="momentumDesign"
+            class="md-card-alert-live-icon"
+          ></md-icon
+          >${t.live}</span
+        >`:this.relativeTime?s.html`<span class="md-card-alert-timestamp">${this.relativeTime}</span>`:s.nothing}renderHeader(){return this.severity||this.category||this.timestamp||this.live?s.html`
+        <div class="md-card-alert-header">
+          <div class="md-card-alert-chips">
+            ${this.severity?s.html`
+                  <md-chip value=${this.severity} color=${this.severityColor} small>
+                    <md-icon
+                      name=${this.severityIcon}
+                      size="14"
+                      iconSet="momentumDesign"
+                      slot="custom-left-content"
+                    ></md-icon>
+                  </md-chip>
+                `:s.nothing}
+            ${this.category?s.html`<md-chip value=${this.category} color="neutral" small></md-chip>`:s.nothing}
+          </div>
+          ${this.renderTimestamp()}
+        </div>
+      `:s.nothing}renderTitleSection(){return this.title||this.queueName?s.html`
+        <div class="md-card-alert-title-section">
+          ${this.title?s.html`<h3 class="md-card-alert-title">${this.title}</h3>`:s.nothing}
+          ${this.queueName?s.html`
+                <p class="md-card-alert-subtitle">
+                  <md-icon
+                    name="queue-contact-bold"
+                    size="16"
+                    iconSet="momentumDesign"
+                    class="md-card-alert-subtitle-icon"
+                  ></md-icon>
+                  ${this.queueName}
+                </p>
+              `:s.nothing}
+        </div>
+      `:s.nothing}renderDetails(){return this.details&&0!==this.details.length?s.html`
+        <div class="md-card-alert-details">
+          <span class="md-card-alert-details-heading">${this.detailsHeading}</span>
+          ${this.details.map(t=>s.html`
+              <div class="md-card-alert-detail-row">
+                <span class="md-card-alert-detail-label">${t.label}</span>
+                <span
+                  class=${(0,n.classMap)({"md-card-alert-detail-value":!0,"md-card-alert-detail-value--highlighted":!!t.highlighted})}
+                  >${t.value}</span
+                >
+              </div>
+            `)}
+        </div>
+      `:s.nothing}renderInsight(){return this.insight?s.html`
+        <div class="md-card-alert-insight">
+          <md-icon name="sparkle-filled" iconSet="momentumDesign" class="md-card-alert-insight-icon"></md-icon>
+          <span class="md-card-alert-insight-text">${this.insight}</span>
+        </div>
+      `:s.nothing}renderActions(){return s.html`
+        <div class="md-card-alert-actions">
+          <md-button
+            size="32"
+            variant="primary"
+            class="md-card-alert-primary-action"
+            ariaLabel=${this.primaryActionLabel}
+            @click=${this.handlePrimaryAction}
+          >
+            <span slot="text">${this.primaryActionLabel}</span>
+            ${this.primaryActionDropdown?s.html`<md-icon
+                  name=${this.expanded?"arrow-up-bold":"arrow-down-bold"}
+                  size="12"
+                  iconSet="momentumDesign"
+                ></md-icon>`:s.nothing}
+          </md-button>
+          ${this.showDismiss?s.html`
+                <md-button
+                  size="32"
+                  variant="secondary"
+                  outline
+                  class="md-card-alert-dismiss"
+                  ariaLabel=${this.constructor.locale.dismiss}
+                  @click=${this.handleDismiss}
+                >
+                  <span slot="text">${this.constructor.locale.dismiss}</span>
+                </md-button>
+              `:s.nothing}
+        </div>
+      `}render(){return s.html`
+        <div class="md-card-alert" part="card" tabindex="0">
+          ${this.renderHeader()} ${this.renderTitleSection()} ${this.renderDetails()} ${this.renderInsight()}
+          ${this.renderActions()}
+        </div>
+      `}};e.locale=Object.assign({},h),p([(0,a.property)({type:String})],e.prototype,"severity",void 0),p([(0,a.property)({type:String})],e.prototype,"category",void 0),p([(0,a.property)({type:String})],e.prototype,"timestamp",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"live",void 0),p([(0,a.property)({type:String})],e.prototype,"title",void 0),p([(0,a.property)({type:String})],e.prototype,"queueName",void 0),p([(0,a.property)({type:Array})],e.prototype,"details",void 0),p([(0,a.property)({type:String})],e.prototype,"insight",void 0),p([(0,a.property)({type:String})],e.prototype,"primaryActionLabel",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"primaryActionDropdown",void 0),p([(0,a.property)({type:String})],e.prototype,"detailsHeading",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"showDismiss",void 0),p([(0,a.property)({type:Boolean})],e.prototype,"expanded",void 0),p([(0,a.state)()],e.prototype,"relativeTime",void 0),e=p([(0,o.w)("md-card-alert")],e),t.ELEMENT=e}(c||(c={}))},2583(t,e,i){i(2708),i(9613);var o,r=i(2900),s=i(9609),a=i(4084),n=i(2927),l=i(8899),p=i(4955),d=i(3517),h=i(9558),c=function(t,e,i,o){var r,s=arguments.length,a=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,i,a):r(e,i))||a);return s>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.iconSize="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.iconSet="momentumUI",this.suppressDefaultMaxWidth=!1,this.decorative=!1,this.shouldTruncateValue=!0,this.value="",this.textOverflow=!1,this.renderedText="",this.MAXWIDTH=115,this.selectionChange=t=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:t}}))},this.handleClear=t=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:t}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:n.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:n.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:n.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?n.html`
+          <style>
+            :host .md-chip {
+              ${this.renderBgColor()};
+              ${this.renderTextColor()};
+              ${this.renderHeight()};
+            }
+          </style>
+        `:n.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}willUpdate(t){super.willUpdate(t),(t.has("value")||t.has("shouldTruncateValue"))&&this.truncStringPortion(this.value)}getTextWidth(t,e){const i=null!=e?e:getComputedStyle(this).font,o=document.createElement("canvas").getContext("2d");return o?(o.font=i,o.measureText(t).width):0}truncStringPortion(t){const e=this.getTextWidth(t);if(!this.shouldTruncateValue||e<this.MAXWIDTH)return this.renderedText=t,void(this.textOverflow=!1);const i=Array.from(t);let o=Math.min(4,i.length),r=Math.min(5,Math.max(0,i.length-o-1)),s=i.slice(0,o).join(""),a=i.slice(-r).join(""),n=`${s}…${a}`;if(this.getTextWidth(n)>this.MAXWIDTH)return this.renderedText=n,void(this.textOverflow=!0);for(;o+r<i.length;){let t=!1;if(o+r<i.length){const e=s+i[o],r=`${e}…${a}`;this.getTextWidth(r)<=this.MAXWIDTH&&(s=e,o+=1,n=r,t=!0)}if(o+r<i.length){const e=i[i.length-r-1]+a,o=`${s}…${e}`;this.getTextWidth(o)<=this.MAXWIDTH&&(a=e,r+=1,n=o,t=!0)}if(!t)break}this.renderedText=n,this.textOverflow=!0}handleClick(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("md-tooltip");null==e||e.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:null==e?void 0:e.placement,reference:null==e?void 0:e.reference,popper:null==e?void 0:e.popper}})),this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(t){switch(t.code){case r.Uz.Space:case r.Uz.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[a.A,h.A]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?n.html`
+              <md-progress-bar
+                class="md-chip--loading"
+                type="determinate"
+                value="${this.determinateProgress}"
+                displayFormat="none"
+              >
+              </md-progress-bar>
+            `:n.html`
+              <md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
+            `:n.nothing}iconTemplate(){const t=this.disabled?"":this.iconColor;return this.icon?n.html`
+            <md-icon
+              class="md-chip--icon"
+              part="chip-icon"
+              name="${this.icon}"
+              color="${t}"
+              iconSet=${(0,d.ifDefined)(this.iconSet)}
+              size="${(0,d.ifDefined)(this.iconSize)}"
+            >
+            </md-icon>
+          `:n.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}get textContentClassMap(){return{"md-chip--textcontent":!0,"md-chip--suppress-default-max-width":this.suppressDefaultMaxWidth}}get textContentTemplate(){return n.html`<span part="text-content" class=${(0,p.classMap)(this.textContentClassMap)}> ${this.renderedText}</span>`}render(){const t={"md-chip--small":this.small,"md-chip--disabled":this.disabled,[`md-chip--${this.color}`]:this.color,"suppress-max-width":this.suppressDefaultMaxWidth,"md-chip--interactive":!this.decorative},e=this.decorative?void 0:this.selected?"true":"false";return n.html`
+        ${this.getStyles()}
+        <md-tooltip
+          ?disabled=${!this.tooltipText&&!this.textOverflow}
+          message="${this.getToolTipContent()}"
+          part="tooltip"
+          placement="${this.tooltipPlacement}"
+        >
+          <span
+            role=${(0,d.ifDefined)(this.decorative?void 0:"button")}
+            tabindex="0"
+            class="md-chip ${(0,p.classMap)(t)}"
+            part="chip"
+            aria-pressed=${(0,d.ifDefined)(e)}
+            @click=${this.decorative?void 0:()=>this.handleClick()}
+            @keydown=${this.decorative?void 0:t=>this.handleKeydown(t)}
+          >
+            ${this.loadingTemplate()} ${this.iconTemplate()}
+            <slot name="custom-left-content" part="chip-left"> </slot>
+            ${this.renderedText?this.textContentTemplate:n.nothing}
+            <slot name="custom-right-content" part="chip-right"> </slot>
+          </span>
+        </md-tooltip>
+      `}};c([(0,l.property)({type:String})],e.prototype,"color",void 0),c([(0,l.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,l.property)({type:String})],e.prototype,"textColor",void 0),c([(0,l.property)({type:String})],e.prototype,"height",void 0),c([(0,l.property)({type:String})],e.prototype,"icon",void 0),c([(0,l.property)({type:String})],e.prototype,"iconColor",void 0),c([(0,l.property)({type:String})],e.prototype,"iconSize",void 0),c([(0,l.property)({type:String})],e.prototype,"role",void 0),c([(0,l.property)({type:String,reflect:!0})],e.prototype,"id",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"readonly",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:Number})],e.prototype,"determinateProgress",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),c([(0,l.property)({type:String})],e.prototype,"tooltipText",void 0),c([(0,l.property)({type:String})],e.prototype,"tooltipPlacement",void 0),c([(0,l.property)({type:String})],e.prototype,"iconSet",void 0),c([(0,l.property)({type:Boolean,attribute:"suppress-default-max-width"})],e.prototype,"suppressDefaultMaxWidth",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"decorative",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"shouldTruncateValue",void 0),c([(0,l.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,l.state)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,l.state)()],e.prototype,"renderedText",void 0),e=c([(0,s.w)("md-chip")],e),t.ELEMENT=e}(o||(o={}))}},o={};function r(t){var e=o[t];if(void 0!==e)return e.exports;var s=o[t]={exports:{}};return i[t](s,s.exports,r),s.exports}r.m=i,t=[],r.O=(e,i,o,s)=>{if(!i){var a=1/0;for(d=0;d<t.length;d++){for(var[i,o,s]=t[d],n=!0,l=0;l<i.length;l++)(!1&s||a>=s)&&Object.keys(r.O).every(t=>r.O[t](i[l]))?i.splice(l--,1):(n=!1,s<a&&(a=s));if(n){t.splice(d--,1);var p=o();void 0!==p&&(e=p)}}return e}s=s||0;for(var d=t.length;d>0&&t[d-1][2]>s;d--)t[d]=t[d-1];t[d]=[i,o,s]},r.d=(t,e)=>{for(var i in e)r.o(e,i)&&!r.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{r as __webpack_require__};e={2583:0,8619:0},r.C=t=>{var i,o,{__webpack_esm_ids__:s,__webpack_esm_modules__:a,__webpack_esm_runtime__:n}=t,l=0;for(i in a)r.o(a,i)&&(r.m[i]=a[i]);for(n&&n(r);l<s.length;l++)o=s[l],r.o(e,o)&&e[o]&&e[o][0](),e[s[l]]=0;r.O()},r.O.j=t=>0===e[t];import*as s from"../9609.js";r.C(s);import*as a from"../4084.js";r.C(a);import*as n from"../4955.js";r.C(n);import*as l from"../3517.js";r.C(l);import*as p from"../1156.js";r.C(p);import*as d from"../3305.js";r.C(d);import*as h from"../4739.js";r.C(h);import*as c from"../7154.js";r.C(c);import*as m from"../9773.js";r.C(m);import*as v from"../5983.js";r.C(v);import*as u from"../7755.js";r.C(u);import*as y from"../1821.js";r.C(y);import*as g from"../2364.js";r.C(g);import*as f from"../4980.js";r.C(f);import*as C from"../5308.js";r.C(C);import*as b from"../9938.js";r.C(b);import*as $ from"../9500.js";r.C($);import*as x from"../4781.js";r.C(x);import*as T from"../5584.js";r.C(T);import*as w from"../8227.js";r.C(w);import*as j from"../2900.js";r.C(j);import*as S from"../2050.js";r.C(S);import*as D from"../1280.js";r.C(D);import*as A from"../6343.js";r.C(A);import*as O from"../7582.js";r.C(O);import*as E from"../9613.js";r.C(E);import*as M from"../5323.js";r.C(M);import*as P from"../6631.js";r.C(P);import*as k from"../9558.js";r.C(k);import*as _ from"../2708.js";r.C(_);import*as I from"../7137.js";r.C(I);var B=r.O(void 0,[9609,4084,4955,3517,1156,3305,4739,7154,9773,5983,7755,1821,2364,4980,5308,9938,9500,4781,5584,8227,2900,2050,1280,6343,7582,9613,5323,6631,9558,2708,7137],()=>r(4882));const W=(B=r.O(B)).v;export{W as CardAlert};

package/dist/esm/comp/md-card-alert.js

@@ -0,0 +1 @@
+import"../9609.js";import"../4084.js";import"../4955.js";import"../3517.js";import"../1156.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../5983.js";import"../7755.js";import"../1821.js";import"../2364.js";import"../4980.js";import"../5308.js";import"../9938.js";import"../9500.js";import"../4781.js";import"../5584.js";import"../8227.js";import"../2900.js";import"../2050.js";import"../1280.js";import"../6343.js";import"../7582.js";import"../9613.js";import"../5323.js";import"../6631.js";import"../9558.js";import"../2708.js";import"../7137.js";export*from"../comp/md-card-alert-entry.js";