!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,s,n,o,l)=>(()=>{"use strict";var a,c={9144(e,t,i){i.r(t),i.d(t,{AlertBanner:()=>h,alertBannerAlignment:()=>p,alertBannerType:()=>m}),i(5983),i(1821);var r=i(9609),s=i(7154),n=i(4084),o=i(7161),l=i(429),a=i(5125),c=i(4839),d=function(e,t,i,r){var s,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o};const m=["default","accent","warning","error","success","default-momentum","promotional"],p=["center","leading"];var h;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.type="",this.titleText="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback()}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide"))}onRefreshClick(){this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}handleKeyDown(e){const{code:t}=e;(0,s.o)(t)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[n.A,c.A]}getIconForType(){switch(this.type){case"error":return"error-legacy-bold";case"warning":return"warning-bold";case"success":return"check-circle-bold";default:return"info-circle-bold"}}get alertBannerClassMap(){return{"md-alert-banner":!0,[`md-alert-banner--${this.type}`]:this.type,"md-alert-banner--leading":this.isLeadingAlignment||this.titleText,closable:this.closable,"with-title":!!this.titleText}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,"md-alert-banner__with-title":!!this.titleText,leading:this.isLeadingAlignment||this.titleText}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment||this.titleText}}get closeButtonTemplate(){const e=this.titleText?"close-div with-title":"close-div";return o.html`
        <div class="${e}">
          <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>
      `}get titleTemplate(){return this.titleText?o.html`<div class="md-alert-banner__title">${this.titleText}</div>`:o.nothing}render(){const e=this.closable?o.html` ${this.closeButtonTemplate} `:o.nothing,t=this.showBannerTypeIcon||this.titleText?"with-icon":"",i=this.showBannerTypeIcon?o.html`
            <md-icon
              class=${(0,a.classMap)({"md-alert-banner__icon":!0,"with-title":!!this.titleText})}
              name="${this.getIconForType()}"
              iconSet="momentumDesign"
              size="20"
            >
            </md-icon>
          `:o.html`<slot name="left"></slot>`,r=this.titleText?"refresh-button-with-title":"refresh-button",s=this.showRefreshButton?o.html` <md-button
            class="${r}"
            @click=${this.onRefreshClick}
            variant="ghostInheritTextColor"
            circle
            size="20"
          >
            <md-icon name="refresh-bold" iconSet="momentumDesign" size="16"></md-icon>
          </md-button>`:o.nothing;return this.titleText?o.html`
          ${this.show?o.html`
                <div class="${(0,a.classMap)(this.alertBannerClassMap)}" role="alert">
                  <div class="${(0,a.classMap)(this.alertBannerTextClassMap)}">
                    <div class="md-alert-banner__text-content ${t}">
                      ${i} ${this.titleTemplate}
                      <slot><span>${this.message}</span></slot>
                    </div>
                  </div>
                  <div class="md-alert-banner__top-right-centered">
                    <div class="md-alert-banner__top-right-centered-content">
                      ${s}
                      <div class="md-alert-banner__right ${(0,a.classMap)(this.alertBannerRightClassMap)}">
                        <slot name="right"></slot>
                      </div>
                      ${e}
                    </div>
                  </div>
                </div>
              `:o.nothing}
        `:o.html`
          ${this.show?o.html`
                <div class="${(0,a.classMap)(this.alertBannerClassMap)}" role="alert">
                  <div class="${(0,a.classMap)(this.alertBannerTextClassMap)}">
                    ${i}
                    <slot><span>${this.message}</span></slot>
                    ${s}
                  </div>
                  <div class="md-alert-banner__right ${(0,a.classMap)(this.alertBannerRightClassMap)}">
                    <slot name="right"></slot>
                  </div>
                  ${e}
                </div>
              `:o.nothing}
        `}};d([(0,l.property)({type:String})],t.prototype,"type",void 0),d([(0,l.property)({type:String})],t.prototype,"titleText",void 0),d([(0,l.property)({type:String})],t.prototype,"message",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"closable",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),d([(0,l.property)({type:String,attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"showBannerTypeIcon",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"showRefreshButton",void 0),d([(0,l.property)({type:String})],t.prototype,"alignment",void 0),t=d([(0,r.w)("md-alert-banner")],t),e.ELEMENT=t}(h||(h={}))},2022(e){e.exports=n},554(e){e.exports=o},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=i},291(e){e.exports=s},318(e){e.exports=r},5314(e){e.exports=l}},d={};function m(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return c[e](i,i.exports,m),i.exports}m.m=c,a=[],m.O=(e,t,i,r)=>{if(!t){var s=1/0;for(c=0;c<a.length;c++){for(var[t,i,r]=a[c],n=!0,o=0;o<t.length;o++)(!1&r||s>=r)&&Object.keys(m.O).every(e=>m.O[e](t[o]))?t.splice(o--,1):(n=!1,r<s&&(s=r));if(n){a.splice(c--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var c=a.length;c>0&&a[c-1][2]>r;c--)a[c]=a[c-1];a[c]=[t,i,r]},m.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return m.d(t,{a:t}),t},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),m.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6029:0};m.O.j=t=>0===e[t];var t=(t,i)=>{var r,s,[n,o,l]=i,a=0;if(n.some(t=>0!==e[t])){for(r in o)m.o(o,r)&&(m.m[r]=o[r]);if(l)var c=l(m)}for(t&&t(i);a<n.length;a++)s=n[a],m.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return m.O(c)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var p=m.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,4839],()=>m(9144));return m.O(p)})());