@momentum-ui/web-components 2.17.15 → 2.18.1

package/dist/comp/md-advance-list-entry.js

@@ -1 +1,35 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-virtualizer"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-virtualizer"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-virtualizer")):t(e["lit-element"],e["lit-virtualizer"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(window,(function(e,t){return function(e){function t(t){for(var n,u,l=t[0],f=t[1],p=t[2],a=0,s=[];a<l.length;a++)u=l[a],Object.prototype.hasOwnProperty.call(o,u)&&o[u]&&s.push(o[u][0]),o[u]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(c&&c(t);s.length;)s.shift()();return i.push.apply(i,p||[]),r()}function r(){for(var e,t=0;t<i.length;t++){for(var r=i[t],n=!0,l=1;l<r.length;l++){var f=r[l];0!==o[f]&&(n=!1)}n&&(i.splice(t--,1),e=u(u.s=r[0]))}return e}var n={},o={287:0,284:0,295:0,299:0,300:0,341:0,345:0},i=[];function u(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,u),r.l=!0,r.exports}u.m=e,u.c=n,u.d=function(e,t,r){u.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.t=function(e,t){if(1&t&&(e=u(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(u.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)u.d(r,n,function(t){return e[t]}.bind(null,n));return r},u.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(t,"a",t),t},u.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},u.p="/";var l=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],f=l.push.bind(l);l.push=t,l=l.slice();for(var p=0;p<l.length;p++)t(l[p]);var c=f;return i.push([111,0,1,2,3,4,52]),r()}({0:function(t,r){t.exports=e},32:function(e,r){e.exports=t}})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-virtualizer"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-virtualizer"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-virtualizer")):t(e["lit-element"],e["lit-virtualizer"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t)=>(()=>{"use strict";var i,s={28307:(e,t,i)=>{i.r(t),i.d(t,{AdvanceList:()=>s});var s,r=i(90195),l=i(31890),d=i(32972),o=i(26272),a=i(41488),n=i(86635),h=i(61705),c=function(e,t,i,s){var r,l=arguments.length,d=l<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(d=(l<3?r(d):l>3?r(t,i,d):r(t,i))||d);return l>3&&d&&Object.defineProperty(t,i,d),d};!function(e){e.prefixId="item-";let t=class extends((0,d.y)(a.LitElement)){constructor(){super(...arguments),this.items=[],this.isLoading=!1,this.isMulti=!1,this.groupOnMultiSelect=!1,this.value=[],this.ariaRoleList="listbox",this.ariaRoleListItem="option",this.ariaLabelList="",this.isError=!1,this.containerHeight="292px",this.lastSelectedIdByOrder="",this.selectAllItems=!1,this.focusReset=!1,this.disabledItems=[],this.totalRecords=0,this.scrollIndex=-1,this.activeId="",this.selectedItemsIds=[],this.isUserNavigated=!1,this.handleKeyDown=t=>{var i;const{ArrowDown:s,ArrowUp:l,Tab:d,Space:o,Enter:a}=r.Uz,{code:n}=t,h=n===s,c=n===l,p=n===d,u=n===o,v=n===a;if(h||c){if(t.preventDefault(),this.isUserNavigated=!0,""===this.activeId&&this.value.length>0&&""!==this.value[0])return void(this.activeId=this.value[0]);if(""===this.activeId&&!c&&this.items.length>0)return void(this.activeId=this.items[0].id);const e=this.items.findIndex((e=>e.id===this.activeId));h?e<this.items.length-1&&!this.isNextElemenentStatusIndicator(e)&&(this.scrollIndex=e+1,this.activeId=this.items[this.scrollIndex].id):e>0&&(this.scrollIndex=e-1,this.activeId=this.items[this.scrollIndex].id)}else if(p)""===this.activeId&&this.value.length>0&&(this.activeId=this.value[0]);else if((u||v)&&(t.preventDefault(),this.activeId)){const t=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`#${e.prefixId}${this.activeId}`);t&&("true"===t.getAttribute("aria-disabled")||t.hasAttribute("disabled")||this.updateItemSelection(t))}},this.handleRangeChange=e=>{const{last:t}=e;this.updateSelectedState(),this.items.length<this.totalRecords&&t>=this.items.length-1&&!this.isLoading&&!this.isError&&this.dispatchEvent(new CustomEvent("load-more",{bubbles:!0,composed:!0})),this.isUserNavigated=!1}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}static get styles(){return[o.A,h.A]}getStyles(){return a.html`
+        <style>
+          :host .virtual-scroll {
+            height: ${this.containerHeight};
+          }
+        </style>
+      `}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),null===(e=this.listContainer)||void 0===e||e.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(e){var t;super.firstUpdated(e),null===(t=this.listContainer)||void 0===t||t.addEventListener("keydown",this.handleKeyDown)}updated(e){super.updated(e),e.has("value")&&(void 0!==e.get("value")||this.value.length>0)&&this.requestUpdate().then((()=>{this.selectedItemsIds=this.value,this.updateSelectedState()})),e.has("selectAllItems")&&this.selectAllItems&&(this.selectedItemsIds=this.items.filter((e=>!this.disabledItems.includes(e.id))).map((e=>e.id)),this.updateSelectedState(),this.notifySelectedChange()),e.has("focusReset")&&this.focusReset&&(this.activeId="")}setCheckboxAttributes(e,t){var i,s,r,l;!e||(null===(i=t.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))&&"true"===(null===(s=t.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?null===(l=t.querySelector("md-checkbox"))||void 0===l||l.removeAttribute("checked"):null===(r=t.querySelector("md-checkbox"))||void 0===r||r.setAttribute("checked","true")}updateWrapperAttributes(e,t){this.isMulti?this.setCheckboxAttributes(t,e):e.classList.toggle("selected",t),e.setAttribute("selected",t.toString()),e.setAttribute("aria-selected",t.toString()),e.setAttribute("tabindex",t?"0":"-1")}updateSelectedState(){var t;Array.from((null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".default-wrapper"))||[]).forEach((t=>{var i,s;const r=this.selectedItemsIds.some((i=>t.id===`${e.prefixId}${i}`));this.updateWrapperAttributes(t,r),this.groupOnMultiSelect&&this.value.length>0&&this.items.length!==this.value.length&&t.id===`${e.prefixId}${this.lastSelectedIdByOrder}`?t.classList.add("selected-border-bottom"):t.classList.remove("selected-border-bottom"),t.id===`${e.prefixId}${this.activeId}`?(t.setAttribute("tabindex","0"),t.focus()):t.setAttribute("tabindex","-1"),""==this.activeId&&t.id===`${e.prefixId}${this.value[0]}`&&t.setAttribute("tabindex","0"),(null===(i=t.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))||"true"===(null===(s=t.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?(t.setAttribute("disabled",""),t.setAttribute("aria-disabled","true")):(t.removeAttribute("disabled"),t.removeAttribute("aria-disabled"))}))}findClickedItem(e){var t;const i=Array.from((null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".default-wrapper"))||[]),s=e.composedPath(),r=i.find((e=>s.includes(e)));if(r)return(null==r?void 0:r.hasAttribute("disabled"))||"true"===(null==r?void 0:r.getAttribute("aria-disabled"))?0:r}isNextElemenentStatusIndicator(e){return(this.isLoading||this.isError)&&e===this.items.length-2}updateItemForMultiSelect(e){const t=this.selectedItemsIds.indexOf(e);-1===t?(this.selectedItemsIds.push(this.activeId),this.selectedItemsIds.length===this.items.length-this.disabledItems.length&&(this.selectAllItems=!0)):(this.selectedItemsIds.splice(t,1),this.selectAllItems=!1)}updateItemSelection(e){e&&(this.activeId=e.id.substring(e.id.indexOf("-")+1),this.isMulti?this.updateItemForMultiSelect(this.activeId):this.selectedItemsIds=[this.activeId],this.updateSelectedState(),this.notifySelectedChange())}handleClick(e){e.preventDefault(),this.isUserNavigated=!1;const t=this.findClickedItem(e);t&&(this.scrollIndex=parseInt(t.getAttribute("index")||"0"),this.updateItemSelection(t))}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selectedItemsIds},bubbles:!0,composed:!0}))}renderItem(t,i){return"status-indicator"===t.id?a.html`
+          <div class="default-wrapper-status-indicator" id="status-indicator">${t.template(t,i)}</div>
+        `:a.html`
+        <div
+          class="default-wrapper ${t.id}"
+          part="advance-list-item-wrapper"
+          aria-setsize="${this.totalRecords}"
+          aria-posinset="${i+1}"
+          role="${this.ariaRoleListItem}"
+          aria-label=${t.name}
+          id="${e.prefixId}${t.id}"
+          index="${i}"
+        >
+          ${t.template(t,i)}
+        </div>
+      `}getActiveDescendant(){return this.activeId?`${e.prefixId}${this.activeId}`:this.value?`${e.prefixId}${this.value[0]}`:""}render(){return a.html`
+        ${this.getStyles()}
+        <div
+          class="md-advance-list-wrapper virtual-scroll"
+          tabindex="0"
+          aria-activedescendant=${this.getActiveDescendant()}
+          aria-multiselectable=${this.isMulti}
+          aria-label=${this.ariaLabelList}
+          role=${this.ariaRoleList}
+          @rangechange=${this.handleRangeChange}
+        >
+          ${(0,n.scroll)({items:this.items,renderItem:(e,t)=>this.renderItem(e,t||0),useShadowDOM:!0,scrollToIndex:this.isUserNavigated?{index:this.scrollIndex,position:0===this.scrollIndex?"start":"center"}:void 0})}
+        </div>
+      `}};c([(0,a.property)({type:Array})],t.prototype,"items",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"isLoading",void 0),c([(0,a.property)({type:Boolean,attribute:"is-multi"})],t.prototype,"isMulti",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"groupOnMultiSelect",void 0),c([(0,a.property)({type:Array})],t.prototype,"value",void 0),c([(0,a.property)({type:String})],t.prototype,"ariaRoleList",void 0),c([(0,a.property)({type:String})],t.prototype,"ariaRoleListItem",void 0),c([(0,a.property)({type:String})],t.prototype,"ariaLabelList",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"isError",void 0),c([(0,a.property)({type:String})],t.prototype,"containerHeight",void 0),c([(0,a.property)({type:String})],t.prototype,"lastSelectedIdByOrder",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"selectAllItems",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"focusReset",void 0),c([(0,a.property)({type:Array})],t.prototype,"disabledItems",void 0),c([(0,a.queryAll)("div.default-wrapper")],t.prototype,"lists",void 0),c([(0,a.query)(".virtual-scroll")],t.prototype,"listContainer",void 0),c([(0,a.property)({type:Number})],t.prototype,"totalRecords",void 0),c([(0,a.internalProperty)()],t.prototype,"scrollIndex",void 0),c([(0,a.internalProperty)()],t.prototype,"activeId",void 0),c([(0,a.internalProperty)()],t.prototype,"selectedItemsIds",void 0),c([(0,a.internalProperty)()],t.prototype,"isUserNavigated",void 0),t=c([(0,l.w)("md-advance-list")],t),e.ELEMENT=t}(s||(s={}))},41488:t=>{t.exports=e},86635:e=>{e.exports=t}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return s[e](i,i.exports,l),i.exports}l.m=s,i=[],l.O=(e,t,s,r)=>{if(!t){var d=1/0;for(h=0;h<i.length;h++){for(var[t,s,r]=i[h],o=!0,a=0;a<t.length;a++)(!1&r||d>=r)&&Object.keys(l.O).every((e=>l.O[e](t[a])))?t.splice(a--,1):(o=!1,r<d&&(d=r));if(o){i.splice(h--,1);var n=s();void 0!==n&&(e=n)}}return e}r=r||0;for(var h=i.length;h>0&&i[h-1][2]>r;h--)i[h]=i[h-1];i[h]=[t,s,r]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var i in t)l.o(t,i)&&!l.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3079:0};l.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[d,o,a]=i,n=0;if(d.some((t=>0!==e[t]))){for(s in o)l.o(o,s)&&(l.m[s]=o[s]);if(a)var h=a(l)}for(t&&t(i);n<d.length;n++)r=d[n],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(h)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var d=l.O(void 0,[1890,6272,2576,8210,1270,1705],(()=>l(28307)));return l.O(d)})()));

package/dist/comp/md-advance-list.js

@@ -1,7 +1 @@
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-3");
-require("../chunks/md-4");
-require("../chunks/md-52");
-module.exports = require("../comp/md-advance-list-entry");
+require("../1890"),require("../6272"),require("../2576"),require("../8210"),require("../1270"),require("../1705"),module.exports=require("../comp/md-advance-list-entry");

package/dist/comp/md-alert-banner-entry.js

@@ -1 +1,36 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","lit-html/directives/class-map.js","@momentum-ui/utils/lib/getColorValue"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["lit-html/directives/class-map.js"],e["@momentum-ui/utils/lib/getColorValue"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(window,(function(e,t,i,r,n,o,l,u){return function(e){function t(t){for(var r,l,u=t[0],s=t[1],m=t[2],a=0,f=[];a<u.length;a++)l=u[a],Object.prototype.hasOwnProperty.call(n,l)&&n[l]&&f.push(n[l][0]),n[l]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(c&&c(t);f.length;)f.shift()();return o.push.apply(o,m||[]),i()}function i(){for(var e,t=0;t<o.length;t++){for(var i=o[t],r=!0,u=1;u<i.length;u++){var s=i[u];0!==n[s]&&(r=!1)}r&&(o.splice(t--,1),e=l(l.s=i[0]))}return e}var r={},n={288:0,284:0,286:0,289:0,290:0,292:0,294:0,295:0,296:0,299:0,300:0,301:0,302:0,305:0,314:0,317:0,320:0,322:0,323:0,326:0,327:0,328:0,329:0,330:0,333:0,336:0,339:0,340:0,341:0,343:0,344:0,345:0,349:0,352:0,353:0},o=[];function l(t){if(r[t])return r[t].exports;var i=r[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,l),i.l=!0,i.exports}l.m=e,l.c=r,l.d=function(e,t,i){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(l.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(i,r,function(t){return e[t]}.bind(null,r));return i},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var u=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],s=u.push.bind(u);u.push=t,u=u.slice();for(var m=0;m<u.length;m++)t(u[m]);var c=s;return o.push([112,10,0,1,2,5,7,9,53]),i()}([function(t,i){t.exports=e},,function(e,i){e.exports=t},function(e,t){e.exports=i},function(e,t){e.exports=r},,,,function(e,t){e.exports=n},,function(e,t){e.exports=o},function(e,t){e.exports=l},function(e,t){e.exports=u}])}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","lit-html/directives/class-map.js"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["lit-html/directives/class-map.js"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,((e,t,r,i,n,s,o,l)=>(()=>{"use strict";var a,m={8229:e=>{e.exports=t},17518:e=>{e.exports=l},19479:(e,t,r)=>{r.r(t),r.d(t,{AlertBanner:()=>u,alertBannerAlignment:()=>p,alertBannerType:()=>d}),r(96798),r(61200);var i=r(31890),n=r(26283),s=r(26272),o=r(41488),l=r(40333),a=r(17518),m=r(35467),c=function(e,t,r,i){var n,s=arguments.length,o=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,i);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(o=(s<3?n(o):s>3?n(t,r,o):n(t,r))||o);return s>3&&o&&Object.defineProperty(t,r,o),o};const d=["default","accent","warning","error","success","default-momentum","promotional"],p=["center","leading"];var u;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:t}=e;(0,n.o)(t)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[s.A,m.A]}getIconForType(){switch(this.type){case"error":return"error-legacy-badge-filled";case"warning":return"warning-filled";case"success":return"check-circle-badge-filled";default:return"info-badge-filled"}}get alertBannerClassMap(){return{"md-alert-banner":!0,[`md-alert-banner--${this.type}`]:this.type,[`md-alert-banner--${this.alignment}`]:this.isLeadingAlignment,closable:this.closable}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,leading:this.isLeadingAlignment}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment}}get closeButtonTemplate(){return o.html`
+        <div class="close-div">
+          <md-button
+            class="md-alert-banner__close"
+            hasRemoveStyle
+            circle
+            ariaLabel=${this.closeAriaLabel}
+            @click="${this.onHide}"
+            @keydown="${this.handleKeyDown}"
+          >
+            <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
+          </md-button>
+        </div>
+      `}render(){const e=this.closable?o.html` ${this.closeButtonTemplate} `:null,t=this.showBannerTypeIcon?o.html` <md-icon name="${this.getIconForType()}" iconSet="momentumDesign" size="16"> </md-icon> `:o.html`<slot name="left"></slot>`,r=this.showRefreshButton?o.html` <md-button
+            class="refresh-button"
+            @click="${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}"
+            variant="ghostInheritTextColor"
+            circle
+            size="20"
+          >
+            <md-icon name="refresh-bold" iconSet="momentumDesign" size="16"></md-icon>
+          </md-button>`:l.nothing;return o.html`
+        ${this.show?o.html`
+              <div class="${(0,a.classMap)(this.alertBannerClassMap)}" role="alert">
+                <div class="${(0,a.classMap)(this.alertBannerTextClassMap)}">
+                  ${t}
+                  <slot><span>${this.message}</span></slot>
+                  ${r}
+                </div>
+                <div class="md-alert-banner__right ${(0,a.classMap)(this.alertBannerRightClassMap)}">
+                  <slot name="right"></slot>
+                </div>
+                ${e}
+              </div>
+            `:null}
+      `}};c([(0,o.property)({type:String})],t.prototype,"type",void 0),c([(0,o.property)({type:String})],t.prototype,"message",void 0),c([(0,o.property)({type:Boolean})],t.prototype,"closable",void 0),c([(0,o.property)({type:Boolean})],t.prototype,"show",void 0),c([(0,o.property)({type:String,attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",void 0),c([(0,o.property)({type:Boolean})],t.prototype,"showBannerTypeIcon",void 0),c([(0,o.property)({type:Boolean})],t.prototype,"showRefreshButton",void 0),c([(0,o.property)({type:String})],t.prototype,"alignment",void 0),t=c([(0,i.w)("md-alert-banner")],t),e.ELEMENT=t}(u||(u={}))},23968:e=>{e.exports=i},32022:e=>{e.exports=s},40333:e=>{e.exports=r},41488:t=>{t.exports=e},60554:e=>{e.exports=o},97822:e=>{e.exports=n}},c={};function d(e){var t=c[e];if(void 0!==t)return t.exports;var r=c[e]={exports:{}};return m[e](r,r.exports,d),r.exports}d.m=m,a=[],d.O=(e,t,r,i)=>{if(!t){var n=1/0;for(m=0;m<a.length;m++){for(var[t,r,i]=a[m],s=!0,o=0;o<t.length;o++)(!1&i||n>=i)&&Object.keys(d.O).every((e=>d.O[e](t[o])))?t.splice(o--,1):(s=!1,i<n&&(n=i));if(s){a.splice(m--,1);var l=r();void 0!==l&&(e=l)}}return e}i=i||0;for(var m=a.length;m>0&&a[m-1][2]>i;m--)a[m]=a[m-1];a[m]=[t,r,i]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6029:0};d.O.j=t=>0===e[t];var t=(t,r)=>{var i,n,[s,o,l]=r,a=0;if(s.some((t=>0!==e[t]))){for(i in o)d.o(o,i)&&(d.m[i]=o[i]);if(l)var m=l(d)}for(t&&t(r);a<s.length;a++)n=s[a],d.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return d.O(m)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var p=d.O(void 0,[7502,1890,6272,6325,6875,2176,6798,9813,1200,2576,5467],(()=>d(19479)));return d.O(p)})()));

package/dist/comp/md-alert-banner.js

@@ -1,9 +1 @@
-require("../chunks/md-10");
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-5");
-require("../chunks/md-7");
-require("../chunks/md-9");
-require("../chunks/md-53");
-module.exports = require("../comp/md-alert-banner-entry");
+require("../7502"),require("../1890"),require("../6272"),require("../6325"),require("../6875"),require("../2176"),require("../6798"),require("../9813"),require("../1200"),require("../2576"),require("../5467"),module.exports=require("../comp/md-alert-banner-entry");

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

@@ -1 +1,156 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(window,(function(e,t,i,r,n,o,l){return function(e){function t(t){for(var r,l,u=t[0],m=t[1],s=t[2],f=0,a=[];f<u.length;f++)l=u[f],Object.prototype.hasOwnProperty.call(n,l)&&n[l]&&a.push(n[l][0]),n[l]=0;for(r in m)Object.prototype.hasOwnProperty.call(m,r)&&(e[r]=m[r]);for(c&&c(t);a.length;)a.shift()();return o.push.apply(o,s||[]),i()}function i(){for(var e,t=0;t<o.length;t++){for(var i=o[t],r=!0,u=1;u<i.length;u++){var m=i[u];0!==n[m]&&(r=!1)}r&&(o.splice(t--,1),e=l(l.s=i[0]))}return e}var r={},n={289:0,284:0,286:0,290:0,292:0,294:0,295:0,299:0,300:0,301:0,302:0,305:0,314:0,317:0,320:0,322:0,323:0,327:0,328:0,329:0,333:0,336:0,339:0,340:0,341:0,343:0,344:0,345:0,349:0,353:0},o=[];function l(t){if(r[t])return r[t].exports;var i=r[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,l),i.l=!0,i.exports}l.m=e,l.c=r,l.d=function(e,t,i){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(l.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(i,r,function(t){return e[t]}.bind(null,r));return i},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var u=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],m=u.push.bind(u);u.push=t,u=u.slice();for(var s=0;s<u.length;s++)t(u[s]);var c=m;return o.push([113,10,0,1,2,5,7,9,35,54]),i()}([function(t,i){t.exports=e},,function(e,i){e.exports=t},function(e,t){e.exports=i},function(e,t){e.exports=r},,,,function(e,t){e.exports=n},,function(e,t){e.exports=o},,function(e,t){e.exports=l}])}));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue")):e(t["lit-element"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/class-map"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"]);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,((t,e,i,o,r,n,l)=>(()=>{"use strict";var s,a={8229:t=>{t.exports=e},19026:(t,e,i)=>{var o,r=i(31890),n=i(26272),l=i(41488),s=i(23968),a=i(97822),d=i(73112),p=function(t,e,i,o){var r,n=arguments.length,l=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(l=(n<3?r(l):n>3?r(e,i,l):r(e,i))||l);return n>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.inlineStyle=void 0,this.inverted=void 0,this.href="",this.tag="a",this.target="_self",this.size=void 0,this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}static get styles(){return[n.A,d.A]}render(){const t={[`md-link--${this.color}`]:this.color,"md-link--inline":this.inline,[`md-link--inline-style-${this.inlineStyle}`]:!!this.inlineStyle,[`${this.size}`]:!!this.size,inverted:!0===this.inverted,disabled:this.disabled};return l.html` ${(()=>{switch(this.tag){case"div":return l.html`
+              <div
+                class="md-link ${(0,s.classMap)(t)}"
+                tabindex=${this.tabIndex}
+                aria-label=${(0,a.ifDefined)(this.ariaLabel||void 0)}
+                aria-disabled=${(0,a.ifDefined)(this.disabled||void 0)}
+                role=${this.ariaRole}
+                part="link"
+              >
+                <slot></slot>
+              </div>
+            `;case"span":return l.html`
+              <span
+                class="md-link ${(0,s.classMap)(t)}"
+                tabindex=${this.tabIndex}
+                aria-label=${(0,a.ifDefined)(this.ariaLabel||void 0)}
+                aria-disabled=${(0,a.ifDefined)(this.disabled||void 0)}
+                role=${this.ariaRole}
+                part="link"
+              >
+                <slot></slot>
+              </span>
+            `;default:return l.html`
+              <a
+                class="md-link ${(0,s.classMap)(t)}"
+                .target="${this.target}"
+                href=${(0,a.ifDefined)(this.disabled?void 0:this.href)}
+                tabindex=${this.tabIndex}
+                aria-label=${(0,a.ifDefined)(this.ariaLabel||void 0)}
+                aria-disabled=${(0,a.ifDefined)(this.disabled||void 0)}
+                role=${this.ariaRole}
+                part="link"
+              >
+                <slot></slot>
+              </a>
+            `}})()} `}};p([(0,l.property)({type:String,attribute:!1})],e.prototype,"color",void 0),p([(0,l.property)({type:String})],e.prototype,"ariaLabel",void 0),p([(0,l.property)({type:String})],e.prototype,"ariaRole",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"inline",void 0),p([(0,l.property)({type:String,attribute:"inline-style"})],e.prototype,"inlineStyle",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"inverted",void 0),p([(0,l.property)({type:String})],e.prototype,"href",void 0),p([(0,l.property)({type:String})],e.prototype,"tag",void 0),p([(0,l.property)({type:String})],e.prototype,"target",void 0),p([(0,l.property)({type:String})],e.prototype,"size",void 0),p([(0,l.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),e=p([(0,r.w)("md-link")],e),t.ELEMENT=e}(o||(o={}))},23968:t=>{t.exports=o},32022:t=>{t.exports=n},40333:t=>{t.exports=i},41488:e=>{e.exports=t},60554:t=>{t.exports=l},74896:(t,e,i)=>{i.r(e),i.d(e,{Alert:()=>o}),i(61200),i(19026);var o,r=i(31890),n=i(26272),l=i(41488),s=i(40333),a=i(23968),d=i(62798),p=function(t,e,i,o){var r,n=arguments.length,l=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(l=(n<3?r(l):n>3?r(e,i,l):r(e,i))||l);return n>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.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.newMomentum=!1,this.primaryButton="",this.primaryButtonVariant="primary",this.primaryButtonColor="",this.secondaryButton="",this.link=!1,this.showMore=!1,this.href="",this.hasFooterSlotContent=!1,this.renderIconTemplate=()=>{switch(this.type){case"error":return l.html`
+            <md-icon
+              name="error-legacy-bold"
+              size="${this.newMomentum?24:32}"
+              iconSet="momentumDesign"
+              color="var(--md-alert-error-text-color, red)"
+            ></md-icon>
+          `;case"info":return l.html`
+            <md-icon
+              name="info-circle-bold"
+              size="${this.newMomentum?24:32}"
+              iconSet="momentumDesign"
+              color="var(--md-alert-info-text-color, blue)"
+            ></md-icon>
+          `;case"success":return l.html`
+            <md-icon
+              name="check-circle-bold"
+              size="${this.newMomentum?24:32}"
+              iconSet="momentumDesign"
+              color="var(--md-alert-success-text-color, green)"
+            ></md-icon>
+          `;case"warn":case"warning":return l.html`
+            <md-icon
+              name="warning-bold"
+              size="${this.newMomentum?24:32}"
+              iconSet="momentumDesign"
+              color="var(--md-alert-warning-text-color, orange)"
+            ></md-icon>
+          `;case"message":return l.html`
+            <md-icon
+              name="chat-bold"
+              size="${this.newMomentum?24:32}"
+              iconSet="momentumDesign"
+              color="var(--alert-title-text-color)"
+            ></md-icon>
+          `;case"loading":return l.html`<md-spinner size="24"></md-spinner>`;default:return l.html` <slot name="alert-icon"></slot> `}}}connectedCallback(){super.connectedCallback(),this.updateFooterSlotInUse()}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[n.A,d.A]}get alertClassMap(){return{[`md-alert--${this.type}`]:!!this.type,"md-alert__inline":this.inline}}get slottedFooterClassMap(){return{"is-empty":!this.hasFooterSlotContent}}legacyRender(){return l.html`
+        <div role="alert" aria-live="polite" part="alert" class="md-alert ${(0,a.classMap)(this.alertClassMap)}">
+          <div class="md-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
+          <div part="content" class="md-alert__content">
+            ${this.title&&""!==this.title?l.html` <div class="md-alert__title" role="heading" aria-level="1">${this.title}</div> `:s.nothing}
+            <div class="md-alert__message">
+              ${this.message}
+              <slot name="alert-body"></slot>
+            </div>
+          </div>
+          ${this.closable?l.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>
+              `:l.html`
+                <div class="md-alert__footer">
+                  <slot name="alert-footer"></slot>
+                </div>
+              `}
+        </div>
+      `}renderNewAlertDefaultFooter(){return l.html`
+        <div class="md-new-alert__footer">
+          ${this.link?l.html`
+                <md-link href="${this.href}">
+                  <span class="md-new-alert__link"
+                    >Link
+                    <md-icon
+                      name="pop-out-bold"
+                      size="16"
+                      iconSet="momentumDesign"
+                      color="var(--md-alert-info-text-color, blue)"
+                    >
+                    </md-icon>
+                  </span>
+                </md-link>
+              `:s.nothing}
+          ${this.secondaryButton?l.html` <md-button variant="secondary" .clickFunction="${this.secondaryButtonClickFunction}">
+                ${this.secondaryButton}
+              </md-button>`:s.nothing}
+          ${this.primaryButton?l.html`<md-button
+                variant=${this.primaryButtonVariant}
+                color=${this.primaryButtonColor}
+                .clickFunction="${this.primaryButtonClickFunction}"
+              >
+                ${this.primaryButton}
+              </md-button>`:s.nothing}
+        </div>
+      `}handleSlotContentChange(t){this.updateFooterSlotInUse()}updateFooterSlotInUse(){var t;this.hasFooterSlotContent=(null===(t=this.alertFooterSlot)||void 0===t?void 0:t.assignedNodes().length)>0}renderSlottedFooter(){return l.html` <div class="md-new-alert__footer ${(0,a.classMap)(this.slottedFooterClassMap)}">
+        <slot name="alert-footer" @slotchange=${this.handleSlotContentChange}></slot>
+      </div>`}newRender(){return l.html`
+        <div role="alert" aria-live="polite" part="alert" class="md-new-alert ${(0,a.classMap)(this.alertClassMap)}">
+          <div class="md-new-alert__body">
+            <div class="md-new-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
+            <div part="content" class="md-new-alert__content">
+              ${this.title&&""!==this.title?l.html` <div class="md-new-alert__title" role="heading" aria-level="1">${this.title}</div> `:s.nothing}
+              <div class="md-new-alert__message" title="${this.message}">
+                ${this.message}
+                <slot name="alert-body"></slot>
+                ${this.showMore?l.html`<md-link href=${this.href} inline>Show more...</md-link>`:s.nothing}
+              </div>
+            </div>
+            ${this.closable?l.html`
+                  <div class="md-new-alert__button">
+                    <md-button
+                      ariaLabel="${this.btnlabel}"
+                      hasRemoveStyle
+                      color="color-none"
+                      circle
+                      @click="${()=>this.close()}"
+                    >
+                      <md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
+                    </md-button>
+                  </div>
+                `:s.nothing}
+          </div>
+          ${this.primaryButton||this.secondaryButton||this.link?this.renderNewAlertDefaultFooter():this.renderSlottedFooter()}
+        </div>
+      `}get alertRender(){return this.newMomentum?this.newRender():this.legacyRender()}render(){return l.html` ${this.show?this.alertRender:s.nothing} `}};p([(0,l.property)({type:Boolean})],e.prototype,"closable",void 0),p([(0,l.property)({type:String})],e.prototype,"message",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"show",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"internalClose",void 0),p([(0,l.property)({type:String})],e.prototype,"title",void 0),p([(0,l.property)({type:String})],e.prototype,"btnlabel",void 0),p([(0,l.property)({type:String})],e.prototype,"type",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"inline",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"newMomentum",void 0),p([(0,l.property)({type:String})],e.prototype,"primaryButton",void 0),p([(0,l.property)({type:String})],e.prototype,"primaryButtonVariant",void 0),p([(0,l.property)({type:String})],e.prototype,"primaryButtonColor",void 0),p([(0,l.property)()],e.prototype,"primaryButtonClickFunction",void 0),p([(0,l.property)({type:String})],e.prototype,"secondaryButton",void 0),p([(0,l.property)()],e.prototype,"secondaryButtonClickFunction",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"link",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"showMore",void 0),p([(0,l.property)({type:String})],e.prototype,"href",void 0),p([(0,l.query)('slot[name="alert-footer"]')],e.prototype,"alertFooterSlot",void 0),p([(0,l.internalProperty)()],e.prototype,"hasFooterSlotContent",void 0),e=p([(0,r.w)("md-alert")],e),t.ELEMENT=e}(o||(o={}))},97822:t=>{t.exports=r}},d={};function p(t){var e=d[t];if(void 0!==e)return e.exports;var i=d[t]={exports:{}};return a[t](i,i.exports,p),i.exports}p.m=a,s=[],p.O=(t,e,i,o)=>{if(!e){var r=1/0;for(d=0;d<s.length;d++){for(var[e,i,o]=s[d],n=!0,l=0;l<e.length;l++)(!1&o||r>=o)&&Object.keys(p.O).every((t=>p.O[t](e[l])))?e.splice(l--,1):(n=!1,o<r&&(r=o));if(n){s.splice(d--,1);var a=i();void 0!==a&&(t=a)}}return t}o=o||0;for(var d=s.length;d>0&&s[d-1][2]>o;d--)s[d]=s[d-1];s[d]=[e,i,o]},p.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return p.d(e,{a:e}),e},p.d=(t,e)=>{for(var i in e)p.o(e,i)&&!p.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={6132:0,6724:0};p.O.j=e=>0===t[e];var e=(e,i)=>{var o,r,[n,l,s]=i,a=0;if(n.some((e=>0!==t[e]))){for(o in l)p.o(l,o)&&(p.m[o]=l[o]);if(s)var d=s(p)}for(e&&e(i);a<n.length;a++)r=n[a],p.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return p.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var m=p.O(void 0,[7502,1890,6272,6325,6875,2176,6798,9813,1200,2576,3112,2798],(()=>p(74896)));return p.O(m)})()));

package/dist/comp/md-alert.js

@@ -1,10 +1 @@
-require("../chunks/md-10");
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-5");
-require("../chunks/md-7");
-require("../chunks/md-9");
-require("../chunks/md-35");
-require("../chunks/md-54");
-module.exports = require("../comp/md-alert-entry");
+require("../7502"),require("../1890"),require("../6272"),require("../6325"),require("../6875"),require("../2176"),require("../6798"),require("../9813"),require("../1200"),require("../2576"),require("../3112"),require("../2798"),module.exports=require("../comp/md-alert-entry");

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

@@ -1 +1,98 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(window,(function(e,t,i,r,n,o,l){return function(e){function t(t){for(var r,l,u=t[0],m=t[1],s=t[2],f=0,a=[];f<u.length;f++)l=u[f],Object.prototype.hasOwnProperty.call(n,l)&&n[l]&&a.push(n[l][0]),n[l]=0;for(r in m)Object.prototype.hasOwnProperty.call(m,r)&&(e[r]=m[r]);for(c&&c(t);a.length;)a.shift()();return o.push.apply(o,s||[]),i()}function i(){for(var e,t=0;t<o.length;t++){for(var i=o[t],r=!0,u=1;u<i.length;u++){var m=i[u];0!==n[m]&&(r=!1)}r&&(o.splice(t--,1),e=l(l.s=i[0]))}return e}var r={},n={290:0,284:0,286:0,289:0,292:0,294:0,295:0,299:0,300:0,301:0,302:0,305:0,314:0,317:0,320:0,322:0,323:0,327:0,328:0,329:0,333:0,336:0,339:0,340:0,341:0,343:0,344:0,345:0,349:0,353:0},o=[];function l(t){if(r[t])return r[t].exports;var i=r[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,l),i.l=!0,i.exports}l.m=e,l.c=r,l.d=function(e,t,i){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(l.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(i,r,function(t){return e[t]}.bind(null,r));return i},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var u=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],m=u.push.bind(u);u.push=t,u=u.slice();for(var s=0;s<u.length;s++)t(u[s]);var c=m;return o.push([114,10,0,1,2,3,4,5,7,6,9,8,11,13,19,21,55]),i()}([function(t,i){t.exports=e},,function(e,i){e.exports=t},function(e,t){e.exports=i},function(e,t){e.exports=r},,,,function(e,t){e.exports=n},,function(e,t){e.exports=o},,function(e,t){e.exports=l}])}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,((e,t,i,o,l,a,s)=>(()=>{"use strict";var n,r={8229:e=>{e.exports=t},23779:(e,t,i)=>{i.r(t),i.d(t,{AudioPlayer:()=>c,defaultLabelMap:()=>m,playbackSpeeds:()=>p}),i(96798),i(61200),i(83192);var o=i(90195),l=i(31890),a=i(26272),s=i(41488),n=i(40333),r=i(23968),d=i(92984),u=function(e,t,i,o){var l,a=arguments.length,s=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(s=(a<3?l(s):a>3?l(t,i,s):l(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};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"}],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 s.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find((e=>"speed-btn"===e.id)),t||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:t}=e;switch(t){case o.Uz.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case o.Uz.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case o.Uz.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=p.findIndex((e=>e.value===this.selectedPlaybackSpeed)),i=Math.max(0,t-1);this.selectedPlaybackSpeed=p[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.Uz.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=p.findIndex((e=>e.value===this.selectedPlaybackSpeed)),i=Math.min(p.length-1,t+1);this.selectedPlaybackSpeed=p[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.Uz.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),e.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=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):l()},o=()=>{l()},l=()=>{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 s.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?s.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:s.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?s.html`
+                        <md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
+                      `:s.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 ${(0,r.classMap)(this.popupClassMap)}">
+                <ul id="speed-popup-menu">
+                  ${p.map((e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return s.html`
+                      <li
+                        class=${t?"speed-popup-selected-speed":""}
+                        @click="${()=>this.setPlaybackSpeed(e.value)}"
+                      >
+                        <span>${e.label}</span>
+                        ${this.playbackSpeed==e.value?s.html`
+                              <md-icon
+                                slot="icon"
+                                color="md-blue-60"
+                                name="check-bold"
+                                size="16"
+                                iconSet="momentumDesign"
+                              ></md-icon>
+                            `:n.nothing}
+                      </li>
+                    `}))}
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      `}};u([(0,s.property)({type:String})],t.prototype,"src",void 0),u([(0,s.property)({type:Object})],t.prototype,"labelMap",void 0),u([(0,s.internalProperty)()],t.prototype,"events",void 0),u([(0,s.internalProperty)()],t.prototype,"audio",void 0),u([(0,s.internalProperty)()],t.prototype,"volumeElement",void 0),u([(0,s.internalProperty)()],t.prototype,"isPlaying",void 0),u([(0,s.internalProperty)()],t.prototype,"isMuted",void 0),u([(0,s.internalProperty)()],t.prototype,"duration",void 0),u([(0,s.internalProperty)()],t.prototype,"volume",void 0),u([(0,s.internalProperty)()],t.prototype,"currentTime",void 0),u([(0,s.internalProperty)()],t.prototype,"showSpeedPopup",void 0),u([(0,s.internalProperty)()],t.prototype,"playbackSpeed",void 0),u([(0,s.internalProperty)()],t.prototype,"volumeExpanded",void 0),u([(0,s.internalProperty)()],t.prototype,"bufferedRange",void 0),u([(0,s.internalProperty)()],t.prototype,"selectedPlaybackSpeed",void 0),u([(0,s.internalProperty)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=u([(0,l.w)("md-audio-player")],t),e.ELEMENT=t}(c||(c={}))},23968:e=>{e.exports=o},32022:e=>{e.exports=a},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=s},97822:e=>{e.exports=l}},d={};function u(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return r[e](i,i.exports,u),i.exports}u.m=r,n=[],u.O=(e,t,i,o)=>{if(!t){var l=1/0;for(d=0;d<n.length;d++){for(var[t,i,o]=n[d],a=!0,s=0;s<t.length;s++)(!1&o||l>=o)&&Object.keys(u.O).every((e=>u.O[e](t[s])))?t.splice(s--,1):(a=!1,o<l&&(l=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]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8220:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var o,l,[a,s,n]=i,r=0;if(a.some((t=>0!==e[t]))){for(o in s)u.o(s,o)&&(u.m[o]=s[o]);if(n)var d=n(u)}for(t&&t(i);r<a.length;r++)l=a[r],u.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return u.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var p=u.O(void 0,[7502,1890,6272,6325,6875,2176,6798,9813,1200,8889,300,8373,4624,591,768,195,3001,7251,3192,2984],(()=>u(23779)));return u.O(p)})()));

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

@@ -1,17 +1 @@
-require("../chunks/md-10");
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-3");
-require("../chunks/md-4");
-require("../chunks/md-5");
-require("../chunks/md-7");
-require("../chunks/md-6");
-require("../chunks/md-9");
-require("../chunks/md-8");
-require("../chunks/md-11");
-require("../chunks/md-13");
-require("../chunks/md-19");
-require("../chunks/md-21");
-require("../chunks/md-55");
-module.exports = require("../comp/md-audio-player-entry");
+require("../7502"),require("../1890"),require("../6272"),require("../6325"),require("../6875"),require("../2176"),require("../6798"),require("../9813"),require("../1200"),require("../8889"),require("../300"),require("../8373"),require("../4624"),require("../591"),require("../768"),require("../195"),require("../3001"),require("../7251"),require("../3192"),require("../2984"),module.exports=require("../comp/md-audio-player-entry");