!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"),require("lit/directives/until.js"));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","lit/directives/until.js"],t);else{var o="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"),require("lit/directives/until.js")):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,e["lit/directives/until.js"]);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(self,(e,t,o,i,r,s,n,l,a)=>(()=>{"use strict";var d,c={7030(e,t,o){o.r(t),o.d(t,{MeetingAlert:()=>p,MeetingAlertRole:()=>m}),o(2245),o(5983),o(1821);var i=o(2900),r=o(9609),s=o(4084),n=o(7161),l=o(429),a=o(6341),d=o(3006),c=function(e,t,o,i){var r,s=arguments.length,n=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,o,n):r(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};const m=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.attendees=[{title:"Attendee",src:null,alt:"Attendee"}],this.closeAriaLabel="close",this.onKeyDown=null,this.onSnooze=null,this.message="",this.snoozeAriaLabel="snooze",this.role="button",this.show=!1,this.src="",this.status="",this.userStyles="",this.title="",this._onSnooze=e=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:e}}))},this._onClose=e=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:e}}))},this.handleSnooze=e=>{this.onSnooze?this.onSnooze(e):this._onSnooze(e),e.stopPropagation()},this.handleClose=e=>{this._onClose(e),e.stopPropagation()},this.handleKeyDown=e=>{if(e.code===i.Uz.Escape&&this.handleClose(e),e.code===i.Uz.Enter||e.code===i.Uz.Space){switch(e.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(e);break;case"snooze":this.handleSnooze(e)}e.preventDefault()}this.onKeyDown&&this.onKeyDown(e)}}getStyles(){return n.html`
        <style>
          ::slotted(img) {
            display: inline-block;
            vertical-align: middle;
            -ms-interpolation-mode: bicubic;
            height: auto;
            max-width: 100%;
            border-style: none;
          }
          ${this.userStyles}
        </style>
      `}static get styles(){return[s.A,d.A]}render(){const{attendees:e,message:t,onSnooze:o,role:i,src:r,status:s,title:l,closeAriaLabel:d,show:c,snoozeAriaLabel:m}=this;return n.html`
        ${this.getStyles()}
        ${c?n.html`
              <div
                aria-label="Meeting Alert"
                class=${"md-alert md-alert--meeting"}
                @keydown=${e=>this.handleKeyDown(e)}
                role=${i}
              >
                <slot name="custom-avatar"> ${e.length>=2?(0,a.o)(e):n.html` <md-avatar title=${l} label="avatar" src=${r} tabindex="-1"></md-avatar> `} </slot>
                <div class=${"md-alert__content "+(o?"":" md-alert__content--wide")}>
                  <div class="md-alert__title" title=${l}>${l}</div>
                  <div class="md-alert__status" title=${s}>${s}</div>
                  <div class="md-alert__message" title=${t}>${t}</div>
                </div>
                ${o?n.html`
                      <div class="md-alert__button">
                        <md-button
                          variant="secondary"
                          aria-label=${m}
                          circle
                          @click=${e=>{this.handleSnooze(e)}}
                          .size=${40}
                        >
                          <md-icon name="alarm-bold" size="16" iconSet="momentumDesign"></md-icon>
                        </md-button>
                      </div>
                    `:n.nothing}
                <slot name="custom-action">
                  <md-button
                    class="md-alert__button"
                    variant="ghost"
                    ariaLabel=${d}
                    circle
                    @click=${e=>{this.handleClose(e)}}
                    .size=${40}
                  >
                    <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
                  </md-button>
                </slot>
              </div>
            `:n.nothing}
      `}};c([(0,l.property)({type:Array})],t.prototype,"attendees",void 0),c([(0,l.property)({type:String})],t.prototype,"closeAriaLabel",void 0),c([(0,l.property)({attribute:!1})],t.prototype,"onKeyDown",void 0),c([(0,l.property)({attribute:!1})],t.prototype,"onSnooze",void 0),c([(0,l.property)({type:String})],t.prototype,"message",void 0),c([(0,l.property)({type:String})],t.prototype,"snoozeAriaLabel",void 0),c([(0,l.property)({type:String})],t.prototype,"role",void 0),c([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),c([(0,l.property)({type:String})],t.prototype,"src",void 0),c([(0,l.property)({type:String})],t.prototype,"status",void 0),c([(0,l.property)({type:String})],t.prototype,"userStyles",void 0),c([(0,l.property)({type:String})],t.prototype,"title",void 0),t=c([(0,r.w)("md-meeting-alert")],t),e.ELEMENT=t}(p||(p={}))},2022(e){e.exports=s},554(e){e.exports=n},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=o},291(e){e.exports=r},318(e){e.exports=i},9756(e){e.exports=a},5314(e){e.exports=l}},m={};function p(e){var t=m[e];if(void 0!==t)return t.exports;var o=m[e]={exports:{}};return c[e](o,o.exports,p),o.exports}p.m=c,d=[],p.O=(e,t,o,i)=>{if(!t){var r=1/0;for(a=0;a<d.length;a++){for(var[t,o,i]=d[a],s=!0,n=0;n<t.length;n++)(!1&i||r>=i)&&Object.keys(p.O).every(e=>p.O[e](t[n]))?t.splice(n--,1):(s=!1,i<r&&(r=i));if(s){d.splice(a--,1);var l=o();void 0!==l&&(e=l)}}return e}i=i||0;for(var a=d.length;a>0&&d[a-1][2]>i;a--)d[a]=d[a-1];d[a]=[t,o,i]},p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var o in t)p.o(t,o)&&!p.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={4908:0};p.O.j=t=>0===e[t];var t=(t,o)=>{var i,r,[s,n,l]=o,a=0;if(s.some(t=>0!==e[t])){for(i in n)p.o(n,i)&&(p.m[i]=n[i]);if(l)var d=l(p)}for(t&&t(o);a<s.length;a++)r=s[a],p.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return p.O(d)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var u=p.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,6325,4449,1392,1618,378,9244,2245,1816],()=>p(7030));return p.O(u)})());