@momentum-ui/web-components 2.13.9 → 2.13.11

package/dist/chunks/md-42.js

@@ -1 +1,16 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[42],{67:function(o,e,r){"use strict";var i=r(0);e.a=i.css`:host{--radio-label-text-color:var(--radio-input-text-color, $lm-radio-input-text-color-light)}:host(md-radio) .md-radio-wrapper{max-height:1.4375rem;display:inline-flex}:host(md-radio) .md-radio-input{height:1.4375rem;position:absolute;visibility:hidden;width:100%}:host(md-radio) .md-radio-label{color:var(--md-primary-text-color,#121212);cursor:pointer;font-size:14px;line-height:1.4375rem;padding-left:calc(1.25rem*1.8);padding-right:calc(.25rem/2);pointer-events:none;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host(md-radio) .md-radio-label::before{content:"";position:absolute;border:.0625rem solid var(--radio-input-border-color,#545454);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:inset 0 0 0 .36rem var(--radio-input-bg-color,#fff),inset 0 0 0 1.25rem var(--radio-input-bg-color,#fff);box-sizing:border-box;height:1.25rem;left:.125rem;top:.0625rem;width:1.25rem}:host(:focus){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#545454);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#545454),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#545454)}:host(:active:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-pressed-border-color,#ccc);box-shadow:inset 0 0 0 .36rem var(--radio-input-pressed-bg-color,#dedede),inset 0 0 0 1.25rem var(--radio-input-pressed-bg-color,#dedede)}:host([disabled]){cursor:not-allowed;opacity:.4}:host([disabled]) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#545454);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#545454),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#545454)}:host([aria-checked=true]) .md-radio-label:before{border-color:var(--radio-input-selected-border-color,#00a0d1);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-bg-color,#00a0d1),inset 0 0 0 1.25rem var(--radio-input-icon-color,#fff)}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-hover-border-color,#007aa3);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-hover-bg-color,#007aa3),inset 0 0 0 1.25rem var(--radio-input-icon-color,#fff)}:host([aria-checked=true]:active:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-pressed-border-color,#005e7d);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-pressed-bg-color,#005e7d),inset 0 0 0 1.25rem var(--radio-input-icon-color,#fff)}@media(forced-colors:active){:host(md-radio) .md-radio-label::before{border:1px solid CanvasText}:host(:active:not([disabled])) .md-radio-label:before,:host(:hover:not([disabled])) .md-radio-label:before{border:none;outline:2px solid Highlight;outline-offset:-1px}:host([aria-checked=true]) .md-radio-label:before{background-color:Highlight;border:none;outline:0}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{background-color:Highlight}:host([aria-checked=true]) .md-radio-label:after{content:"";position:absolute;top:50%;left:12px;transform:translate(-50%,-50%);width:8px;height:8px;background-color:Canvas;border-radius:50%}:host([focus-visible]:not([disabled])){outline:2px solid Highlight;outline-offset:-1px}}:host(md-radiogroup){display:flex}:host(md-radio){border-radius:.25rem;display:inline!important}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-radio){margin-bottom:calc(.25rem*3)}:host([alignment=horizontal]) div{display:inline-flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-radio){margin-right:calc(.25rem*8)}:host([disabled]) div ::slotted(md-radio){pointer-events:none}`}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[42],{58:function(e,t,d){"use strict";d.r(t),d.d(t,"MenuItem",(function(){return s}));var s,i=d(5),n=d(6),a=d(0),l=d(4),r=d(2),m=d(67),o=function(e,t,d,s){var i,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,d):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,d,s);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(t,d,a):i(t,d))||a);return n>3&&a&&Object.defineProperty(t,d,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.href="",this.label="",this.tabIndex=-1,this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedItem(),this.setAttribute("aria-selected",""+e),this.requestUpdate("selected",t)}static get styles(){return[i.a,m.a]}setupEvents(){this.addEventListener("mousedown",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this.label&&this.setAttribute("aria-label",this.label),this.setupEvents()}update(e){super.update(e),e.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}handleClick(e){e.preventDefault(),this.dispatchEvent(new CustomEvent("menu-item-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("menu-item-keydown",{detail:{id:this.id,key:e.code,srcEvent:e},bubbles:!0,composed:!0}))}notifySelectedItem(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}get menuItemClassMap(){return{"md-menu-item--selected":this.selected,disabled:this.disabled}}render(){return a.html`
+        <li
+          role="menuitem"
+          part="menu-item"
+          class="md-menu-item ${Object(l.classMap)(this.menuItemClassMap)}"
+          ?disabled=${this.disabled}
+          tabindex="-1"
+          aria-hidden="true"
+          aria-selected="false"
+          aria-label=${Object(r.ifDefined)(this.label)}
+        >
+          <a href="${Object(r.ifDefined)(this.href||void 0)}">
+            <slot></slot>
+          </a>
+        </li>
+      `}};o([Object(a.property)({type:String})],t.prototype,"href",void 0),o([Object(a.property)({type:String})],t.prototype,"label",void 0),o([Object(a.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),o([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),o([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=o([Object(n.a)("md-menu-item")],t),e.ELEMENT=t}(s||(s={}))},67:function(e,t,d){"use strict";var s=d(0);t.a=s.css`.md-menu{margin:0;padding:0}.md-menu--horizontal .md-menu-list ::slotted(*){display:inline-flex}.md-menu--vertical .md-menu-list ::slotted(*){display:flex}.md-menu.justified .md-menu-list{display:flex;justify-content:space-between}.md-menu .md-menu-list{margin:0}.md-menu-item{list-style:none;padding:.125rem}.md-menu-item a{color:var(--menu-text-color,var(--menu-default,#121212));display:flex;padding:.375rem .75rem}.md-menu-item ::slotted(*){padding:0 .1875rem}.md-menu-item:hover{background:var(--menu-hover-bg,var(--menu-hover-bg,#c9f4ff))}.md-menu-item:active{background:var(--menu-pressed-bg,var(--menu-pressed-bg,#91ebff))}.md-menu-item--selected{background:var(--menu-selected-default-bg,var(--menu-pressed-bg,#91ebff))}.md-menu-item--selected:hover{background:var(--menu-selected-hover-bg,var(--menu-hover-bg,#c9f4ff))}.md-menu-item--selected:active{background:var(--menu-selected-pressed-bg,var(--menu-pressed-bg,#91ebff))}.md-menu-item.disabled{pointer-events:none}.md-menu-item.disabled a{background:rgba(0,0,0,0);color:var(--md-disabled-text-color)}@media(forced-colors:active){.md-menu-item--selected,.md-menu-item:active,.md-menu-item:focus,.md-menu-item:hover{outline:1px solid Highlight}.md-menu-item.disabled a{color:GrayText}}`}}]);

package/dist/chunks/md-43.js

@@ -1,27 +1 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[43],{43:function(e,t,s){"use strict";s.r(t),s.d(t,"TAB_CROSS_WIDTH",(function(){return p})),s.d(t,"Tab",(function(){return h}));var i=s(1),a=s(7),o=s(6),l=s(5),d=s(0),r=s(4),c=s(2),n=s(38),b=function(e,t,s,i){var a,o=arguments.length,l=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,s,i);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(l=(o<3?a(l):o>3?a(t,s,l):a(t,s))||l);return o>3&&l&&Object.defineProperty(t,s,l),l};const p=22;var h;!function(e){let t=class extends(Object(a.a)(d.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedTab(),this.setAttribute("aria-selected",""+e),this.requestUpdate("selected",t)}static get styles(){return[l.a,n.a]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(e){e.stopPropagation(),e.code===i.b.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.ariaRole&&this.setAttribute("role",this.ariaRole)}render(){return d.html`
-        <button
-          type="button"
-          role="button"
-          ?disabled=${this.disabled}
-          aria-selected="false"
-          aria-label=${Object(c.ifDefined)(this.ariaLabel||void 0)}
-          aria-hidden="true"
-          tabindex="-1"
-          part="tab"
-          class="${Object(r.classMap)({closable:""!==this.closable})}"
-          @click=${e=>this.handleClick(e)}
-        >
-          <slot class="tab-slot"></slot>
-          ${this.isCrossVisible&&this.closable?d.html`
-                <div
-                  ?disabled=${this.disabled}
-                  tabindex="-1"
-                  class="tab-action-button"
-                  @click=${e=>this.handleCrossClick(e)}
-                  @keydown=${e=>this.handleCrossKeydown(e)}
-                >
-                  <md-icon tabindex="0" name="cancel_14"></md-icon>
-                </div>
-              `:""}
-        </button>
-      `}};b([Object(d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([Object(d.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([Object(d.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([Object(d.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([Object(d.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([Object(d.property)({type:String})],t.prototype,"ariaRole",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([Object(o.a)("md-tab")],t),e.ELEMENT=t}(h||(h={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[43],{69:function(o,e,r){"use strict";var i=r(0);e.a=i.css`:host{--radio-label-text-color:var(--radio-input-text-color, $lm-radio-input-text-color-light)}:host(md-radio) .md-radio-wrapper{max-height:1.4375rem;display:inline-flex}:host(md-radio) .md-radio-input{height:1.4375rem;position:absolute;visibility:hidden;width:100%}:host(md-radio) .md-radio-label{color:var(--md-primary-text-color,#121212);cursor:pointer;font-size:14px;line-height:1.4375rem;padding-left:calc(1.25rem*1.8);padding-right:calc(.25rem/2);pointer-events:none;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host(md-radio) .md-radio-label::before{content:"";position:absolute;border:.0625rem solid var(--radio-input-border-color,#545454);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:inset 0 0 0 .36rem var(--radio-input-bg-color,#fff),inset 0 0 0 1.25rem var(--radio-input-bg-color,#fff);box-sizing:border-box;height:1.25rem;left:.125rem;top:.0625rem;width:1.25rem}:host(:focus){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#545454);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#545454),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#545454)}:host(:active:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-pressed-border-color,#ccc);box-shadow:inset 0 0 0 .36rem var(--radio-input-pressed-bg-color,#dedede),inset 0 0 0 1.25rem var(--radio-input-pressed-bg-color,#dedede)}:host([disabled]){cursor:not-allowed;opacity:.4}:host([disabled]) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#545454);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#545454),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#545454)}:host([aria-checked=true]) .md-radio-label:before{border-color:var(--radio-input-selected-border-color,#00a0d1);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-bg-color,#00a0d1),inset 0 0 0 1.25rem var(--radio-input-icon-color,#fff)}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-hover-border-color,#007aa3);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-hover-bg-color,#007aa3),inset 0 0 0 1.25rem var(--radio-input-icon-color,#fff)}:host([aria-checked=true]:active:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-pressed-border-color,#005e7d);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-pressed-bg-color,#005e7d),inset 0 0 0 1.25rem var(--radio-input-icon-color,#fff)}@media(forced-colors:active){:host(md-radio) .md-radio-label::before{border:1px solid CanvasText}:host(:active:not([disabled])) .md-radio-label:before,:host(:hover:not([disabled])) .md-radio-label:before{border:none;outline:2px solid Highlight;outline-offset:-1px}:host([aria-checked=true]) .md-radio-label:before{background-color:Highlight;border:none;outline:0}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{background-color:Highlight}:host([aria-checked=true]) .md-radio-label:after{content:"";position:absolute;top:50%;left:12px;transform:translate(-50%,-50%);width:8px;height:8px;background-color:Canvas;border-radius:50%}:host([focus-visible]:not([disabled])){outline:2px solid Highlight;outline-offset:-1px}}:host(md-radiogroup){display:flex}:host(md-radio){border-radius:.25rem;display:inline!important}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-radio){margin-bottom:calc(.25rem*3)}:host([alignment=horizontal]) div{display:inline-flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-radio){margin-right:calc(.25rem*8)}:host([disabled]) div ::slotted(md-radio){pointer-events:none}`}}]);

package/dist/chunks/md-44.js

@@ -1,5 +1,27 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[44],{83:function(e,t,o){"use strict";o.r(t),o.d(t,"Accordion",(function(){return c}));var c,s=o(1),i=o(7),n=o(6),d=o(5),r=o(0),a=o(57),l=function(e,t,o,c){var s,i=arguments.length,n=i<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,o):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,c);else for(var d=e.length-1;d>=0;d--)(s=e[d])&&(n=(i<3?s(n):i>3?s(t,o,n):s(t,o))||n);return i>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends(Object(i.e)(r.LitElement)){constructor(){super(...arguments),this.multiple=!1,this.handleAccordionItemFocus=()=>{this.toggleAttribute("focusable",!0)},this.handleAccordionItemBlur=()=>{this.toggleAttribute("focusable",!1)}}get slotItem(){return this.accordionItemSlotElement}filterSlotted(){return this.accordionItemSlotElement.assignedElements()}switchFocusedAccordionItem(e){const t=this.slotted.findIndex(e=>e.hasAttribute("focus-visible")),o=this.slotted.length;let c=t;for(c=(o+c+e)%o;this.slotted[c].disabled;)c=(o+c+e)%o;this.focusAccordionItem(this.slotted[c])}focusAccordionItem(e){e.hasAttribute("focus-visible")||requestAnimationFrame(()=>e.header.focus())}setActiveAccordionItem(e){this.multiple?e.expanded=!e.expanded:(this.slotted.forEach(t=>{const o=t;o.expanded&&!t.isEqualNode(e)&&(o.expanded=!1)}),e.expanded=!0)}setupExpandedAccordionItems(){this.multiple||this.slotted.filter(e=>e.expanded).forEach((e,t)=>{const o=e;o.expanded&&t>0&&(o.expanded=!1)})}setupFocusAccordionItems(){this.slotted.forEach(e=>{e.addEventListener("focus",this.handleAccordionItemFocus),e.addEventListener("blur",this.handleAccordionItemBlur)})}removeFocusAccordionItems(){this.slotted.forEach(e=>{e.removeEventListener("focus",this.handleAccordionItemFocus),e.removeEventListener("blur",this.handleAccordionItemBlur)})}handleKeyDown(e){const{srcEvent:t}=e.detail,{code:o}=t;switch(o){case s.b.Space:case s.b.Enter:{const{target:t}=e;t&&this.setActiveAccordionItem(t);break}case s.b.ArrowDown:this.switchFocusedAccordionItem(1);break;case s.b.ArrowUp:this.switchFocusedAccordionItem(-1);break;case s.b.Home:{const e=this.slotted[0];this.focusAccordionItem(e);break}case s.b.End:{const e=this.slotted[this.slotted.length-1];this.focusAccordionItem(e);break}}}handleClick(e){const{target:t}=e,o=this.slotted.find(e=>e.isSameNode(t));o&&this.setActiveAccordionItem(o)}updated(e){super.updated(e),e.has("slotted")&&(this.setupExpandedAccordionItems(),this.setupFocusAccordionItems())}connectedCallback(){super.connectedCallback(),this.addEventListener("accordion-item-keydown",this.handleKeyDown),this.addEventListener("accordion-item-click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("accordion-item-keydown",this.handleKeyDown),this.removeEventListener("accordion-item-click",this.handleClick),this.removeFocusAccordionItems()}static get styles(){return[d.a,a.a]}render(){return r.html`
-        <div class="md-accordion" part="accordion">
-          <slot name="accordion-item"></slot>
-        </div>
-      `}};l([Object(r.property)({type:Boolean,reflect:!0})],t.prototype,"multiple",void 0),l([Object(r.query)('slot[name="accordion-item"]')],t.prototype,"accordionItemSlotElement",void 0),t=l([Object(n.a)("md-accordion")],t),e.ELEMENT=t}(c||(c={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[44],{45:function(e,t,s){"use strict";s.r(t),s.d(t,"TAB_CROSS_WIDTH",(function(){return p})),s.d(t,"Tab",(function(){return h}));var i=s(1),a=s(7),o=s(6),l=s(5),d=s(0),r=s(4),c=s(2),n=s(39),b=function(e,t,s,i){var a,o=arguments.length,l=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,s,i);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(l=(o<3?a(l):o>3?a(t,s,l):a(t,s))||l);return o>3&&l&&Object.defineProperty(t,s,l),l};const p=22;var h;!function(e){let t=class extends(Object(a.a)(d.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedTab(),this.setAttribute("aria-selected",""+e),this.requestUpdate("selected",t)}static get styles(){return[l.a,n.a]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(e){e.stopPropagation(),e.code===i.b.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.ariaRole&&this.setAttribute("role",this.ariaRole)}render(){return d.html`
+        <button
+          type="button"
+          role="button"
+          ?disabled=${this.disabled}
+          aria-selected="false"
+          aria-label=${Object(c.ifDefined)(this.ariaLabel||void 0)}
+          aria-hidden="true"
+          tabindex="-1"
+          part="tab"
+          class="${Object(r.classMap)({closable:""!==this.closable})}"
+          @click=${e=>this.handleClick(e)}
+        >
+          <slot class="tab-slot"></slot>
+          ${this.isCrossVisible&&this.closable?d.html`
+                <div
+                  ?disabled=${this.disabled}
+                  tabindex="-1"
+                  class="tab-action-button"
+                  @click=${e=>this.handleCrossClick(e)}
+                  @keydown=${e=>this.handleCrossKeydown(e)}
+                >
+                  <md-icon tabindex="0" name="cancel_14"></md-icon>
+                </div>
+              `:""}
+        </button>
+      `}};b([Object(d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([Object(d.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([Object(d.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([Object(d.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([Object(d.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([Object(d.property)({type:String})],t.prototype,"ariaRole",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([Object(o.a)("md-tab")],t),e.ELEMENT=t}(h||(h={}))}}]);

package/dist/chunks/md-45.js

@@ -1,34 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[45],{84:function(e,t,d){"use strict";d.r(t),d.d(t,"AccordionItem",(function(){return i}));var i,n=d(7),o=d(6),s=d(5),a=d(0),l=d(2),r=d(22),c=d(57),p=function(e,t,d,i){var n,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,d):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,d,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,d,s):n(t,d))||s);return o>3&&s&&Object.defineProperty(t,d,s),s};!function(e){let t=class extends(Object(n.a)(a.LitElement)){constructor(){super(...arguments),this._expanded=!1,this._level=3,this.uniqueId=Object(r.nanoid)(),this.label="",this.disabled=!1}get expanded(){return this._expanded}set expanded(e){const t=this._expanded;this._expanded=e,e?(this.notifyAccordionFocus(),this.notifyExpandedHeader()):this.notifyCollapsedHeader(),this.requestUpdate("expanded",t)}get level(){return this._level}set level(e){const t=this.level;e<1||e>6?(console.warn("Please set appropriate section heading level"),this._level=3):this._level=e,this.requestUpdate("level",t)}notifyExpandedHeader(){this.dispatchEvent(new CustomEvent("accordion-item-expanded",{composed:!0,bubbles:!0,detail:{id:this.uniqueId}}))}notifyCollapsedHeader(){this.dispatchEvent(new CustomEvent("accordion-item-collapsed",{composed:!0,bubbles:!0,detail:{id:this.uniqueId}}))}notifyAccordionFocus(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}firstUpdated(e){super.firstUpdated(e),this.setAttribute("id",this.uniqueId)}static get styles(){return[s.a,c.a]}handleMouseDown(e){this.disabled||this.dispatchEvent(new CustomEvent("accordion-item-click",{detail:{srcEvent:e},composed:!0,bubbles:!0}))}handleKeyDown(e){this.disabled||this.dispatchEvent(new CustomEvent("accordion-item-keydown",{detail:{srcEvent:e},bubbles:!0,composed:!0}))}render(){return a.html`
-        <div class="md-accordion-item">
-          <div role="heading" aria-level=${this.level} class="md-accordion-header" part="accordion-header">
-            <button
-              type="button"
-              aria-expanded=${this.expanded}
-              class="md-accordion-expander"
-              aria-label=${Object(l.ifDefined)(this.label||void 0)}
-              aria-controls="panel-${this.uniqueId}"
-              aria-disabled=${this.disabled}
-              ?disabled=${this.disabled}
-              id="header-${this.uniqueId}"
-              part="accordion-button"
-              tabindex=${Object(l.ifDefined)(this.disabled?-1:void 0)}
-              @mousedown=${this.handleMouseDown}
-              @keydown=${this.handleKeyDown}
-            >
-              <slot name="header-content">
-                <span class="md-accordion-expander-label">${this.label}</span>
-              </slot>
-              <md-icon name=${this.expanded?"icon-arrow-up_12":"icon-arrow-down_12"}></md-icon>
-            </button>
-          </div>
-          <div
-            role="region"
-            id="panel-${this.uniqueId}"
-            aria-labelledby="header-${this.uniqueId}"
-            class="md-accordion-panel"
-            part="accordion-panel"
-          >
-            <slot></slot>
-          </div>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[45],{84:function(e,t,o){"use strict";o.r(t),o.d(t,"Accordion",(function(){return c}));var c,s=o(1),i=o(7),n=o(6),d=o(5),r=o(0),a=o(59),l=function(e,t,o,c){var s,i=arguments.length,n=i<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,o):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,c);else for(var d=e.length-1;d>=0;d--)(s=e[d])&&(n=(i<3?s(n):i>3?s(t,o,n):s(t,o))||n);return i>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends(Object(i.e)(r.LitElement)){constructor(){super(...arguments),this.multiple=!1,this.handleAccordionItemFocus=()=>{this.toggleAttribute("focusable",!0)},this.handleAccordionItemBlur=()=>{this.toggleAttribute("focusable",!1)}}get slotItem(){return this.accordionItemSlotElement}filterSlotted(){return this.accordionItemSlotElement.assignedElements()}switchFocusedAccordionItem(e){const t=this.slotted.findIndex(e=>e.hasAttribute("focus-visible")),o=this.slotted.length;let c=t;for(c=(o+c+e)%o;this.slotted[c].disabled;)c=(o+c+e)%o;this.focusAccordionItem(this.slotted[c])}focusAccordionItem(e){e.hasAttribute("focus-visible")||requestAnimationFrame(()=>e.header.focus())}setActiveAccordionItem(e){this.multiple?e.expanded=!e.expanded:(this.slotted.forEach(t=>{const o=t;o.expanded&&!t.isEqualNode(e)&&(o.expanded=!1)}),e.expanded=!0)}setupExpandedAccordionItems(){this.multiple||this.slotted.filter(e=>e.expanded).forEach((e,t)=>{const o=e;o.expanded&&t>0&&(o.expanded=!1)})}setupFocusAccordionItems(){this.slotted.forEach(e=>{e.addEventListener("focus",this.handleAccordionItemFocus),e.addEventListener("blur",this.handleAccordionItemBlur)})}removeFocusAccordionItems(){this.slotted.forEach(e=>{e.removeEventListener("focus",this.handleAccordionItemFocus),e.removeEventListener("blur",this.handleAccordionItemBlur)})}handleKeyDown(e){const{srcEvent:t}=e.detail,{code:o}=t;switch(o){case s.b.Space:case s.b.Enter:{const{target:t}=e;t&&this.setActiveAccordionItem(t);break}case s.b.ArrowDown:this.switchFocusedAccordionItem(1);break;case s.b.ArrowUp:this.switchFocusedAccordionItem(-1);break;case s.b.Home:{const e=this.slotted[0];this.focusAccordionItem(e);break}case s.b.End:{const e=this.slotted[this.slotted.length-1];this.focusAccordionItem(e);break}}}handleClick(e){const{target:t}=e,o=this.slotted.find(e=>e.isSameNode(t));o&&this.setActiveAccordionItem(o)}updated(e){super.updated(e),e.has("slotted")&&(this.setupExpandedAccordionItems(),this.setupFocusAccordionItems())}connectedCallback(){super.connectedCallback(),this.addEventListener("accordion-item-keydown",this.handleKeyDown),this.addEventListener("accordion-item-click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("accordion-item-keydown",this.handleKeyDown),this.removeEventListener("accordion-item-click",this.handleClick),this.removeFocusAccordionItems()}static get styles(){return[d.a,a.a]}render(){return r.html`
+        <div class="md-accordion" part="accordion">
+          <slot name="accordion-item"></slot>
         </div>
-      `}};p([Object(a.property)({type:String})],t.prototype,"label",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"expanded",null),p([Object(a.property)({type:Number,reflect:!0})],t.prototype,"level",null),p([Object(a.query)(".md-accordion-expander")],t.prototype,"header",void 0),t=p([Object(o.a)("md-accordion-item")],t),e.ELEMENT=t}(i||(i={}))}}]);
+      `}};l([Object(r.property)({type:Boolean,reflect:!0})],t.prototype,"multiple",void 0),l([Object(r.query)('slot[name="accordion-item"]')],t.prototype,"accordionItemSlotElement",void 0),t=l([Object(n.a)("md-accordion")],t),e.ELEMENT=t}(c||(c={}))}}]);

package/dist/chunks/md-46.js

@@ -1,13 +1,38 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[46],{85:function(t,e,i){"use strict";i.r(e),i.d(e,"activityButtonSize",(function(){return c})),i.d(e,"activityButtonType",(function(){return p})),i.d(e,"ActivityButton",(function(){return y}));var r=i(5),n=i(6),o=i(0),s=(i(18),i(15),i(58)),a=function(t,e,i,r){var n,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(o<3?n(s):o>3?n(e,i,s):n(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};const c=["56","68","84",56,68,84],p=["chat","camera","contact-card","meetings","whiteboard","files","share-screen","tasks"];var y;!function(t){let e=class extends o.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.disabled=!1,this.label="",this.size="68",this._type="chat"}get type(){return this._type}set type(t){const e=this.type;p.includes(t)?this._type=t:this._type="chat",this.requestUpdate("type",e)}get buttonToIconSizeMapping(){return{56:"24",68:"28",84:"36"}}get formatClass(){return{"md-activity":!0,["md-activity__"+this.type]:this.type}}static get styles(){return[r.a,s.a]}render(){return o.html`
-        <md-button
-          aria-label=${this.ariaLabel}
-          circle
-          .activityType=${this.type}
-          ?containerLarge=${"84"===this.size}
-          ?disabled=${this.disabled}
-          .size=${this.size}
-          .label=${this.label}
-        >
-          <md-icon name=${`icon-${this.type}_${this.buttonToIconSizeMapping[this.size]}`}></md-icon>
-        </md-button>
-      `}};a([Object(o.property)({type:String})],e.prototype,"ariaLabel",void 0),a([Object(o.property)({type:Boolean})],e.prototype,"disabled",void 0),a([Object(o.property)({type:String})],e.prototype,"label",void 0),a([Object(o.property)({type:String})],e.prototype,"size",void 0),a([Object(o.property)({type:String})],e.prototype,"type",null),e=a([Object(n.a)("md-activity-button")],e),t.ELEMENT=e}(y||(y={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[46],{85:function(e,t,d){"use strict";d.r(t),d.d(t,"AccordionItem",(function(){return i}));d(13);var i,n=d(7),o=d(6),s=d(5),a=d(0),l=d(2),r=d(22),c=d(59),p=function(e,t,d,i){var n,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,d):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,d,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,d,s):n(t,d))||s);return o>3&&s&&Object.defineProperty(t,d,s),s};!function(e){let t=class extends(Object(n.a)(a.LitElement)){constructor(){super(...arguments),this._expanded=!1,this._level=3,this.uniqueId=Object(r.nanoid)(),this.label="",this.disabled=!1}get expanded(){return this._expanded}set expanded(e){const t=this._expanded;this._expanded=e,e?(this.notifyAccordionFocus(),this.notifyExpandedHeader()):this.notifyCollapsedHeader(),this.requestUpdate("expanded",t)}get level(){return this._level}set level(e){const t=this.level;e<1||e>6?(console.warn("Please set appropriate section heading level"),this._level=3):this._level=e,this.requestUpdate("level",t)}notifyExpandedHeader(){this.dispatchEvent(new CustomEvent("accordion-item-expanded",{composed:!0,bubbles:!0,detail:{id:this.uniqueId}}))}notifyCollapsedHeader(){this.dispatchEvent(new CustomEvent("accordion-item-collapsed",{composed:!0,bubbles:!0,detail:{id:this.uniqueId}}))}notifyAccordionFocus(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}firstUpdated(e){super.firstUpdated(e),this.setAttribute("id",this.uniqueId)}static get styles(){return[s.a,c.a]}handleMouseDown(e){this.disabled||this.dispatchEvent(new CustomEvent("accordion-item-click",{detail:{srcEvent:e},composed:!0,bubbles:!0}))}handleKeyDown(e){this.disabled||this.dispatchEvent(new CustomEvent("accordion-item-keydown",{detail:{srcEvent:e},bubbles:!0,composed:!0}))}render(){return a.html`
+        <div class="md-accordion-item">
+          <div role="heading" aria-level=${this.level} class="md-accordion-header" part="accordion-header">
+            <button
+              type="button"
+              aria-expanded=${this.expanded}
+              class="md-accordion-expander"
+              aria-label=${Object(l.ifDefined)(this.label||void 0)}
+              aria-controls="panel-${this.uniqueId}"
+              aria-disabled=${this.disabled}
+              ?disabled=${this.disabled}
+              id="header-${this.uniqueId}"
+              part="accordion-button"
+              tabindex=${Object(l.ifDefined)(this.disabled?-1:void 0)}
+              @mousedown=${this.handleMouseDown}
+              @keydown=${this.handleKeyDown}
+            >
+              <slot name="header-content">
+                <span class="md-accordion-expander-label">${this.label}</span>
+              </slot>
+              <md-icon
+                iconSet=${"momentumDesign"}
+                size="14"
+                name=${this.expanded?"arrow-up-bold":"arrow-down-bold"}
+              ></md-icon>
+            </button>
+          </div>
+          <div
+            role="region"
+            id="panel-${this.uniqueId}"
+            aria-labelledby="header-${this.uniqueId}"
+            class="md-accordion-panel"
+            part="accordion-panel"
+          >
+            <slot></slot>
+          </div>
+        </div>
+      `}};p([Object(a.property)({type:String})],t.prototype,"label",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"expanded",null),p([Object(a.property)({type:Number,reflect:!0})],t.prototype,"level",null),p([Object(a.query)(".md-accordion-expander")],t.prototype,"header",void 0),t=p([Object(o.a)("md-accordion-item")],t),e.ELEMENT=t}(i||(i={}))}}]);

package/dist/chunks/md-47.js

@@ -1,20 +1,13 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{104:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));var n,a=t(1),o=t(5),l=t(6),c=t(0),s=t(13),d=(t(18),t(15),c.css`.md-alert-banner{padding:.75rem;position:relative;text-align:center;border-radius:var(--alert-banner-border-radius);font-family:var(--brand-font-regular);font-weight:var(--brand-font-weight-regular)}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color,#c9f4ff);color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color,#ffecc2);color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color,#ffe8e3);color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color,#c9f4ff);color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner__text{font-size:var(--body-primary-font-size,.875rem);padding:0 1.75rem;text-align:center}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__close{cursor:pointer;height:1rem;position:absolute;right:1rem;top:.75rem;width:1rem}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`),i=function(e,r,t,n){var a,o=arguments.length,l=o<3?r:null===n?n=Object.getOwnPropertyDescriptor(r,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(l=(o<3?a(l):o>3?a(r,t,l):a(r,t))||l);return o>3&&l&&Object.defineProperty(r,t,l),l};!function(e){let r=class extends c.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:r}=e;r!==a.b.Enter&&r!==a.b.Space||this.onHide()}static get styles(){return[o.a,d]}render(){const e={"md-alert-banner":!0,["md-alert-banner--"+this.type]:this.type},r=this.closable?c.html`
-            <md-button
-              class="md-alert-banner__close"
-              hasRemoveStyle
-              ariaLabel=${this.closeAriaLabel}
-              @click="${this.onHide}"
-              @keydown="${this.handleKeyDown}"
-            >
-              <md-icon name="icon-cancel_16"></md-icon>
-            </md-button>
-          `:null;return c.html`
-        ${this.show?c.html`
-              <div class="${Object(s.classMap)(e)}" role="alert">
-                <div class="md-alert-banner__text">
-                  <slot><span>${this.message}</span></slot>
-                </div>
-                ${r}
-              </div>
-            `:null}
-      `}};i([Object(c.property)({type:String})],r.prototype,"type",void 0),i([Object(c.property)({type:String})],r.prototype,"message",void 0),i([Object(c.property)({type:Boolean})],r.prototype,"closable",void 0),i([Object(c.property)({type:Boolean})],r.prototype,"show",void 0),i([Object(c.property)({type:String,attribute:"close-aria-label"})],r.prototype,"closeAriaLabel",void 0),r=i([Object(l.a)("md-alert-banner")],r),e.ELEMENT=r}(n||(n={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{86:function(t,e,i){"use strict";i.r(e),i.d(e,"activityButtonSize",(function(){return c})),i.d(e,"activityButtonType",(function(){return p})),i.d(e,"ActivityButton",(function(){return y}));var r=i(5),n=i(6),o=i(0),s=(i(16),i(13),i(60)),a=function(t,e,i,r){var n,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(o<3?n(s):o>3?n(e,i,s):n(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};const c=["56","68","84",56,68,84],p=["chat","camera","contact-card","meetings","whiteboard","files","share-screen","tasks"];var y;!function(t){let e=class extends o.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.disabled=!1,this.label="",this.size="68",this._type="chat"}get type(){return this._type}set type(t){const e=this.type;p.includes(t)?this._type=t:this._type="chat",this.requestUpdate("type",e)}get buttonToIconSizeMapping(){return{56:"24",68:"28",84:"36"}}get formatClass(){return{"md-activity":!0,["md-activity__"+this.type]:this.type}}static get styles(){return[r.a,s.a]}render(){return o.html`
+        <md-button
+          aria-label=${this.ariaLabel}
+          circle
+          .activityType=${this.type}
+          ?containerLarge=${"84"===this.size}
+          ?disabled=${this.disabled}
+          .size=${this.size}
+          .label=${this.label}
+        >
+          <md-icon name=${`icon-${this.type}_${this.buttonToIconSizeMapping[this.size]}`}></md-icon>
+        </md-button>
+      `}};a([Object(o.property)({type:String})],e.prototype,"ariaLabel",void 0),a([Object(o.property)({type:Boolean})],e.prototype,"disabled",void 0),a([Object(o.property)({type:String})],e.prototype,"label",void 0),a([Object(o.property)({type:String})],e.prototype,"size",void 0),a([Object(o.property)({type:String})],e.prototype,"type",null),e=a([Object(n.a)("md-activity-button")],e),t.ELEMENT=e}(y||(y={}))}}]);

package/dist/chunks/md-48.js

@@ -1,47 +1,20 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{105:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));r(18),r(15);var o,l=r(6),i=r(5),a=r(0),n=r(3),c=r(4),s=a.css`:host{--alert-icon-size:var(--alert-default-icon-size, $lm-alert-default-icon-size-light);--alert-close-btn:var(--alert-close-bg-color, $lm-alert-close-bg-color-light)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color,#fff);border:1px solid var(--alert-default-border-color,rgba(0,0,0,.12));box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size,24px)!important;line-height:var(--alert-default-icon-size,24px)!important}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-left:.75rem;padding-right:.125rem;align-self:center}.md-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color,#121212);font-size:var(--alert-title-font-size,1rem);line-height:1.5rem;width:100%}.md-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--alert-default-text-color,#545454);font-family:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--body-secondary-font-size,.875rem);line-height:1.35;width:100%;word-wrap:break-word}.md-alert__button{margin-left:.25rem;align-self:center}.md-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color,#fff);border-radius:50%;display:inline-flex;height:var(--alert-close-size,1rem);justify-content:center;width:var(--alert-close-size,1rem)}.md-alert__button md-icon::part(icon){color:var(--alert-close-text-color,#121212)}.md-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}@media(forced-colors:active){.md-alert__button md-icon::part(icon){color:ButtonText}.md-alert__icon{background:0 0}.md-alert__icon md-icon::part(icon){color:CanvasText}.md-alert .md-badge{background-color:inherit}}`,d=function(e,t,r,o){var l,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(a=(i<3?l(a):i>3?l(t,r,a):l(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.closable=!1,this.message="",this.show=!1,this.internalClose=!0,this.title="",this.btnlabel="Close",this.type="default",this.inline=!1,this.renderIconTemplate=()=>{switch(this.type){case"error":return a.html`
-            <md-icon name="icon-warning_32" color="var(--md-alert-error-text-color, red)"></md-icon>
-          `;case"info":return a.html`
-            <md-icon name="info_32" color="var(--md-alert-info-text-color, blue)"></md-icon>
-          `;case"success":return a.html`
-            <md-icon name="check-circle_36" color="var(--md-alert-success-text-color, green)"></md-icon>
-          `;case"warn":case"warning":return a.html`
-            <md-icon name="icon-warning_32" color="var(--md-alert-warning-text-color, orange)"></md-icon>
-          `;default:return a.html`
-            <slot name="alert-icon"></slot>
-          `}}}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[i.a,s]}get alertClassMap(){return{["md-alert--"+this.type]:!!this.type,"md-alert__inline":this.inline}}render(){return a.html`
-        ${this.show?a.html`
-              <div role="alert" aria-live="polite" part="alert" class="md-alert ${Object(c.classMap)(this.alertClassMap)}">
-              <div class="md-alert__icon aria-hidden="true">
-                  ${this.renderIconTemplate()}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{105:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));t(16),t(13);var n,a=t(6),o=t(37),l=t(5),c=t(0),s=t(14),i=c.css`.md-alert-banner{padding:.75rem;position:relative;text-align:center;border-radius:var(--alert-banner-border-radius);font-family:var(--brand-font-regular);font-weight:var(--brand-font-weight-regular)}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color,#c9f4ff);color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color,#ffecc2);color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color,#ffe8e3);color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color,#c9f4ff);color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner__text{font-size:var(--body-primary-font-size,.875rem);padding:0 1.75rem;text-align:center}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__close{cursor:pointer;height:1rem;position:absolute;right:1rem;top:.75rem;width:1rem}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`,d=function(e,r,t,n){var a,o=arguments.length,l=o<3?r:null===n?n=Object.getOwnPropertyDescriptor(r,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(l=(o<3?a(l):o>3?a(r,t,l):a(r,t))||l);return o>3&&l&&Object.defineProperty(r,t,l),l};!function(e){let r=class extends c.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:r}=e;Object(o.a)(r)&&this.onHide()}static get styles(){return[l.a,i]}render(){const e={"md-alert-banner":!0,["md-alert-banner--"+this.type]:this.type},r=this.closable?c.html`
+            <md-button
+              class="md-alert-banner__close"
+              hasRemoveStyle
+              ariaLabel=${this.closeAriaLabel}
+              @click="${this.onHide}"
+              @keydown="${this.handleKeyDown}"
+            >
+              <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
+            </md-button>
+          `:null;return c.html`
+        ${this.show?c.html`
+              <div class="${Object(s.classMap)(e)}" role="alert">
+                <div class="md-alert-banner__text">
+                  <slot><span>${this.message}</span></slot>
                 </div>
-                <div part="content" class="md-alert__content">
-                ${this.title&&""!==this.title?a.html`
-                        <div class="md-alert__title" role="heading" aria-level="1">
-                          ${this.title}
-                        </div>
-                      `:n.nothing}
-                  <div class="md-alert__message">
-                    ${this.message}
-                    <slot name="alert-body"></slot>
-                  </div>
-                </div>
-                ${this.closable?a.html`
-                        <div class="md-alert__button">
-                          <md-button
-                            arialabel="${this.btnlabel}"
-                            hasRemoveStyle
-                            color="color-none"
-                            circle
-                            @click="${()=>this.close()}"
-                          >
-                            <md-icon slot="icon" name="icon-cancel_16"></md-icon>
-                          </md-button>
-                        </div>
-                      `:a.html`
-                        <div class="md-alert__footer">
-                          <slot name="alert-footer"></slot>
-                        </div>
-                      `}
+                ${r}
               </div>
-            `:n.nothing}
-      `}};d([Object(a.property)({type:Boolean})],t.prototype,"closable",void 0),d([Object(a.property)({type:String})],t.prototype,"message",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"internalClose",void 0),d([Object(a.property)({type:String})],t.prototype,"title",void 0),d([Object(a.property)({type:String})],t.prototype,"btnlabel",void 0),d([Object(a.property)({type:String})],t.prototype,"type",void 0),d([Object(a.property)({type:Boolean})],t.prototype,"inline",void 0),t=d([Object(l.a)("md-alert")],t),e.ELEMENT=t}(o||(o={}))}}]);
+            `:null}
+      `}};d([Object(c.property)({type:String})],r.prototype,"type",void 0),d([Object(c.property)({type:String})],r.prototype,"message",void 0),d([Object(c.property)({type:Boolean})],r.prototype,"closable",void 0),d([Object(c.property)({type:Boolean})],r.prototype,"show",void 0),d([Object(c.property)({type:String,attribute:"close-aria-label"})],r.prototype,"closeAriaLabel",void 0),r=d([Object(a.a)("md-alert-banner")],r),e.ELEMENT=r}(n||(n={}))}}]);