@momentum-ui/web-components 2.13.22 → 2.14.0

package/dist/chunks/md-71.js

@@ -1,76 +1,36 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{104:function(e,t,r){"use strict";r.r(t),r.d(t,"MeetingAlertRole",(function(){return c})),r.d(t,"MeetingAlert",(function(){return p}));r(50),r(17),r(15);var o=r(1),l=r(6),a=r(5),i=r(0),n=r(2),m=r(3);var s=i.css`.md-alert__container{position:fixed;z-index:9999}.md-alert__container--top-left{left:1em;top:1em}.md-alert__container--top-center{left:50%;top:1em;transform:translate(-50%)}.md-alert__container--top-right{right:1em;top:1em}.md-alert__container--bottom-left{bottom:1em;left:1em}.md-alert__container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.md-alert__container--bottom-right{bottom:1em;right:1em}.md-alert__container--call{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-alert{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:var(--meeting-alert-bg-color,#fff);border:1px solid var(--meeting-alert-border-color,rgba(0,0,0,.12));box-shadow:0 8px 16px 0 rgba(0,0,0,.08);justify-content:space-between;margin-bottom:.5rem;max-height:19.25rem;min-height:4.875rem;padding:.5rem .8125rem .5rem 1.0625rem;width:21.375rem}.md-alert__icon{font-family:momentum-ui-icons;font-size:2.75rem;line-height:0}.md-alert__icon::before{content:"\\f6e8";color:var(--meeting-alert-info-text-color,#00a0d1)}.md-alert__content{display:flex;flex-basis:0%;flex-direction:column;flex-grow:2;padding-left:1rem;padding-right:.125rem}.md-alert__title{color:var(--meeting-alert-info-text-color,#00a0d1);font-size:var(--body-primary-font-size,1rem);line-height:1.5rem}.md-alert__message,.md-alert__status{font-size:var(--body-secondary-font-size,.875rem);font-family:var(--brand-font-medium, var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif));line-height:1.125rem}.md-alert__status{color:var(--meeting-alert-success-text-color,#03612c)}.md-alert__message{color:var(--meeting-alert-text-color,#292929)}.md-alert__message,.md-alert__title{max-width:10rem;word-wrap:break-word}.md-alert__button{margin-left:.5rem}.md-alert.md-alert--success .md-alert__icon::before{content:"\\f381";color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--success .md-alert__title{color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--warning .md-alert__title{color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--error .md-alert__title{color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--meeting .md-alert__content{width:10rem}.md-alert.md-alert--meeting .md-alert__content--wide{width:13rem}.md-alert.md-alert--meeting .md-alert__message,.md-alert.md-alert--meeting .md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-alert.md-alert--meeting .md-alert__title{color:var(--meeting-alert-title-text-color,#000)}.md-alert.md-alert--call{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin-right:.9375rem;max-height:31.25rem;min-height:17.625rem;padding:.75rem 1.0625rem 1.5625rem 1.0625rem;width:17.375rem}.md-alert.md-alert--call .md-alert__title{color:var(--meeting-alert-title-text-color,#000);font-size:.875rem;font-weight:700;line-height:1.375rem;padding-bottom:1.5rem}.md-alert.md-alert--call .md-alert__caller{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.md-alert.md-alert--call .md-alert__caller-title{font-size:1rem;font-weight:700;line-height:1.5rem;padding-top:.5rem}.md-alert.md-alert--call .md-alert__caller-subtitle{font-size:.875rem;line-height:1.375rem}.md-alert.md-alert--call .md-alert--call--buttons{padding-top:1.5rem}.md-alert.md-alert--call .md-alert--call--buttons .md-icon{fill:#fff}.md-alert.md-alert--call .md-list{padding-top:.75rem}.md-alert.md-alert--call .md-list .md-list-item{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:hover{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.md-alert.md-alert--call .md-list .md-list-item-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid rgba(0,0,0,.08)}`,d=function(e,t,r,o){var l,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(i=(a<3?l(i):a>3?l(t,r,i):l(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(e){let t=class extends i.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===o.b.Escape&&this.handleClose(e),e.code===o.b.Enter||e.code===o.b.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 i.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[a.a,s]}render(){const{attendees:e,message:t,onSnooze:r,role:o,src:l,status:a,title:s,closeAriaLabel:d,show:c,snoozeAriaLabel:p}=this;return i.html`
-        ${this.getStyles()}
-        ${c?i.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{120:function(e,i,n){"use strict";n.r(i),n.d(i,"linkTag",(function(){return s})),n.d(i,"linkColor",(function(){return k})),n.d(i,"linkRole",(function(){return b})),n.d(i,"Link",(function(){return m}));var t=n(5),l=n(6),r=n(0),o=n(4),a=n(3),d=r.css`.md-link{border-radius:.25rem;cursor:pointer;display:inline-flex;font-size:var(--link-inline-font-size,14px);line-height:170%;width:fit-content;color:var(--link-default,#005e7d)}.md-link:hover{color:var(--link-hover,#005e7d)}.md-link:focus{box-shadow:0 0 0 2px var(--link-focus-outline,#007aa3);color:var(--link-focus,#005e7d)}.md-link.active{color:var(--link-pressed,#064157)}.md-link.disabled,.md-link.md-link--inline.disabled{color:var(--link-disabled,#b2b2b2)!important}.md-link.md-link--inline{color:var(--link-inline,#a12512)}.md-link.md-link--inline:hover{color:var(--link-inline-hover,#6e1d13)}.md-link.md-link--inline:focus{color:var(--link-inline-focus,#a12512)}.md-link.md-link--inline.active{color:var(--link-inline-pressed,#4a1812)}.md-link .md-link--blue{color:var(--link-blue,#00a0d1)}.md-link .md-link--blue:hover{color:var(--link-blue-hover,#007aa3)}.md-link .md-link--blue.active{color:var(--link-blue-active,#005e7d)}.md-link .md-link--red{color:var(--link-red,#f7644a)}.md-link .md-link--red:hover{color:var(--link-red-hover,#d4371c)}.md-link .md-link--red.active{color:var(--link-red-active,#a12512)}.md-link .md-link--green{color:var(--link-green,#00ab50)}.md-link .md-link--green:hover{color:var(--link-green-hover,#00853c)}.md-link .md-link--green.active{color:var(--link-green-active,#03612c)}.md-link .md-link--yellow{color:var(--link-yellow,#d97f00)}.md-link .md-link--yellow:hover{color:var(--link-yellow-hover,#a85f00)}.md-link .md-link--yellow.active{color:var(--link-yellow-active,#7d4705)}.md-link .md-link--orange{color:var(--link-orange,#f26b1d)}.md-link .md-link--orange:hover{color:var(--link-orange-hover,#c74f0e)}.md-link .md-link--orange.active{color:var(--link-orange-active,#914017)}.md-link:focus{outline:0}.md-link.disabled{pointer-events:none}.md-link--inline{font-size:var(--link-inline-font-size,14px);line-height:100%;text-decoration:underline}@media(forced-colors:active){.md-link:focus{box-shadow:none;outline:2px solid Highlight}.md-link.disabled{color:GrayText!important}}`,c=function(e,i,n,t){var l,r=arguments.length,o=r<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,n):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,n,t);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(o=(r<3?l(o):r>3?l(i,n,o):l(i,n))||o);return r>3&&o&&Object.defineProperty(i,n,o),o};const s=["a","div","span"],k=["","blue","red","green","yellow","orange"],b=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"];var m;!function(e){let i=class extends r.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.href="",this.tag="a",this.target="_self",this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(e){const i=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",i)}static get styles(){return[t.a,d]}render(){const e={["md-link--"+this.color]:this.color,"md-link--inline":this.inline,disabled:this.disabled};return r.html` ${(()=>{switch(this.tag){case"div":return r.html`
               <div
-                aria-label="Meeting Alert"
-                class=${"md-alert md-alert--meeting"}
-                @keydown=${e=>this.handleKeyDown(e)}
-                role=${o}
+                class="md-link ${Object(o.classMap)(e)}"
+                tabindex=${this.tabIndex}
+                aria-label=${Object(a.ifDefined)(this.ariaLabel||void 0)}
+                aria-disabled=${Object(a.ifDefined)(this.disabled||void 0)}
+                role=${this.ariaRole}
+                part="link"
               >
-                <slot name="custom-avatar"> ${e.length>=2?(e=>{const t="display: flex;width: 1.625rem;height: 1.625rem;font-size: .56875rem;line-height: .8125rem;";return i.html`
-    <div class="md-composite-avatar md-composite-avatar--wc-override" style=${"position: relative; display: block;\n  width: 2.5rem;\n  height: 2.5rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;"}>
-      <md-avatar
-        slot="avatar"
-        class="md-avatar"
-        alt=${e[0].alt||e[0].title}
-        src=${Object(m.ifDefined)(e[0].src?e[0].src:void 0)}
-        title=${e[0].title}
-        size="24"
-        style=${t+"position: absolute;left: 0px;top: 0px;"}
-      ></md-avatar>
-      <md-avatar
-        slot="avatar"
-        class="md-avatar"
-        alt=${e[1].alt||e[1].title}
-        src=${Object(m.ifDefined)(e[1].src?e[1].src:void 0)}
-        title=${e[1].title}
-        size="24"
-        style=${t+"position: absolute;right: 0px;bottom: 0px;"}
-      ></md-avatar>
-    </div>
-  `})(e):i.html` <md-avatar title=${s} label="avatar" src=${l} tabindex="-1"></md-avatar> `} </slot>
-                <div class=${"md-alert__content "+(r?"":" md-alert__content--wide")}>
-                  <div class="md-alert__title" title=${s}>${s}</div>
-                  <div class="md-alert__status" title=${a}>${a}</div>
-                  <div class="md-alert__message" title=${t}>${t}</div>
-                </div>
-                ${r?i.html`
-                      <div class="md-alert__button">
-                        <md-button
-                          variant="secondary"
-                          aria-label=${p}
-                          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>
+                <slot></slot>
               </div>
-            `:n.nothing}
-      `}};d([Object(i.property)({type:Array})],t.prototype,"attendees",void 0),d([Object(i.property)({type:String})],t.prototype,"closeAriaLabel",void 0),d([Object(i.property)({attribute:!1})],t.prototype,"onKeyDown",void 0),d([Object(i.property)({attribute:!1})],t.prototype,"onSnooze",void 0),d([Object(i.property)({type:String})],t.prototype,"message",void 0),d([Object(i.property)({type:String})],t.prototype,"snoozeAriaLabel",void 0),d([Object(i.property)({type:String})],t.prototype,"role",void 0),d([Object(i.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(i.property)({type:String})],t.prototype,"src",void 0),d([Object(i.property)({type:String})],t.prototype,"status",void 0),d([Object(i.property)({type:String})],t.prototype,"userStyles",void 0),d([Object(i.property)({type:String})],t.prototype,"title",void 0),t=d([Object(l.a)("md-meeting-alert")],t),e.ELEMENT=t}(p||(p={}))}}]);
+            `;case"span":return r.html`
+              <span
+                class="md-link ${Object(o.classMap)(e)}"
+                tabindex=${this.tabIndex}
+                aria-label=${Object(a.ifDefined)(this.ariaLabel||void 0)}
+                aria-disabled=${Object(a.ifDefined)(this.disabled||void 0)}
+                role=${this.ariaRole}
+                part="link"
+              >
+                <slot></slot>
+              </span>
+            `;default:return r.html`
+              <a
+                class="md-link ${Object(o.classMap)(e)}"
+                .target="${this.target}"
+                href=${Object(a.ifDefined)(this.disabled?void 0:this.href)}
+                tabindex=${this.tabIndex}
+                aria-label=${Object(a.ifDefined)(this.ariaLabel||void 0)}
+                aria-disabled=${Object(a.ifDefined)(this.disabled||void 0)}
+                role=${this.ariaRole}
+                part="link"
+              >
+                <slot></slot>
+              </a>
+            `}})()} `}};c([Object(r.property)({type:String,attribute:!1})],i.prototype,"color",void 0),c([Object(r.property)({type:String})],i.prototype,"ariaLabel",void 0),c([Object(r.property)({type:String})],i.prototype,"ariaRole",void 0),c([Object(r.property)({type:Boolean})],i.prototype,"disabled",void 0),c([Object(r.property)({type:Boolean})],i.prototype,"inline",void 0),c([Object(r.property)({type:String})],i.prototype,"href",void 0),c([Object(r.property)({type:String})],i.prototype,"tag",void 0),c([Object(r.property)({type:String})],i.prototype,"target",void 0),c([Object(r.property)({type:Number,attribute:"tab-index",reflect:!0})],i.prototype,"tabIndex",null),i=c([Object(l.a)("md-link")],i),e.ELEMENT=i}(m||(m={}))}}]);

package/dist/chunks/md-72.js

@@ -1,7 +1,76 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{97:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_ITEM_COPY_ID_PREFIX",(function(){return I})),i.d(t,"Menu",(function(){return b}));var s=i(1),n=i(6),c=i(56),d=i(35),o=i(5),l=i(0),r=i(4),h=i(22),a=i(57),m=i(66),u=function(e,t,i,s){var n,c=arguments.length,d=c<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--)(n=e[o])&&(d=(c<3?n(d):c>3?n(t,i,d):n(t,i))||d);return c>3&&d&&Object.defineProperty(t,i,d),d},p=function(e,t,i,s){return new(i||(i=Promise))((function(n,c){function d(e){try{l(s.next(e))}catch(e){c(e)}}function o(e){try{l(s.throw(e))}catch(e){c(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(d,o)}l((s=s.apply(e,t||[])).next())}))};const I="more-menu-item-";var b;!function(e){let t=class extends(Object(d.a)(Object(c.a)(l.LitElement))){constructor(){super(...arguments),this.justified=!1,this.direction="horizontal",this.items=[],this.itemsHash={},this.itemsIdxHash={}}getNormalizedItemId(e){return e.replace(I,"")}static get styles(){return[o.a,m.a]}get slotItem(){return this.menuSlotElement}linkMenuItems(){return p(this,void 0,void 0,(function*(){const{items:e}=this;e.forEach((e,t)=>{const i=Object(h.nanoid)();e.setAttribute("id",i),e.setAttribute("aria-controls",i),e.selected=this.selected===t}),this.itemsHash=this.items.reduce((e,t)=>(e[t.id]=t,e),{}),this.itemsIdxHash=this.items.reduce((e,t,i)=>(e[t.id]=i,e),{})}))}setupMenuItems(){if(this.menuSlotElement){const e=this.menuSlotElement.assignedElements({flatten:!0});this.getChildrenFromTree({children:e},this.items)}}getChildrenFromTree(e,t){for(let i=0;i<e.children.length;i++){const s=e.children[i];s instanceof a.MenuItem.ELEMENT&&t.push(s),this.getChildrenFromTree(s,t)}}updateSelectedItem(e){const t=this.slotted.findIndex(e=>e.hasAttribute("selected"));t!==e&&(this.items&&[t,e].forEach(e=>{const t=this.items[e];t&&t.toggleAttribute("selected")}),this.dispatchEvent(new CustomEvent("selected-menu-item",{detail:{value:e},composed:!0,bubbles:!0})),this.changeSelectedItemIdx(e))}changeSelectedItemIdx(e){this.selected=e}handleItemClick(e){const{id:t}=e.detail,i=this.itemsHash[this.getNormalizedItemId(t)];if(i&&!i.disabled){const e=this.itemsIdxHash[i.id];-1!==e&&this.updateSelectedItem(e)}}handleItemKeydown(e){const{key:t,id:i}=e.detail;switch(t){case s.b.End:this.changeSelectedItemIdx(this.items.length-1);break;case s.b.Home:this.changeSelectedItemIdx(0);break;case s.b.ArrowLeft:case s.b.ArrowUp:0===this.selected?this.changeSelectedItemIdx(this.items.length-1):this.changeSelectedItemIdx(this.selected-1);break;case s.b.ArrowRight:case s.b.ArrowDown:this.selected===this.items.length-1?this.changeSelectedItemIdx(0):this.changeSelectedItemIdx(this.selected+1);break;case s.b.Enter:case s.b.Space:const e=this.slotted.findIndex(e=>e.id===i&&!e.disabled);-1!==e&&this.updateSelectedItem(e)}}connectedCallback(){super.connectedCallback(),this.addEventListener("menu-item-click",this.handleItemClick),this.addEventListener("menu-item-keydown",this.handleItemKeydown)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return p(this,void 0,void 0,(function*(){t.updated.call(this,e),e.has("slotted")&&(this.setupMenuItems(),this.linkMenuItems())}))}disconnectedCallback(){super.connectedCallback(),this.removeEventListener("menu-item-click",this.handleItemClick),this.removeEventListener("menu-item-keydown",this.handleItemKeydown)}get menuClassMap(){return{["md-menu--"+this.direction]:this.direction,justified:this.justified}}render(){return l.html`
-        <nav class="md-menu ${Object(r.classMap)(this.menuClassMap)}">
-          <ul class="md-menu-list">
-            <slot></slot>
-          </ul>
-        </nav>
-      `}};u([Object(l.property)({type:Boolean})],t.prototype,"justified",void 0),u([Object(l.property)({type:String})],t.prototype,"direction",void 0),u([Object(l.query)("slot")],t.prototype,"menuSlotElement",void 0),u([Object(l.query)("md-menu-overlay")],t.prototype,"menuSubElement",void 0),t=u([Object(n.a)("md-menu")],t),e.ELEMENT=t}(b||(b={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{104:function(e,t,r){"use strict";r.r(t),r.d(t,"MeetingAlertRole",(function(){return c})),r.d(t,"MeetingAlert",(function(){return p}));r(50),r(17),r(15);var o=r(1),l=r(6),a=r(5),i=r(0),n=r(2),m=r(3);var s=i.css`.md-alert__container{position:fixed;z-index:9999}.md-alert__container--top-left{left:1em;top:1em}.md-alert__container--top-center{left:50%;top:1em;transform:translate(-50%)}.md-alert__container--top-right{right:1em;top:1em}.md-alert__container--bottom-left{bottom:1em;left:1em}.md-alert__container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.md-alert__container--bottom-right{bottom:1em;right:1em}.md-alert__container--call{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-alert{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:var(--meeting-alert-bg-color,#fff);border:1px solid var(--meeting-alert-border-color,rgba(0,0,0,.12));box-shadow:0 8px 16px 0 rgba(0,0,0,.08);justify-content:space-between;margin-bottom:.5rem;max-height:19.25rem;min-height:4.875rem;padding:.5rem .8125rem .5rem 1.0625rem;width:21.375rem}.md-alert__icon{font-family:momentum-ui-icons;font-size:2.75rem;line-height:0}.md-alert__icon::before{content:"\\f6e8";color:var(--meeting-alert-info-text-color,#00a0d1)}.md-alert__content{display:flex;flex-basis:0%;flex-direction:column;flex-grow:2;padding-left:1rem;padding-right:.125rem}.md-alert__title{color:var(--meeting-alert-info-text-color,#00a0d1);font-size:var(--body-primary-font-size,1rem);line-height:1.5rem}.md-alert__message,.md-alert__status{font-size:var(--body-secondary-font-size,.875rem);font-family:var(--brand-font-medium, var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif));line-height:1.125rem}.md-alert__status{color:var(--meeting-alert-success-text-color,#03612c)}.md-alert__message{color:var(--meeting-alert-text-color,#292929)}.md-alert__message,.md-alert__title{max-width:10rem;word-wrap:break-word}.md-alert__button{margin-left:.5rem}.md-alert.md-alert--success .md-alert__icon::before{content:"\\f381";color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--success .md-alert__title{color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--warning .md-alert__title{color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--error .md-alert__title{color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--meeting .md-alert__content{width:10rem}.md-alert.md-alert--meeting .md-alert__content--wide{width:13rem}.md-alert.md-alert--meeting .md-alert__message,.md-alert.md-alert--meeting .md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-alert.md-alert--meeting .md-alert__title{color:var(--meeting-alert-title-text-color,#000)}.md-alert.md-alert--call{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin-right:.9375rem;max-height:31.25rem;min-height:17.625rem;padding:.75rem 1.0625rem 1.5625rem 1.0625rem;width:17.375rem}.md-alert.md-alert--call .md-alert__title{color:var(--meeting-alert-title-text-color,#000);font-size:.875rem;font-weight:700;line-height:1.375rem;padding-bottom:1.5rem}.md-alert.md-alert--call .md-alert__caller{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.md-alert.md-alert--call .md-alert__caller-title{font-size:1rem;font-weight:700;line-height:1.5rem;padding-top:.5rem}.md-alert.md-alert--call .md-alert__caller-subtitle{font-size:.875rem;line-height:1.375rem}.md-alert.md-alert--call .md-alert--call--buttons{padding-top:1.5rem}.md-alert.md-alert--call .md-alert--call--buttons .md-icon{fill:#fff}.md-alert.md-alert--call .md-list{padding-top:.75rem}.md-alert.md-alert--call .md-list .md-list-item{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:hover{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.md-alert.md-alert--call .md-list .md-list-item-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid rgba(0,0,0,.08)}`,d=function(e,t,r,o){var l,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(i=(a<3?l(i):a>3?l(t,r,i):l(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(e){let t=class extends i.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===o.b.Escape&&this.handleClose(e),e.code===o.b.Enter||e.code===o.b.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 i.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[a.a,s]}render(){const{attendees:e,message:t,onSnooze:r,role:o,src:l,status:a,title:s,closeAriaLabel:d,show:c,snoozeAriaLabel:p}=this;return i.html`
+        ${this.getStyles()}
+        ${c?i.html`
+              <div
+                aria-label="Meeting Alert"
+                class=${"md-alert md-alert--meeting"}
+                @keydown=${e=>this.handleKeyDown(e)}
+                role=${o}
+              >
+                <slot name="custom-avatar"> ${e.length>=2?(e=>{const t="display: flex;width: 1.625rem;height: 1.625rem;font-size: .56875rem;line-height: .8125rem;";return i.html`
+    <div class="md-composite-avatar md-composite-avatar--wc-override" style=${"position: relative; display: block;\n  width: 2.5rem;\n  height: 2.5rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;"}>
+      <md-avatar
+        slot="avatar"
+        class="md-avatar"
+        alt=${e[0].alt||e[0].title}
+        src=${Object(m.ifDefined)(e[0].src?e[0].src:void 0)}
+        title=${e[0].title}
+        size="24"
+        style=${t+"position: absolute;left: 0px;top: 0px;"}
+      ></md-avatar>
+      <md-avatar
+        slot="avatar"
+        class="md-avatar"
+        alt=${e[1].alt||e[1].title}
+        src=${Object(m.ifDefined)(e[1].src?e[1].src:void 0)}
+        title=${e[1].title}
+        size="24"
+        style=${t+"position: absolute;right: 0px;bottom: 0px;"}
+      ></md-avatar>
+    </div>
+  `})(e):i.html` <md-avatar title=${s} label="avatar" src=${l} tabindex="-1"></md-avatar> `} </slot>
+                <div class=${"md-alert__content "+(r?"":" md-alert__content--wide")}>
+                  <div class="md-alert__title" title=${s}>${s}</div>
+                  <div class="md-alert__status" title=${a}>${a}</div>
+                  <div class="md-alert__message" title=${t}>${t}</div>
+                </div>
+                ${r?i.html`
+                      <div class="md-alert__button">
+                        <md-button
+                          variant="secondary"
+                          aria-label=${p}
+                          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}
+      `}};d([Object(i.property)({type:Array})],t.prototype,"attendees",void 0),d([Object(i.property)({type:String})],t.prototype,"closeAriaLabel",void 0),d([Object(i.property)({attribute:!1})],t.prototype,"onKeyDown",void 0),d([Object(i.property)({attribute:!1})],t.prototype,"onSnooze",void 0),d([Object(i.property)({type:String})],t.prototype,"message",void 0),d([Object(i.property)({type:String})],t.prototype,"snoozeAriaLabel",void 0),d([Object(i.property)({type:String})],t.prototype,"role",void 0),d([Object(i.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(i.property)({type:String})],t.prototype,"src",void 0),d([Object(i.property)({type:String})],t.prototype,"status",void 0),d([Object(i.property)({type:String})],t.prototype,"userStyles",void 0),d([Object(i.property)({type:String})],t.prototype,"title",void 0),t=d([Object(l.a)("md-meeting-alert")],t),e.ELEMENT=t}(p||(p={}))}}]);

package/dist/chunks/md-73.js

@@ -1,72 +1,7 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{120:function(d,e,m){"use strict";m.r(e),m.d(e,"modalType",(function(){return f})),m.d(e,"Modal",(function(){return p}));m(17),m(15);var o=m(1),a=m(7),l=m(6),t=m(5),i=m(0),n=m(2),r=m(4),s=m(3),h=i.css`.md-modal{color:var(--md-primary-text-color,#121212);display:block;height:100vh;left:0;margin:0 auto;position:fixed;right:0;visibility:visible;width:100vw;width:100vw;max-height:none;top:auto}.md-modal .md-modal__content{height:auto;min-height:0;max-height:none}.md-modal .md-modal__content{border-radius:var(--modal-main-radius,.5rem)}.md-modal .md-modal__title{color:var(--md-primary-text-color,#707070)}.md-modal:focus{box-shadow:none}.md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;line-height:1.5rem;width:100%;flex-shrink:0;padding-bottom:1rem;padding-left:calc(1rem/2);padding-right:calc(1rem/2)}.md-modal__header h2{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.md-modal__header .md-modal__title{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.md-modal__header .md-modal__message{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:.875rem;line-height:1.5rem;width:100%;color:var(--modal-main-text-color,#545454);flex-flow:row wrap;text-align:center}.md-modal__header .md-modal__close{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border:0;position:absolute}.md-modal__content{background-color:var(--modal-main-bg-color,#fff);box-shadow:0 8px 16px 0 rgba(0,0,0,.16);border:1px solid var(--modal-main-border-color,#dedede);display:flex;flex-direction:column}.md-modal__flex-container{display:flex;flex:1 1 0%;flex-direction:column;max-height:inherit;min-height:inherit;padding:var(--modal-main-padding,1.5rem 1rem);width:100%}.md-modal__body{align-items:stretch;align-self:stretch;background:var(--modal-main-bg-color,#fff);display:flex;flex:1 1 auto;flex-direction:column;margin:0;overflow-x:hidden;overflow-y:auto;padding-left:calc(1rem/2);padding-right:calc(1rem/2)}.md-modal__body--padding{padding:0 2rem}.md-modal__footer{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-end;flex-shrink:0;padding-left:calc(1rem/2);padding-right:calc(1rem/2);padding-top:1rem;width:100%}.md-modal__footer md-button:not(:first-of-type){margin-left:.75rem}.md-modal__footer ::slotted(md-button){margin-left:.75rem}.md-modal.md-modal--full{width:100vw;max-height:none;top:auto}.md-modal.md-modal--full .md-modal__content{height:100vh;min-height:0;max-height:none}.md-modal.md-modal--full .md-modal__content{border-radius:0}.md-modal.md-modal--full .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:2.25rem;line-height:3rem;width:100%}.md-modal.md-modal--full .md-modal__header .md-modal__message{font-size:1.25rem;line-height:2rem;padding-top:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close{height:1.25rem;right:1.5rem;top:auto;width:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close::before{font-size:1.25rem}.md-modal.md-modal--full .md-modal__footer{padding-bottom:1.5rem;padding-top:1.5rem}.md-modal.md-modal--large{width:60rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:45rem;max-height:none}.md-modal.md-modal--large .md-modal__content{border-radius:var(--modal-main-radius,.5rem)}.md-modal.md-modal--large .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1.625rem;line-height:2rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:1rem;line-height:1.5rem;text-align:left}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:1rem;right:1rem;top:auto;width:1rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:1rem}@media only screen and (min-width:40.0625em)and (max-width:64em){.md-modal.md-modal--large{width:40rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--large .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;line-height:1.5rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;text-align:center}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:.875rem}}@media only screen and (max-height:50em){.md-modal.md-modal--large .md-modal__content{min-height:auto}}.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--default .md-modal__close,.md-modal.md-modal--medium .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__close::before,.md-modal.md-modal--medium .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em)and (max-width:64em){.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}}@media only screen and (max-height:50em){.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:auto}}.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}.md-modal.md-modal--small .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--small .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em)and (max-width:64em){.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}}.md-modal.md-modal--dialog{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--dialog .md-modal__content{height:auto;min-height:0;max-height:none}.md-modal.md-modal--dialog .md-modal__content{border-radius:var(--modal-main-radius,.5rem)}.md-modal.md-modal--dialog .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--dialog .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--dialog .md-modal__content{flex-direction:row}.md-modal.md-modal--dialog .md-modal__content .md-modal__header{align-items:flex-start;padding:0 0 .75rem 0}.md-modal.md-modal--dialog .md-modal__content .md-modal__title{font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:1.5rem}.md-modal.md-modal--dialog .md-modal__content .md-modal__body{margin-bottom:1.5rem;text-align:left}.md-modal.md-modal--dialog .md-modal__content .md-modal__body>*{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:14px;line-height:1.375rem}.md-modal.md-modal--dialog .md-modal__content .md-modal__footer{display:flex;justify-content:flex-end;padding:0}.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:40em){.md-modal.md-modal--default.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--dialog.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--full.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--large.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--medium.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--small.md-modal--dialog .md-modal__flex-container{min-height:calc(100vh - 1.5rem*2)}}@media only screen and (max-width:40em){.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{width:100vw;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--dialog .md-modal__content,.md-modal.md-modal--full .md-modal__content,.md-modal.md-modal--large .md-modal__content,.md-modal.md-modal--medium .md-modal__content,.md-modal.md-modal--small .md-modal__content{height:100vh;min-height:0;max-height:none}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--dialog .md-modal__content,.md-modal.md-modal--full .md-modal__content,.md-modal.md-modal--large .md-modal__content,.md-modal.md-modal--medium .md-modal__content,.md-modal.md-modal--small .md-modal__content{border-radius:0}.md-modal.md-modal--default .md-modal__flex-container,.md-modal.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--full .md-modal__flex-container,.md-modal.md-modal--large .md-modal__flex-container,.md-modal.md-modal--medium .md-modal__flex-container,.md-modal.md-modal--small .md-modal__flex-container{min-height:100vh}.md-modal.md-modal--default .md-modal__header,.md-modal.md-modal--dialog .md-modal__header,.md-modal.md-modal--full .md-modal__header,.md-modal.md-modal--large .md-modal__header,.md-modal.md-modal--medium .md-modal__header,.md-modal.md-modal--small .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:.875rem;line-height:1.5rem;width:100%}.md-modal.md-modal--default .md-modal__header .md-modal__message,.md-modal.md-modal--dialog .md-modal__header .md-modal__message,.md-modal.md-modal--full .md-modal__header .md-modal__message,.md-modal.md-modal--large .md-modal__header .md-modal__message,.md-modal.md-modal--medium .md-modal__header .md-modal__message,.md-modal.md-modal--small .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;padding-top:.75rem}.md-modal.md-modal--default .md-modal__header .md-modal__close,.md-modal.md-modal--dialog .md-modal__header .md-modal__close,.md-modal.md-modal--full .md-modal__header .md-modal__close,.md-modal.md-modal--large .md-modal__header .md-modal__close,.md-modal.md-modal--medium .md-modal__header .md-modal__close,.md-modal.md-modal--small .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__header .md-modal__close::before,.md-modal.md-modal--dialog .md-modal__header .md-modal__close::before,.md-modal.md-modal--full .md-modal__header .md-modal__close::before,.md-modal.md-modal--large .md-modal__header .md-modal__close::before,.md-modal.md-modal--medium .md-modal__header .md-modal__close::before,.md-modal.md-modal--small .md-modal__header .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--default .md-modal__footer,.md-modal.md-modal--dialog .md-modal__footer,.md-modal.md-modal--full .md-modal__footer,.md-modal.md-modal--large .md-modal__footer,.md-modal.md-modal--medium .md-modal__footer,.md-modal.md-modal--small .md-modal__footer{padding:var(--modal-main-padding,1.5rem 1rem);padding-right:1.5rem}.md-modal.md-modal--default .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--dialog .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--full .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--large .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--medium .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--small .md-modal__footer md-button:not(:first-of-type){margin-left:1rem}}.md-modal__backdrop{background:rgba(0,0,0,.45);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1040}.md-modal__backdrop .md-modal_overlay{bottom:0;position:absolute;top:0;width:100%}.md-close{color:#545454;float:right;font-size:21px;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff}.md-close:focus,.md-close:hover{color:#064157;cursor:pointer;text-decoration:none}.md-close{background:rgba(0,0,0,0);border-radius:0;cursor:pointer;font-weight:400;min-width:initial;padding:0}.md-close::before{font-family:momentum-ui-icons;vertical-align:middle}.md-close:hover{color:#005e7d}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}`,c=function(d,e,m,o){var a,l=arguments.length,t=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,m):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(d,e,m,o);else for(var i=d.length-1;i>=0;i--)(a=d[i])&&(t=(l<3?a(t):l>3?a(e,m,t):a(e,m))||t);return l>3&&t&&Object.defineProperty(e,m,t),t},_=function(d,e,m,o){return new(m||(m=Promise))((function(a,l){function t(d){try{n(o.next(d))}catch(d){l(d)}}function i(d){try{n(o.throw(d))}catch(d){l(d)}}function n(d){var e;d.done?a(d.value):(e=d.value,e instanceof m?e:new m((function(d){d(e)}))).then(t,i)}n((o=o.apply(d,e||[])).next())}))};const f=["default","full","large","small","dialog"];var p;!function(d){let e=class extends(Object(a.b)(i.LitElement)){constructor(){super(...arguments),this.show=!1,this.headerLabel="",this.headerMessage="",this.htmlId="",this.ariaLabel="modal",this.ariaLabelClose="Close Modal",this.ariaLabelCancel="Cancel Modal",this.ariaLabelSubmit="Submit Modal",this.ariaDescription="",this.showCloseButton=!1,this.backdropClickExit=!1,this.noExitOnEsc=!1,this.size="default",this.closeBtnName="",this.hideFooter=!1,this.hideHeader=!1,this.disableInitialFocus=!1,this.animating=!1,this.handleCloseOutside=d=>{d.code===o.b.Escape&&(d.preventDefault(),this.show&&!this.noExitOnEsc&&(this.show=!1))}}static get styles(){return[t.a,h]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleCloseOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleCloseOutside)}update(d){super.update(d),d.has("show")&&(this.show?this.modalFadeIn():!0===d.get("show")&&this.modalFadeOut())}notifyModalClose(){this.dispatchEvent(new CustomEvent("close-modal",{composed:!0,bubbles:!0}))}focusInsideModal(){var d;(null===(d=this.focusableElements)||void 0===d?void 0:d.length)&&this.setInitialFocus()}handleKeyDown(d){d.code!==o.b.Enter&&d.code!==o.b.Space||this.show&&(this.show=!0)}transitionPromise(d){return new Promise(e=>{const m=()=>{d.removeEventListener("transitionend",m),this.activateFocusTrap(),this.setFocusableElements(),requestAnimationFrame(()=>{e()})},o=()=>{d.removeEventListener("transitioncancel",o),this.deactivateFocusTrap(),this.modalFadeOut(),e()};d.addEventListener("transitionend",m),d.addEventListener("transitioncancel",o),setTimeout(()=>{this.animating=!0},13)})}modalFadeIn(){return _(this,void 0,void 0,(function*(){this.backDrop&&(yield this.transitionPromise(this.backDrop),this.disableInitialFocus||this.focusInsideModal())}))}modalFadeOut(){this.animating=!1,this.deactivateFocusTrap(),this.notifyModalClose()}handleCloseBackdrop(){this.backdropClickExit&&(this.show=!1)}hideModal(){this.animating=!1,this.show=!1}topCloseBtnTemplate(){return i.html`
-        ${this.showCloseButton?i.html`
-              <md-button
-                hasRemoveStyle
-                class="md-close md-modal__close"
-                @click="${this.hideModal}"
-                @keydown="${this.handleKeyDown}"
-                ariaLabel=${this.ariaLabelClose}
-              >
-                <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
-              </md-button>
-            `:n.nothing}
-      `}handleFooterClick(){this.show=!1}headerTemplate(){return this.hideHeader?i.html`
-            <div id="modal_header" part="modal-header" class="md-modal__header">
-              <slot name="header"></slot>
-              ${this.topCloseBtnTemplate()}
-            </div>
-          `:i.html`
-            <div id="modal_header" part="modal-header" class="md-modal__header">
-              <h2 class="md-modal__title">${this.headerLabel}</h2>
-              ${this.headerMessage?i.html` <span class="md-modal__message">${this.headerMessage}</span> `:n.nothing}
-              ${this.topCloseBtnTemplate()}
-            </div>
-          `}footerTemplate(){return this.hideFooter?i.html`
-            <div part="modal-footer" class="md-modal__footer">
-              <slot name="footer"></slot>
-            </div>
-          `:i.html`
-            <div part="modal-footer" class="md-modal__footer">
-              <md-button
-                aria-label=${this.ariaLabelCancel}
-                @click="${this.handleFooterClick}"
-                @keydown="${this.handleKeyDown}"
-              >
-                <span>Cancel</span>
-              </md-button>
-              <md-button
-                type="submit"
-                variant="primary"
-                aria-label=${this.ariaLabelSubmit}
-                @click="${this.handleFooterClick}"
-                @keydown="${this.handleKeyDown}"
-              >
-                <span>${this.closeBtnName}</span>
-              </md-button>
-            </div>
-          `}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,["md-modal--"+this.size]:!!this.size}}render(){return i.html`
-        ${this.show?i.html`
-              <div part="modal-backdrop" class="md-modal__backdrop fade ${Object(r.classMap)(this.modalBackDropClassMap)}">
-                ${this.backdropClickExit?i.html` <div class="md-modal_overlay" @click="${this.handleCloseBackdrop}"></div> `:n.nothing}
-
-                <div
-                  part="modal-container"
-                  role="dialog"
-                  id="${this.htmlId}"
-                  class="md-modal ${Object(r.classMap)(this.modalContainerClassMap)}"
-                  aria-label="${Object(s.ifDefined)(this.headerLabel||this.ariaLabel||void 0)}"
-                  aria-describedby=${Object(s.ifDefined)(this.ariaDescription||void 0)}
-                >
-                  <div part="modal-content" class="md-modal__content">
-                    <div class="md-modal__flex-container" part="modal-flex-container">
-                      ${this.headerTemplate()}
-                      <div id="modal-body" part="modal-body" class="md-modal__body">
-                        <slot></slot>
-                      </div>
-                      ${this.footerTemplate()}
-                    </div>
-                  </div>
-                </div>
-              </div>
-            `:n.nothing}
-      `}};c([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),c([Object(i.property)({type:String})],e.prototype,"headerLabel",void 0),c([Object(i.property)({type:String})],e.prototype,"headerMessage",void 0),c([Object(i.property)({type:String})],e.prototype,"htmlId",void 0),c([Object(i.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelClose",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelCancel",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelSubmit",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaDescription",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"showCloseButton",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"backdropClickExit",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"noExitOnEsc",void 0),c([Object(i.property)({type:String})],e.prototype,"size",void 0),c([Object(i.property)({type:String})],e.prototype,"closeBtnName",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"hideFooter",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"hideHeader",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"disableInitialFocus",void 0),c([Object(i.internalProperty)()],e.prototype,"animating",void 0),c([Object(i.query)(".md-modal__backdrop")],e.prototype,"backDrop",void 0),e=c([Object(l.a)("md-modal")],e),d.ELEMENT=e}(p||(p={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{97:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_ITEM_COPY_ID_PREFIX",(function(){return I})),i.d(t,"Menu",(function(){return b}));var s=i(1),n=i(6),c=i(56),d=i(35),o=i(5),l=i(0),r=i(4),h=i(22),a=i(57),m=i(66),u=function(e,t,i,s){var n,c=arguments.length,d=c<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--)(n=e[o])&&(d=(c<3?n(d):c>3?n(t,i,d):n(t,i))||d);return c>3&&d&&Object.defineProperty(t,i,d),d},p=function(e,t,i,s){return new(i||(i=Promise))((function(n,c){function d(e){try{l(s.next(e))}catch(e){c(e)}}function o(e){try{l(s.throw(e))}catch(e){c(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(d,o)}l((s=s.apply(e,t||[])).next())}))};const I="more-menu-item-";var b;!function(e){let t=class extends(Object(d.a)(Object(c.a)(l.LitElement))){constructor(){super(...arguments),this.justified=!1,this.direction="horizontal",this.items=[],this.itemsHash={},this.itemsIdxHash={}}getNormalizedItemId(e){return e.replace(I,"")}static get styles(){return[o.a,m.a]}get slotItem(){return this.menuSlotElement}linkMenuItems(){return p(this,void 0,void 0,(function*(){const{items:e}=this;e.forEach((e,t)=>{const i=Object(h.nanoid)();e.setAttribute("id",i),e.setAttribute("aria-controls",i),e.selected=this.selected===t}),this.itemsHash=this.items.reduce((e,t)=>(e[t.id]=t,e),{}),this.itemsIdxHash=this.items.reduce((e,t,i)=>(e[t.id]=i,e),{})}))}setupMenuItems(){if(this.menuSlotElement){const e=this.menuSlotElement.assignedElements({flatten:!0});this.getChildrenFromTree({children:e},this.items)}}getChildrenFromTree(e,t){for(let i=0;i<e.children.length;i++){const s=e.children[i];s instanceof a.MenuItem.ELEMENT&&t.push(s),this.getChildrenFromTree(s,t)}}updateSelectedItem(e){const t=this.slotted.findIndex(e=>e.hasAttribute("selected"));t!==e&&(this.items&&[t,e].forEach(e=>{const t=this.items[e];t&&t.toggleAttribute("selected")}),this.dispatchEvent(new CustomEvent("selected-menu-item",{detail:{value:e},composed:!0,bubbles:!0})),this.changeSelectedItemIdx(e))}changeSelectedItemIdx(e){this.selected=e}handleItemClick(e){const{id:t}=e.detail,i=this.itemsHash[this.getNormalizedItemId(t)];if(i&&!i.disabled){const e=this.itemsIdxHash[i.id];-1!==e&&this.updateSelectedItem(e)}}handleItemKeydown(e){const{key:t,id:i}=e.detail;switch(t){case s.b.End:this.changeSelectedItemIdx(this.items.length-1);break;case s.b.Home:this.changeSelectedItemIdx(0);break;case s.b.ArrowLeft:case s.b.ArrowUp:0===this.selected?this.changeSelectedItemIdx(this.items.length-1):this.changeSelectedItemIdx(this.selected-1);break;case s.b.ArrowRight:case s.b.ArrowDown:this.selected===this.items.length-1?this.changeSelectedItemIdx(0):this.changeSelectedItemIdx(this.selected+1);break;case s.b.Enter:case s.b.Space:const e=this.slotted.findIndex(e=>e.id===i&&!e.disabled);-1!==e&&this.updateSelectedItem(e)}}connectedCallback(){super.connectedCallback(),this.addEventListener("menu-item-click",this.handleItemClick),this.addEventListener("menu-item-keydown",this.handleItemKeydown)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return p(this,void 0,void 0,(function*(){t.updated.call(this,e),e.has("slotted")&&(this.setupMenuItems(),this.linkMenuItems())}))}disconnectedCallback(){super.connectedCallback(),this.removeEventListener("menu-item-click",this.handleItemClick),this.removeEventListener("menu-item-keydown",this.handleItemKeydown)}get menuClassMap(){return{["md-menu--"+this.direction]:this.direction,justified:this.justified}}render(){return l.html`
+        <nav class="md-menu ${Object(r.classMap)(this.menuClassMap)}">
+          <ul class="md-menu-list">
+            <slot></slot>
+          </ul>
+        </nav>
+      `}};u([Object(l.property)({type:Boolean})],t.prototype,"justified",void 0),u([Object(l.property)({type:String})],t.prototype,"direction",void 0),u([Object(l.query)("slot")],t.prototype,"menuSlotElement",void 0),u([Object(l.query)("md-menu-overlay")],t.prototype,"menuSubElement",void 0),t=u([Object(n.a)("md-menu")],t),e.ELEMENT=t}(b||(b={}))}}]);

package/dist/chunks/md-74.js

@@ -1,78 +1,72 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{121:function(t,i,e){"use strict";e.r(i),e.d(i,"Pagination",(function(){return a}));e(17),e(15);var a,n=e(6),o=e(5),r=e(0),s=e(2),l=r.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-pagination) .md-pagination{color:var(--pagination-nav-color,#545454);display:flex;padding:0;position:relative}:host(md-pagination) .md-pagination-container{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;flex:0 1 100%}:host(md-pagination) .md-pagination-list{margin:0;padding:0;list-style:none;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;font-size:.875rem;line-height:1;color:var(--pagination-color,#949494)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-radius:.875rem;cursor:pointer;height:1.25rem;margin:0 .125rem;min-width:1.25rem;padding:.25rem}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):hover{background:var(--pagination-bg-hover,#007aa3);color:var(--pagination-color-current,#fff)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):focus{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis)[aria-current=true]{background:var(--pagination-bg-current,#00a0d1);color:var(--pagination-color-current,#fff);cursor:default;pointer-events:none}:host(md-pagination) .md-pagination-nav{cursor:pointer}:host(md-pagination) .md-pagination-nav:disabled{cursor:default}:host(md-pagination) .md-pagination-dots{margin:0;padding:0;list-style:none;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}:host(md-pagination) .md-pagination-dots li{display:block;overflow:hidden;text-indent:-9999px;background:var(--pagination-dots-color,#ccc);border-radius:50%;cursor:pointer;height:.5rem;margin:.25rem;width:.5rem}:host(md-pagination) .md-pagination-dots li:hover,:host(md-pagination) .md-pagination-dots li[aria-current=true]{background:var(--pagination-dots-color-current,#00a0d1)}:host([focus-visible]){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}@media(forced-colors:active){:host(md-pagination) .md-pagination-nav:focus,:host(md-pagination) .md-pagination-nav:hover{outline:1px solid Highlight}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):hover,:host(md-pagination) .md-pagination-list li:not(.page-ellipsis)[aria-current=true]{forced-color-adjust:none;background-color:Highlight;color:Canvas}:host(md-pagination) .md-pagination-dots li{background-color:GrayText}:host(md-pagination) .md-pagination-dots li:hover,:host(md-pagination) .md-pagination-dots li[aria-current=true]{forced-color-adjust:none;background-color:Highlight;color:Canvas}}`,g=function(t,i,e,a){var n,o=arguments.length,r=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,a);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(r=(o<3?n(r):o>3?n(i,e,r):n(i,e))||r);return o>3&&r&&Object.defineProperty(i,e,r),r};!function(t){let i=class extends r.LitElement{constructor(){super(...arguments),this._currentPage=1,this.hasDots=!1,this.onlyDots=!1,this.noNavigation=!1,this.totalPage=0,this.visiblePage=3}get currentPage(){return this._currentPage}set currentPage(t){const i=this._currentPage;this._currentPage=t,this.notifyPageChange(i,t),this.requestUpdate("currentPage",i)}static get styles(){return[o.a,l]}computePrevious(t){1!==t&&t!==this.currentPage&&(this.currentPage-=1)}computeNext(t){t<=this.totalPage&&t!==this.currentPage&&(this.currentPage+=1)}computeFirst(){this.currentPage>=1&&(this.currentPage=1)}computeLast(){this.currentPage>=1&&(this.currentPage=this.totalPage)}computeCurrent(t){this.currentPage=t}notifyPageChange(t,i){this.dispatchEvent(new CustomEvent("page-change",{composed:!0,bubbles:!0,detail:{oldPage:t,newPage:i}}))}get hasPreviousPage(){return this.currentPage<=1}get hasNextPage(){return this.currentPage>=this.totalPage}computePageList(t){if(this.totalPage>this.visiblePage&&t){const[t,i,e]=[this.currentPage-1,this.currentPage,this.currentPage+1];let a=[];if(i<=this.visiblePage-1)return a=[...Array(this.visiblePage)].map((t,i)=>1+i),a.push("..."),a.push(this.totalPage),a;if(this.totalPage-i<=this.visiblePage-2){a=[],a.push(1),a.push("...");const t=[...Array(this.visiblePage)].map((t,i)=>this.totalPage-this.visiblePage+1+i);return a.concat(t)}return[1,"...",t,i,e,"...",this.totalPage]}return[...Array(this.totalPage)].map((t,i)=>1+i)}pagesTemplate(t){return this.computePageList(t).map(t=>"..."===t?r.html` <li class="page-ellipsis">${t}</li> `:r.html`
-              <li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}>
-                ${t}
-              </li>
-            `)}dotsTemplate(t){return this.computePageList(t).map(t=>"..."===t?s.nothing:r.html`
-              <li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}></li>
-            `)}render(){return r.html`
-        <nav class="md-pagination" role="navigation" part="pagination">
-          ${this.noNavigation?s.nothing:r.html`
-                <md-button
-                  class="md-pagination-nav"
-                  ariaLabel="First Page"
-                  ?disabled=${this.hasPreviousPage}
-                  @click=${this.computeFirst}
-                  part="pagination-first"
-                  variant="ghost"
-                  size="24"
-                  circle
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{121:function(d,e,m){"use strict";m.r(e),m.d(e,"modalType",(function(){return f})),m.d(e,"Modal",(function(){return p}));m(17),m(15);var o=m(1),a=m(7),l=m(6),t=m(5),i=m(0),n=m(2),r=m(4),s=m(3),h=i.css`.md-modal{color:var(--md-primary-text-color,#121212);display:block;height:100vh;left:0;margin:0 auto;position:fixed;right:0;visibility:visible;width:100vw;width:100vw;max-height:none;top:auto}.md-modal .md-modal__content{height:auto;min-height:0;max-height:none}.md-modal .md-modal__content{border-radius:var(--modal-main-radius,.5rem)}.md-modal .md-modal__title{color:var(--md-primary-text-color,#707070)}.md-modal:focus{box-shadow:none}.md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;line-height:1.5rem;width:100%;flex-shrink:0;padding-bottom:1rem;padding-left:calc(1rem/2);padding-right:calc(1rem/2)}.md-modal__header h2{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.md-modal__header .md-modal__title{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.md-modal__header .md-modal__message{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:.875rem;line-height:1.5rem;width:100%;color:var(--modal-main-text-color,#545454);flex-flow:row wrap;text-align:center}.md-modal__header .md-modal__close{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border:0;position:absolute}.md-modal__content{background-color:var(--modal-main-bg-color,#fff);box-shadow:0 8px 16px 0 rgba(0,0,0,.16);border:1px solid var(--modal-main-border-color,#dedede);display:flex;flex-direction:column}.md-modal__flex-container{display:flex;flex:1 1 0%;flex-direction:column;max-height:inherit;min-height:inherit;padding:var(--modal-main-padding,1.5rem 1rem);width:100%}.md-modal__body{align-items:stretch;align-self:stretch;background:var(--modal-main-bg-color,#fff);display:flex;flex:1 1 auto;flex-direction:column;margin:0;overflow-x:hidden;overflow-y:auto;padding-left:calc(1rem/2);padding-right:calc(1rem/2)}.md-modal__body--padding{padding:0 2rem}.md-modal__footer{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-end;flex-shrink:0;padding-left:calc(1rem/2);padding-right:calc(1rem/2);padding-top:1rem;width:100%}.md-modal__footer md-button:not(:first-of-type){margin-left:.75rem}.md-modal__footer ::slotted(md-button){margin-left:.75rem}.md-modal.md-modal--full{width:100vw;max-height:none;top:auto}.md-modal.md-modal--full .md-modal__content{height:100vh;min-height:0;max-height:none}.md-modal.md-modal--full .md-modal__content{border-radius:0}.md-modal.md-modal--full .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:2.25rem;line-height:3rem;width:100%}.md-modal.md-modal--full .md-modal__header .md-modal__message{font-size:1.25rem;line-height:2rem;padding-top:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close{height:1.25rem;right:1.5rem;top:auto;width:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close::before{font-size:1.25rem}.md-modal.md-modal--full .md-modal__footer{padding-bottom:1.5rem;padding-top:1.5rem}.md-modal.md-modal--large{width:60rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:45rem;max-height:none}.md-modal.md-modal--large .md-modal__content{border-radius:var(--modal-main-radius,.5rem)}.md-modal.md-modal--large .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1.625rem;line-height:2rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:1rem;line-height:1.5rem;text-align:left}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:1rem;right:1rem;top:auto;width:1rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:1rem}@media only screen and (min-width:40.0625em)and (max-width:64em){.md-modal.md-modal--large{width:40rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--large .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;line-height:1.5rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;text-align:center}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:.875rem}}@media only screen and (max-height:50em){.md-modal.md-modal--large .md-modal__content{min-height:auto}}.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--default .md-modal__close,.md-modal.md-modal--medium .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__close::before,.md-modal.md-modal--medium .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em)and (max-width:64em){.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}}@media only screen and (max-height:50em){.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:auto}}.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}.md-modal.md-modal--small .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--small .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em)and (max-width:64em){.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}}.md-modal.md-modal--dialog{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--dialog .md-modal__content{height:auto;min-height:0;max-height:none}.md-modal.md-modal--dialog .md-modal__content{border-radius:var(--modal-main-radius,.5rem)}.md-modal.md-modal--dialog .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--dialog .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--dialog .md-modal__content{flex-direction:row}.md-modal.md-modal--dialog .md-modal__content .md-modal__header{align-items:flex-start;padding:0 0 .75rem 0}.md-modal.md-modal--dialog .md-modal__content .md-modal__title{font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:1.5rem}.md-modal.md-modal--dialog .md-modal__content .md-modal__body{margin-bottom:1.5rem;text-align:left}.md-modal.md-modal--dialog .md-modal__content .md-modal__body>*{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:14px;line-height:1.375rem}.md-modal.md-modal--dialog .md-modal__content .md-modal__footer{display:flex;justify-content:flex-end;padding:0}.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:40em){.md-modal.md-modal--default.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--dialog.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--full.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--large.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--medium.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--small.md-modal--dialog .md-modal__flex-container{min-height:calc(100vh - 1.5rem*2)}}@media only screen and (max-width:40em){.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{width:100vw;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--dialog .md-modal__content,.md-modal.md-modal--full .md-modal__content,.md-modal.md-modal--large .md-modal__content,.md-modal.md-modal--medium .md-modal__content,.md-modal.md-modal--small .md-modal__content{height:100vh;min-height:0;max-height:none}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--dialog .md-modal__content,.md-modal.md-modal--full .md-modal__content,.md-modal.md-modal--large .md-modal__content,.md-modal.md-modal--medium .md-modal__content,.md-modal.md-modal--small .md-modal__content{border-radius:0}.md-modal.md-modal--default .md-modal__flex-container,.md-modal.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--full .md-modal__flex-container,.md-modal.md-modal--large .md-modal__flex-container,.md-modal.md-modal--medium .md-modal__flex-container,.md-modal.md-modal--small .md-modal__flex-container{min-height:100vh}.md-modal.md-modal--default .md-modal__header,.md-modal.md-modal--dialog .md-modal__header,.md-modal.md-modal--full .md-modal__header,.md-modal.md-modal--large .md-modal__header,.md-modal.md-modal--medium .md-modal__header,.md-modal.md-modal--small .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:.875rem;line-height:1.5rem;width:100%}.md-modal.md-modal--default .md-modal__header .md-modal__message,.md-modal.md-modal--dialog .md-modal__header .md-modal__message,.md-modal.md-modal--full .md-modal__header .md-modal__message,.md-modal.md-modal--large .md-modal__header .md-modal__message,.md-modal.md-modal--medium .md-modal__header .md-modal__message,.md-modal.md-modal--small .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;padding-top:.75rem}.md-modal.md-modal--default .md-modal__header .md-modal__close,.md-modal.md-modal--dialog .md-modal__header .md-modal__close,.md-modal.md-modal--full .md-modal__header .md-modal__close,.md-modal.md-modal--large .md-modal__header .md-modal__close,.md-modal.md-modal--medium .md-modal__header .md-modal__close,.md-modal.md-modal--small .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__header .md-modal__close::before,.md-modal.md-modal--dialog .md-modal__header .md-modal__close::before,.md-modal.md-modal--full .md-modal__header .md-modal__close::before,.md-modal.md-modal--large .md-modal__header .md-modal__close::before,.md-modal.md-modal--medium .md-modal__header .md-modal__close::before,.md-modal.md-modal--small .md-modal__header .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--default .md-modal__footer,.md-modal.md-modal--dialog .md-modal__footer,.md-modal.md-modal--full .md-modal__footer,.md-modal.md-modal--large .md-modal__footer,.md-modal.md-modal--medium .md-modal__footer,.md-modal.md-modal--small .md-modal__footer{padding:var(--modal-main-padding,1.5rem 1rem);padding-right:1.5rem}.md-modal.md-modal--default .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--dialog .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--full .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--large .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--medium .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--small .md-modal__footer md-button:not(:first-of-type){margin-left:1rem}}.md-modal__backdrop{background:rgba(0,0,0,.45);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1040}.md-modal__backdrop .md-modal_overlay{bottom:0;position:absolute;top:0;width:100%}.md-close{color:#545454;float:right;font-size:21px;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff}.md-close:focus,.md-close:hover{color:#064157;cursor:pointer;text-decoration:none}.md-close{background:rgba(0,0,0,0);border-radius:0;cursor:pointer;font-weight:400;min-width:initial;padding:0}.md-close::before{font-family:momentum-ui-icons;vertical-align:middle}.md-close:hover{color:#005e7d}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}`,c=function(d,e,m,o){var a,l=arguments.length,t=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,m):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(d,e,m,o);else for(var i=d.length-1;i>=0;i--)(a=d[i])&&(t=(l<3?a(t):l>3?a(e,m,t):a(e,m))||t);return l>3&&t&&Object.defineProperty(e,m,t),t},_=function(d,e,m,o){return new(m||(m=Promise))((function(a,l){function t(d){try{n(o.next(d))}catch(d){l(d)}}function i(d){try{n(o.throw(d))}catch(d){l(d)}}function n(d){var e;d.done?a(d.value):(e=d.value,e instanceof m?e:new m((function(d){d(e)}))).then(t,i)}n((o=o.apply(d,e||[])).next())}))};const f=["default","full","large","small","dialog"];var p;!function(d){let e=class extends(Object(a.b)(i.LitElement)){constructor(){super(...arguments),this.show=!1,this.headerLabel="",this.headerMessage="",this.htmlId="",this.ariaLabel="modal",this.ariaLabelClose="Close Modal",this.ariaLabelCancel="Cancel Modal",this.ariaLabelSubmit="Submit Modal",this.ariaDescription="",this.showCloseButton=!1,this.backdropClickExit=!1,this.noExitOnEsc=!1,this.size="default",this.closeBtnName="",this.hideFooter=!1,this.hideHeader=!1,this.disableInitialFocus=!1,this.animating=!1,this.handleCloseOutside=d=>{d.code===o.b.Escape&&(d.preventDefault(),this.show&&!this.noExitOnEsc&&(this.show=!1))}}static get styles(){return[t.a,h]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleCloseOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleCloseOutside)}update(d){super.update(d),d.has("show")&&(this.show?this.modalFadeIn():!0===d.get("show")&&this.modalFadeOut())}notifyModalClose(){this.dispatchEvent(new CustomEvent("close-modal",{composed:!0,bubbles:!0}))}focusInsideModal(){var d;(null===(d=this.focusableElements)||void 0===d?void 0:d.length)&&this.setInitialFocus()}handleKeyDown(d){d.code!==o.b.Enter&&d.code!==o.b.Space||this.show&&(this.show=!0)}transitionPromise(d){return new Promise(e=>{const m=()=>{d.removeEventListener("transitionend",m),this.activateFocusTrap(),this.setFocusableElements(),requestAnimationFrame(()=>{e()})},o=()=>{d.removeEventListener("transitioncancel",o),this.deactivateFocusTrap(),this.modalFadeOut(),e()};d.addEventListener("transitionend",m),d.addEventListener("transitioncancel",o),setTimeout(()=>{this.animating=!0},13)})}modalFadeIn(){return _(this,void 0,void 0,(function*(){this.backDrop&&(yield this.transitionPromise(this.backDrop),this.disableInitialFocus||this.focusInsideModal())}))}modalFadeOut(){this.animating=!1,this.deactivateFocusTrap(),this.notifyModalClose()}handleCloseBackdrop(){this.backdropClickExit&&(this.show=!1)}hideModal(){this.animating=!1,this.show=!1}topCloseBtnTemplate(){return i.html`
+        ${this.showCloseButton?i.html`
+              <md-button
+                hasRemoveStyle
+                class="md-close md-modal__close"
+                @click="${this.hideModal}"
+                @keydown="${this.handleKeyDown}"
+                ariaLabel=${this.ariaLabelClose}
+              >
+                <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
+              </md-button>
+            `:n.nothing}
+      `}handleFooterClick(){this.show=!1}headerTemplate(){return this.hideHeader?i.html`
+            <div id="modal_header" part="modal-header" class="md-modal__header">
+              <slot name="header"></slot>
+              ${this.topCloseBtnTemplate()}
+            </div>
+          `:i.html`
+            <div id="modal_header" part="modal-header" class="md-modal__header">
+              <h2 class="md-modal__title">${this.headerLabel}</h2>
+              ${this.headerMessage?i.html` <span class="md-modal__message">${this.headerMessage}</span> `:n.nothing}
+              ${this.topCloseBtnTemplate()}
+            </div>
+          `}footerTemplate(){return this.hideFooter?i.html`
+            <div part="modal-footer" class="md-modal__footer">
+              <slot name="footer"></slot>
+            </div>
+          `:i.html`
+            <div part="modal-footer" class="md-modal__footer">
+              <md-button
+                aria-label=${this.ariaLabelCancel}
+                @click="${this.handleFooterClick}"
+                @keydown="${this.handleKeyDown}"
+              >
+                <span>Cancel</span>
+              </md-button>
+              <md-button
+                type="submit"
+                variant="primary"
+                aria-label=${this.ariaLabelSubmit}
+                @click="${this.handleFooterClick}"
+                @keydown="${this.handleKeyDown}"
+              >
+                <span>${this.closeBtnName}</span>
+              </md-button>
+            </div>
+          `}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,["md-modal--"+this.size]:!!this.size}}render(){return i.html`
+        ${this.show?i.html`
+              <div part="modal-backdrop" class="md-modal__backdrop fade ${Object(r.classMap)(this.modalBackDropClassMap)}">
+                ${this.backdropClickExit?i.html` <div class="md-modal_overlay" @click="${this.handleCloseBackdrop}"></div> `:n.nothing}
+
+                <div
+                  part="modal-container"
+                  role="dialog"
+                  id="${this.htmlId}"
+                  class="md-modal ${Object(r.classMap)(this.modalContainerClassMap)}"
+                  aria-label="${Object(s.ifDefined)(this.headerLabel||this.ariaLabel||void 0)}"
+                  aria-describedby=${Object(s.ifDefined)(this.ariaDescription||void 0)}
                 >
-                  <md-icon name="overflow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-button>
-                <md-button
-                  class="md-pagination-nav"
-                  ariaLabel="Next Page"
-                  ?disabled=${this.hasPreviousPage}
-                  @click=${()=>this.computePrevious(this.currentPage-1)}
-                  part="pagination-prev"
-                  variant="ghost"
-                  size="24"
-                  circle
-                >
-                  <md-icon name="arrow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-button>
-              `}
-          <div class="md-pagination-container">
-            ${this.onlyDots?r.html`
-                  <ul class="md-pagination-dots" part="pagination-only-dots">
-                    ${this.dotsTemplate(!1)}
-                  </ul>
-                `:r.html`
-                  <ul class="md-pagination-list" part=pagination-list">
-                    ${this.pagesTemplate(!0)}
-                  </ul>
-                `}
-            ${this.hasDots&&!this.onlyDots?r.html`
-                  <ul class="md-pagination-dots" part="pagination-dots">
-                    ${this.dotsTemplate(!0)}
-                  </ul>
-                `:s.nothing}
-          </div>
-          ${this.noNavigation?s.nothing:r.html`
-                <md-button
-                  class="md-pagination-nav"
-                  ariaLabel="Previous Page"
-                  ?disabled=${this.hasNextPage}
-                  @click=${()=>this.computeNext(this.currentPage+1)}
-                  part="pagination-next"
-                  variant="ghost"
-                  size="24"
-                  circle
-                >
-                  <md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-button>
-                <md-button
-                  class="md-pagination-nav"
-                  ariaLabel="Last Page"
-                  ?disabled=${this.hasNextPage}
-                  @click=${this.computeLast}
-                  part="pagination-last"
-                  variant="ghost"
-                  size="24"
-                  circle
-                >
-                  <md-icon name="overflow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-button>
-              `}
-        </nav>
-      `}};g([Object(r.property)({type:Boolean,attribute:"dots"})],i.prototype,"hasDots",void 0),g([Object(r.property)({type:Boolean,reflect:!0,attribute:"only-dots"})],i.prototype,"onlyDots",void 0),g([Object(r.property)({type:Boolean,reflect:!0,attribute:"no-navigation"})],i.prototype,"noNavigation",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"total-page"})],i.prototype,"totalPage",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"visible-page"})],i.prototype,"visiblePage",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"current-page"})],i.prototype,"currentPage",null),i=g([Object(n.a)("md-pagination")],i),t.ELEMENT=i}(a||(a={}))}}]);
+                  <div part="modal-content" class="md-modal__content">
+                    <div class="md-modal__flex-container" part="modal-flex-container">
+                      ${this.headerTemplate()}
+                      <div id="modal-body" part="modal-body" class="md-modal__body">
+                        <slot></slot>
+                      </div>
+                      ${this.footerTemplate()}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            `:n.nothing}
+      `}};c([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),c([Object(i.property)({type:String})],e.prototype,"headerLabel",void 0),c([Object(i.property)({type:String})],e.prototype,"headerMessage",void 0),c([Object(i.property)({type:String})],e.prototype,"htmlId",void 0),c([Object(i.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelClose",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelCancel",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelSubmit",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaDescription",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"showCloseButton",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"backdropClickExit",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"noExitOnEsc",void 0),c([Object(i.property)({type:String})],e.prototype,"size",void 0),c([Object(i.property)({type:String})],e.prototype,"closeBtnName",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"hideFooter",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"hideHeader",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"disableInitialFocus",void 0),c([Object(i.internalProperty)()],e.prototype,"animating",void 0),c([Object(i.query)(".md-modal__backdrop")],e.prototype,"backDrop",void 0),e=c([Object(l.a)("md-modal")],e),d.ELEMENT=e}(p||(p={}))}}]);