@momentum-ui/web-components 2.16.13 → 2.16.14

package/dist/chunks/md-47.js

@@ -1,27 +1 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{47:function(t,e,i){"use strict";i.r(e),i.d(e,"TAB_CROSS_WIDTH",(function(){return b})),i.d(e,"Tab",(function(){return h}));var s=i(1),o=i(7),a=i(5),r=i(6),l=i(0),n=i(4),d=i(3),c=i(41),p=function(t,e,i,s){var o,a=arguments.length,r=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(r=(a<3?o(r):a>3?o(e,i,r):o(e,i))||r);return a>3&&r&&Object.defineProperty(e,i,r),r};const b=22;var h;!function(t){let e=class extends(Object(o.a)(l.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",""+t),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get selected(){return this._selected}set selected(t){const e=this._selected;this._selected=t,t&&this.notifySelectedTab(),this.setAttribute("aria-selected",""+t),this.requestUpdate("selected",e)}static get styles(){return[r.a,c.a]}handleClick(t){t.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(t){t.stopPropagation(),t.code===s.b.Enter&&this.handleCrossEventDispatch()}handleCrossClick(t){t.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(t){super.update(t),t.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}connectedCallback(){super.connectedCallback()}firstUpdated(t){super.firstUpdated(t),this.ariaRole&&this.setAttribute("role",this.ariaRole)}renderCrossButton(){return l.html`
-        <div
-          ?disabled=${this.disabled}
-          tabindex="-1"
-          class="tab-action-button"
-          @click=${t=>this.handleCrossClick(t)}
-          @keydown=${t=>this.handleCrossKeydown(t)}
-        >
-          <md-icon tabindex="0" name="cancel-bold" size="14" iconSet="momentumDesign"></md-icon>
-        </div>
-      `}render(){return l.html`
-        <button
-          type="button"
-          role="button"
-          ?disabled=${this.disabled}
-          aria-selected="false"
-          aria-label=${Object(d.ifDefined)(this.ariaLabel||void 0)}
-          aria-hidden="true"
-          tabindex="-1"
-          part="tab"
-          class="${Object(n.classMap)({closable:""!==this.closable,pill:"pill"===this.type,rounded:"rounded"===this.type,line:"line"===this.type,primary:"primary"===this.variant,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
-          @click=${t=>this.handleClick(t)}
-        >
-          <slot class="tab-slot"></slot>
-          ${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
-        </button>
-      `}};p([Object(l.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),p([Object(l.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),p([Object(l.property)({type:String,attribute:"closable"})],e.prototype,"closable",void 0),p([Object(l.property)({type:String,attribute:"name"})],e.prototype,"name",void 0),p([Object(l.property)({type:Boolean,attribute:"cross-visible"})],e.prototype,"isCrossVisible",void 0),p([Object(l.property)({type:String})],e.prototype,"ariaRole",void 0),p([Object(l.property)({type:String})],e.prototype,"type",void 0),p([Object(l.property)({type:Boolean})],e.prototype,"newMomentum",void 0),p([Object(l.property)({type:Boolean})],e.prototype,"onlyIcon",void 0),p([Object(l.property)({type:String})],e.prototype,"variant",void 0),p([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),p([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"selected",null),p([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"vertical",void 0),p([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"viewportHidden",void 0),e=p([Object(a.a)("md-tab")],e),t.ELEMENT=e}(h||(h={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{72:function(o,e,r){"use strict";var i=r(0);e.a=i.css`:host{--radio-label-text-color:var(--radio-input-text-color)}:host(md-radio) .md-radio-wrapper{max-height:1.4375rem;display:inline-flex;max-width:100%}: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);cursor:pointer;font-size:14px;line-height:1.4375rem;padding-left:1.875rem;padding-right:.5rem;pointer-events:none;position:relative;vertical-align:middle;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);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),inset 0 0 0 1.25rem var(--radio-input-bg-color);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)}:host(:hover:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color)}:host(:active:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-pressed-border-color);box-shadow:inset 0 0 0 .36rem var(--radio-input-pressed-bg-color),inset 0 0 0 1.25rem var(--radio-input-pressed-bg-color)}:host([disabled]){cursor:not-allowed;opacity:.4}:host([disabled]) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color)}:host([aria-checked=true]) .md-radio-label:before{border-color:var(--radio-input-selected-border-color);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-bg-color),inset 0 0 0 1.25rem var(--radio-input-icon-color)}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-hover-border-color);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-hover-bg-color),inset 0 0 0 1.25rem var(--radio-input-icon-color)}:host([aria-checked=true]:active:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-pressed-border-color);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-pressed-bg-color),inset 0 0 0 1.25rem var(--radio-input-icon-color)}@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-48.js

@@ -1,5 +1,27 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{90: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(5),d=o(6),r=o(0),a=o(61),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>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{48:function(t,e,i){"use strict";i.r(e),i.d(e,"TAB_CROSS_WIDTH",(function(){return b})),i.d(e,"Tab",(function(){return h}));var s=i(1),o=i(7),a=i(5),r=i(6),l=i(0),n=i(4),d=i(3),c=i(41),p=function(t,e,i,s){var o,a=arguments.length,r=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(r=(a<3?o(r):a>3?o(e,i,r):o(e,i))||r);return a>3&&r&&Object.defineProperty(e,i,r),r};const b=22;var h;!function(t){let e=class extends(Object(o.a)(l.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",""+t),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get selected(){return this._selected}set selected(t){const e=this._selected;this._selected=t,t&&this.notifySelectedTab(),this.setAttribute("aria-selected",""+t),this.requestUpdate("selected",e)}static get styles(){return[r.a,c.a]}handleClick(t){t.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(t){t.stopPropagation(),t.code===s.b.Enter&&this.handleCrossEventDispatch()}handleCrossClick(t){t.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(t){super.update(t),t.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}connectedCallback(){super.connectedCallback()}firstUpdated(t){super.firstUpdated(t),this.ariaRole&&this.setAttribute("role",this.ariaRole)}renderCrossButton(){return l.html`
+        <div
+          ?disabled=${this.disabled}
+          tabindex="-1"
+          class="tab-action-button"
+          @click=${t=>this.handleCrossClick(t)}
+          @keydown=${t=>this.handleCrossKeydown(t)}
+        >
+          <md-icon tabindex="0" name="cancel-bold" size="14" iconSet="momentumDesign"></md-icon>
         </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={}))}}]);
+      `}render(){return l.html`
+        <button
+          type="button"
+          role="button"
+          ?disabled=${this.disabled}
+          aria-selected="false"
+          aria-label=${Object(d.ifDefined)(this.ariaLabel||void 0)}
+          aria-hidden="true"
+          tabindex="-1"
+          part="tab"
+          class="${Object(n.classMap)({closable:""!==this.closable,pill:"pill"===this.type,rounded:"rounded"===this.type,line:"line"===this.type,primary:"primary"===this.variant,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
+          @click=${t=>this.handleClick(t)}
+        >
+          <slot class="tab-slot"></slot>
+          ${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
+        </button>
+      `}};p([Object(l.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),p([Object(l.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),p([Object(l.property)({type:String,attribute:"closable"})],e.prototype,"closable",void 0),p([Object(l.property)({type:String,attribute:"name"})],e.prototype,"name",void 0),p([Object(l.property)({type:Boolean,attribute:"cross-visible"})],e.prototype,"isCrossVisible",void 0),p([Object(l.property)({type:String})],e.prototype,"ariaRole",void 0),p([Object(l.property)({type:String})],e.prototype,"type",void 0),p([Object(l.property)({type:Boolean})],e.prototype,"newMomentum",void 0),p([Object(l.property)({type:Boolean})],e.prototype,"onlyIcon",void 0),p([Object(l.property)({type:String})],e.prototype,"variant",void 0),p([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),p([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"selected",null),p([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"vertical",void 0),p([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"viewportHidden",void 0),e=p([Object(a.a)("md-tab")],e),t.ELEMENT=e}(h||(h={}))}}]);

package/dist/chunks/md-49.js

@@ -1,38 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{91:function(e,t,d){"use strict";d.r(t),d.d(t,"AccordionItem",(function(){return i}));d(14);var i,n=d(7),o=d(5),s=d(6),a=d(0),l=d(3),r=d(27),c=d(61),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>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{90: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(5),d=o(6),r=o(0),a=o(62),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-5.js

@@ -1 +1 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[5],{54:function(e,t,r){"use strict";r.r(t),r.d(t,"Spinner",(function(){return n}));var n,o=r(6),i=r(8),s=r(0),p=s.css`:host(:focus){box-shadow:none;outline:0}:host(md-spinner){line-height:1rem}:host(md-spinner) .md-spinner{border-radius:50%;display:block;position:relative;border:1px solid var(--spinner-bg-color)}:host(md-spinner) .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--spinner-color);border-right:1px solid transparent;border-top:1px solid transparent}:host(md-spinner) .md-spinner::after{animation:load8 1s infinite linear;border-radius:50%;content:"";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}@keyframes load8{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(forced-colors:active){:host(md-spinner) .md-spinner:after{border-bottom:2px solid Highlight;border-left:2px solid HighlightText;border-right:2px solid Highlight;border-top:2px solid Highlight}}`,d=r(5),l=function(e,t,r,n){var o,i=arguments.length,s=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,n);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(s=(i<3?o(s):i>3?o(t,r,s):o(t,r))||s);return i>3&&s&&Object.defineProperty(t,r,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.size=56}static get styles(){return[o.a,p]}get spinnerStyleMap(){return{width:this.size+"px",height:this.size+"px"}}render(){return s.html` <i class="md-spinner" part="spinner" style=${Object(i.styleMap)(this.spinnerStyleMap)}></i> `}};l([Object(s.property)({type:Number,reflect:!0})],t.prototype,"size",void 0),t=l([Object(d.a)("md-spinner")],t),e.ELEMENT=t}(n||(n={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[5],{55:function(e,t,r){"use strict";r.r(t),r.d(t,"Spinner",(function(){return n}));var n,o=r(6),i=r(8),s=r(0),p=s.css`:host(:focus){box-shadow:none;outline:0}:host(md-spinner){line-height:1rem}:host(md-spinner) .md-spinner{border-radius:50%;display:block;position:relative;border:1px solid var(--spinner-bg-color)}:host(md-spinner) .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--spinner-color);border-right:1px solid transparent;border-top:1px solid transparent}:host(md-spinner) .md-spinner::after{animation:load8 1s infinite linear;border-radius:50%;content:"";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}@keyframes load8{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(forced-colors:active){:host(md-spinner) .md-spinner:after{border-bottom:2px solid Highlight;border-left:2px solid HighlightText;border-right:2px solid Highlight;border-top:2px solid Highlight}}`,d=r(5),l=function(e,t,r,n){var o,i=arguments.length,s=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,n);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(s=(i<3?o(s):i>3?o(t,r,s):o(t,r))||s);return i>3&&s&&Object.defineProperty(t,r,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.size=56}static get styles(){return[o.a,p]}get spinnerStyleMap(){return{width:this.size+"px",height:this.size+"px"}}render(){return s.html` <i class="md-spinner" part="spinner" style=${Object(i.styleMap)(this.spinnerStyleMap)}></i> `}};l([Object(s.property)({type:Number,reflect:!0})],t.prototype,"size",void 0),t=l([Object(d.a)("md-spinner")],t),e.ELEMENT=t}(n||(n={}))}}]);

package/dist/chunks/md-50.js

@@ -1,13 +1,38 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[50],{92: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(6),n=i(5),o=i(0),s=(i(17),i(14),i(62)),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([[50],{91:function(e,t,d){"use strict";d.r(t),d.d(t,"AccordionItem",(function(){return i}));d(14);var i,n=d(7),o=d(5),s=d(6),a=d(0),l=d(3),r=d(27),c=d(62),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-51.js

@@ -1,34 +1,13 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{111:function(t,e,i){"use strict";i.r(e),i.d(e,"AdvanceList",(function(){return r}));var r,s=i(1),a=i(5),o=i(32),d=i(6),l=i(0),n=i(31),c=l.css`:host(md-advance-list){list-style:none;margin:0;padding:2px;overflow:auto;position:relative;line-height:1.125rem;display:flex;flex-direction:column}.virtual-scroll{width:100%;overflow-y:auto;overflow-x:hidden;position:relative;padding:1px}.virtual-scroll:focus-visible{outline:2px solid var(--md-default-focus-outline-color)}.default-wrapper:focus,.default-wrapper:focus-visible{outline:2px solid var(--md-default-focus-outline-color);outline-offset:-2px}.default-wrapper:has([disabled]),.default-wrapper:has([disabled]):hover,.default-wrapper[aria-disabled=true]{color:var(--advance-list-disabled-text-color);background-color:rgba(0,0,0,0)}.spin-loader{display:flex;justify-content:center;width:100%}.default-wrapper.selected{background-color:var(--list-active-background);color:var(--list-active-text-color)}.default-wrapper.focused{outline:2px solid var(--md-default-focus-outline-color);outline-offset:-2px}.default-wrapper{padding:11px 12px;color:var(--advance-list-text-color);cursor:pointer;width:calc(100% - 2px);box-sizing:border-box;position:relative;border-radius:var(--advance-list-border-radius-rounded,0);display:flex;gap:.5rem}.default-wrapper-status-indicator{padding:5px;color:var(--advance-list-text-color);cursor:pointer;width:calc(100% - 2px);box-sizing:border-box;position:relative;border-radius:var(--advance-list-border-radius-rounded,0)}.default-wrapper:hover{background-color:var(--list-hover-background);color:var(--list-hover-text-color)}.default-wrapper.selected:hover{background-color:var(--list-active-background);color:var(--list-active-text-color)}`,p=function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var d=t.length-1;d>=0;d--)(s=t[d])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);return a>3&&o&&Object.defineProperty(e,i,o),o};!function(t){t.prefixId="item-";let e=class extends(Object(o.a)(l.LitElement)){constructor(){super(...arguments),this.items=[],this.isLoading=!1,this.selectedItemId="",this.value="",this.ariaRoleList="listbox",this.ariaRoleListItem="option",this.ariaLabelList="",this.isError=!1,this.containerHeight="292px",this.totalRecords=0,this.scrollIndex=-1,this.activeId="",this.isUserNavigated=!1,this.handleKeyDown=e=>{var i;switch(e.key){case s.b.ArrowDown:{e.preventDefault(),this.isUserNavigated=!0,""===this.activeId&&this.value&&(this.activeId=this.value);const t=this.items.findIndex(t=>t.id===this.activeId);t<this.items.length-1&&!this.isNextElemenentStatusIndicator(t)&&(this.scrollIndex=t+1,this.activeId=this.items[this.scrollIndex].id)}break;case s.b.ArrowUp:{e.preventDefault(),this.isUserNavigated=!0,""===this.activeId&&this.value&&(this.activeId=this.value);const t=this.items.findIndex(t=>t.id===this.activeId);t>0&&(this.scrollIndex=t-1,this.activeId=this.items[this.scrollIndex].id)}break;case s.b.Enter:if(e.preventDefault(),this.activeId){const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`#${t.prefixId}${this.activeId}`);if(e){"true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||this.selectItem(e)}}}},this.handleRangeChange=t=>{const{last:e}=t;this.updateSelectedState(),this.items.length<this.totalRecords&&e>=this.items.length-1&&!this.isLoading&&!this.isError&&this.dispatchEvent(new CustomEvent("load-more",{bubbles:!0,composed:!0})),this.isUserNavigated=!1}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}static get styles(){return[d.a,c]}getStyles(){return l.html`
-        <style>
-          :host .virtual-scroll {
-            height: ${this.containerHeight};
-          }
-        </style>
-      `}disconnectedCallback(){var t;super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),null===(t=this.listContainer)||void 0===t||t.addEventListener("keydown",this.handleKeyDown)}firstUpdated(t){var e;null===(e=this.listContainer)||void 0===e||e.addEventListener("keydown",this.handleKeyDown)}updated(t){t.has("value")&&this.requestUpdate().then(()=>{this.selectedItemId=""+this.value,this.updateSelectedState()})}updateWrapperAttributes(t,e){t.classList.toggle("selected",e),t.setAttribute("selected",e.toString()),t.setAttribute("aria-selected",e.toString()),t.setAttribute("tabindex",e?"0":"-1")}updateSelectedState(){var e;Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]).forEach(e=>{var i,r;const s=e.id===`${t.prefixId}${this.selectedItemId}`;this.updateWrapperAttributes(e,s),e.id===`${t.prefixId}${this.activeId}`?(e.setAttribute("tabindex","0"),e.focus()):e.setAttribute("tabindex","-1"),""==this.activeId&&e.id===`${t.prefixId}${this.value}`&&e.setAttribute("tabindex","0");(null===(i=e.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))||"true"===(null===(r=e.firstElementChild)||void 0===r?void 0:r.getAttribute("aria-disabled"))?(e.setAttribute("disabled",""),e.setAttribute("aria-disabled","true")):(e.removeAttribute("disabled"),e.removeAttribute("aria-disabled"))})}findClickedItem(t){var e;const i=Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]),r=t.composedPath(),s=i.find(t=>r.includes(t));if(s){return(null==s?void 0:s.hasAttribute("disabled"))||"true"===(null==s?void 0:s.getAttribute("aria-disabled"))?0:s}}isNextElemenentStatusIndicator(t){return(this.isLoading||this.isError)&&t===this.items.length-2}selectItem(t){t&&(this.activeId=t.id.substring(t.id.indexOf("-")+1),this.selectedItemId=this.activeId,this.updateSelectedState(),this.notifySelectedChange())}handleClick(t){t.preventDefault(),this.isUserNavigated=!1;const e=this.findClickedItem(t);e&&(this.scrollIndex=parseInt(e.getAttribute("index")||"0"),this.selectItem(e))}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selectedItemId},bubbles:!0,composed:!0}))}renderItem(e,i){return"status-indicator"===e.id?l.html`
-          <div class="default-wrapper-status-indicator" id="status-indicator">${e.template(e,i)}</div>
-        `:l.html`
-        <div
-          class="default-wrapper ${e.id}"
-          part="advance-list-item-wrapper"
-          aria-setsize="${this.totalRecords}"
-          aria-posinset="${i+1}"
-          role="${this.ariaRoleListItem}"
-          aria-label=${e.name}
-          id="${t.prefixId}${e.id}"
-          index="${i}"
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{92: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(6),n=i(5),o=i(0),s=(i(17),i(14),i(63)),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}
         >
-          ${e.template(e,i)}
-        </div>
-      `}getActiveDescendant(){return this.activeId?`${t.prefixId}${this.activeId}`:this.value?`${t.prefixId}${this.value}`:""}render(){return l.html`
-        ${this.getStyles()}
-        <div
-          class="md-advance-list-wrapper virtual-scroll"
-          tabindex="0"
-          aria-activedescendant=${this.getActiveDescendant()}
-          aria-label=${this.ariaLabelList}
-          role=${this.ariaRoleList}
-          @rangechange=${this.handleRangeChange}
-        >
-          ${Object(n.scroll)({items:this.items,renderItem:(t,e)=>this.renderItem(t,e||0),useShadowDOM:!0,scrollToIndex:this.isUserNavigated?{index:this.scrollIndex,position:0===this.scrollIndex?"start":"center"}:void 0})}
-        </div>
-      `}};p([Object(l.property)({type:Array})],e.prototype,"items",void 0),p([Object(l.property)({type:Boolean})],e.prototype,"isLoading",void 0),p([Object(l.property)({type:String})],e.prototype,"selectedItemId",void 0),p([Object(l.property)({type:String})],e.prototype,"value",void 0),p([Object(l.property)({type:String})],e.prototype,"ariaRoleList",void 0),p([Object(l.property)({type:String})],e.prototype,"ariaRoleListItem",void 0),p([Object(l.property)({type:String})],e.prototype,"ariaLabelList",void 0),p([Object(l.property)({type:Boolean})],e.prototype,"isError",void 0),p([Object(l.property)({type:String})],e.prototype,"containerHeight",void 0),p([Object(l.queryAll)("div.default-wrapper")],e.prototype,"lists",void 0),p([Object(l.query)(".virtual-scroll")],e.prototype,"listContainer",void 0),p([Object(l.property)({type:Number})],e.prototype,"totalRecords",void 0),p([Object(l.internalProperty)()],e.prototype,"scrollIndex",void 0),p([Object(l.internalProperty)()],e.prototype,"activeId",void 0),p([Object(l.internalProperty)()],e.prototype,"isUserNavigated",void 0),e=p([Object(a.a)("md-advance-list")],e),t.ELEMENT=e}(r||(r={}))}}]);
+          <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-52.js

@@ -1,20 +1,34 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{112:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));t(17),t(14);var n,a=t(5),o=t(28),l=t(6),c=t(0),s=t(12),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, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:var(--brand-font-weight-regular);line-height:1.25rem}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color);color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color);color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color);color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color);color:var(--alert-banner-success-text-color)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color)}.md-alert-banner__text{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>
-                ${r}
-              </div>
-            `: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={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{111:function(t,e,i){"use strict";i.r(e),i.d(e,"AdvanceList",(function(){return r}));var r,s=i(1),a=i(5),o=i(32),d=i(6),l=i(0),n=i(31),c=l.css`:host(md-advance-list){list-style:none;margin:0;padding:2px;overflow:auto;position:relative;line-height:1.125rem;display:flex;flex-direction:column}.virtual-scroll{width:100%;overflow-y:auto;overflow-x:hidden;position:relative;padding:1px}.virtual-scroll:focus-visible{outline:2px solid var(--md-default-focus-outline-color)}.default-wrapper:focus,.default-wrapper:focus-visible{outline:2px solid var(--md-default-focus-outline-color);outline-offset:-2px}.default-wrapper:has([disabled]),.default-wrapper:has([disabled]):hover,.default-wrapper[aria-disabled=true]{color:var(--advance-list-disabled-text-color);background-color:rgba(0,0,0,0)}.spin-loader{display:flex;justify-content:center;width:100%}.default-wrapper.selected{background-color:var(--list-active-background);color:var(--list-active-text-color)}.default-wrapper.focused{outline:2px solid var(--md-default-focus-outline-color);outline-offset:-2px}.default-wrapper{padding:11px 12px;color:var(--advance-list-text-color);cursor:pointer;width:calc(100% - 2px);box-sizing:border-box;position:relative;border-radius:var(--advance-list-border-radius-rounded,0);display:flex;gap:.5rem}.default-wrapper-status-indicator{padding:5px;color:var(--advance-list-text-color);cursor:pointer;width:calc(100% - 2px);box-sizing:border-box;position:relative;border-radius:var(--advance-list-border-radius-rounded,0)}.default-wrapper:hover{background-color:var(--list-hover-background);color:var(--list-hover-text-color)}.default-wrapper.selected:hover{background-color:var(--list-active-background);color:var(--list-active-text-color)}`,p=function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var d=t.length-1;d>=0;d--)(s=t[d])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);return a>3&&o&&Object.defineProperty(e,i,o),o};!function(t){t.prefixId="item-";let e=class extends(Object(o.a)(l.LitElement)){constructor(){super(...arguments),this.items=[],this.isLoading=!1,this.selectedItemId="",this.value="",this.ariaRoleList="listbox",this.ariaRoleListItem="option",this.ariaLabelList="",this.isError=!1,this.containerHeight="292px",this.totalRecords=0,this.scrollIndex=-1,this.activeId="",this.isUserNavigated=!1,this.handleKeyDown=e=>{var i;switch(e.key){case s.b.ArrowDown:{e.preventDefault(),this.isUserNavigated=!0,""===this.activeId&&this.value&&(this.activeId=this.value);const t=this.items.findIndex(t=>t.id===this.activeId);t<this.items.length-1&&!this.isNextElemenentStatusIndicator(t)&&(this.scrollIndex=t+1,this.activeId=this.items[this.scrollIndex].id)}break;case s.b.ArrowUp:{e.preventDefault(),this.isUserNavigated=!0,""===this.activeId&&this.value&&(this.activeId=this.value);const t=this.items.findIndex(t=>t.id===this.activeId);t>0&&(this.scrollIndex=t-1,this.activeId=this.items[this.scrollIndex].id)}break;case s.b.Enter:if(e.preventDefault(),this.activeId){const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`#${t.prefixId}${this.activeId}`);if(e){"true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||this.selectItem(e)}}}},this.handleRangeChange=t=>{const{last:e}=t;this.updateSelectedState(),this.items.length<this.totalRecords&&e>=this.items.length-1&&!this.isLoading&&!this.isError&&this.dispatchEvent(new CustomEvent("load-more",{bubbles:!0,composed:!0})),this.isUserNavigated=!1}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}static get styles(){return[d.a,c]}getStyles(){return l.html`
+        <style>
+          :host .virtual-scroll {
+            height: ${this.containerHeight};
+          }
+        </style>
+      `}disconnectedCallback(){var t;super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),null===(t=this.listContainer)||void 0===t||t.addEventListener("keydown",this.handleKeyDown)}firstUpdated(t){var e;null===(e=this.listContainer)||void 0===e||e.addEventListener("keydown",this.handleKeyDown)}updated(t){t.has("value")&&this.requestUpdate().then(()=>{this.selectedItemId=""+this.value,this.updateSelectedState()})}updateWrapperAttributes(t,e){t.classList.toggle("selected",e),t.setAttribute("selected",e.toString()),t.setAttribute("aria-selected",e.toString()),t.setAttribute("tabindex",e?"0":"-1")}updateSelectedState(){var e;Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]).forEach(e=>{var i,r;const s=e.id===`${t.prefixId}${this.selectedItemId}`;this.updateWrapperAttributes(e,s),e.id===`${t.prefixId}${this.activeId}`?(e.setAttribute("tabindex","0"),e.focus()):e.setAttribute("tabindex","-1"),""==this.activeId&&e.id===`${t.prefixId}${this.value}`&&e.setAttribute("tabindex","0");(null===(i=e.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))||"true"===(null===(r=e.firstElementChild)||void 0===r?void 0:r.getAttribute("aria-disabled"))?(e.setAttribute("disabled",""),e.setAttribute("aria-disabled","true")):(e.removeAttribute("disabled"),e.removeAttribute("aria-disabled"))})}findClickedItem(t){var e;const i=Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]),r=t.composedPath(),s=i.find(t=>r.includes(t));if(s){return(null==s?void 0:s.hasAttribute("disabled"))||"true"===(null==s?void 0:s.getAttribute("aria-disabled"))?0:s}}isNextElemenentStatusIndicator(t){return(this.isLoading||this.isError)&&t===this.items.length-2}selectItem(t){t&&(this.activeId=t.id.substring(t.id.indexOf("-")+1),this.selectedItemId=this.activeId,this.updateSelectedState(),this.notifySelectedChange())}handleClick(t){t.preventDefault(),this.isUserNavigated=!1;const e=this.findClickedItem(t);e&&(this.scrollIndex=parseInt(e.getAttribute("index")||"0"),this.selectItem(e))}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selectedItemId},bubbles:!0,composed:!0}))}renderItem(e,i){return"status-indicator"===e.id?l.html`
+          <div class="default-wrapper-status-indicator" id="status-indicator">${e.template(e,i)}</div>
+        `:l.html`
+        <div
+          class="default-wrapper ${e.id}"
+          part="advance-list-item-wrapper"
+          aria-setsize="${this.totalRecords}"
+          aria-posinset="${i+1}"
+          role="${this.ariaRoleListItem}"
+          aria-label=${e.name}
+          id="${t.prefixId}${e.id}"
+          index="${i}"
+        >
+          ${e.template(e,i)}
+        </div>
+      `}getActiveDescendant(){return this.activeId?`${t.prefixId}${this.activeId}`:this.value?`${t.prefixId}${this.value}`:""}render(){return l.html`
+        ${this.getStyles()}
+        <div
+          class="md-advance-list-wrapper virtual-scroll"
+          tabindex="0"
+          aria-activedescendant=${this.getActiveDescendant()}
+          aria-label=${this.ariaLabelList}
+          role=${this.ariaRoleList}
+          @rangechange=${this.handleRangeChange}
+        >
+          ${Object(n.scroll)({items:this.items,renderItem:(t,e)=>this.renderItem(t,e||0),useShadowDOM:!0,scrollToIndex:this.isUserNavigated?{index:this.scrollIndex,position:0===this.scrollIndex?"start":"center"}:void 0})}
+        </div>
+      `}};p([Object(l.property)({type:Array})],e.prototype,"items",void 0),p([Object(l.property)({type:Boolean})],e.prototype,"isLoading",void 0),p([Object(l.property)({type:String})],e.prototype,"selectedItemId",void 0),p([Object(l.property)({type:String})],e.prototype,"value",void 0),p([Object(l.property)({type:String})],e.prototype,"ariaRoleList",void 0),p([Object(l.property)({type:String})],e.prototype,"ariaRoleListItem",void 0),p([Object(l.property)({type:String})],e.prototype,"ariaLabelList",void 0),p([Object(l.property)({type:Boolean})],e.prototype,"isError",void 0),p([Object(l.property)({type:String})],e.prototype,"containerHeight",void 0),p([Object(l.queryAll)("div.default-wrapper")],e.prototype,"lists",void 0),p([Object(l.query)(".virtual-scroll")],e.prototype,"listContainer",void 0),p([Object(l.property)({type:Number})],e.prototype,"totalRecords",void 0),p([Object(l.internalProperty)()],e.prototype,"scrollIndex",void 0),p([Object(l.internalProperty)()],e.prototype,"activeId",void 0),p([Object(l.internalProperty)()],e.prototype,"isUserNavigated",void 0),e=p([Object(a.a)("md-advance-list")],e),t.ELEMENT=e}(r||(r={}))}}]);

package/dist/chunks/md-53.js

@@ -1,121 +1,20 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{113:function(e,t,o){"use strict";o.r(t),o.d(t,"Alert",(function(){return r}));o(14),o(81);var r,i=o(5),n=o(6),l=o(0),a=o(2),s=o(4),d=l.css`:host{--alert-icon-size:var(--alert-default-icon-size);--alert-close-btn:var(--alert-close-bg-color)}: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);border:1px solid var(--alert-default-border-color);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;gap:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size);line-height:var(--alert-default-icon-size)}.md-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;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);font-size:var(--alert-title-font-size);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);font-family:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.35;width:100%;word-wrap:break-word}.md-alert__button{align-self:center}.md-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color);border-radius:50%;display:inline-flex;height:var(--alert-close-size);justify-content:center;width:var(--alert-close-size)}.md-alert__button md-icon::part(icon){color:var(--alert-close-text-color)}.md-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}.md-new-alert{border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-sizing:border-box;background-color:var(--alert-default-bg-color);border:1px solid var(--alert-default-new-border-color);box-shadow:0 0 1px 0 rgba(0,0,0,.1215686275),0 8px 16px 0 rgba(0,0,0,.2);flex:1 1 100%;margin-bottom:.5rem;max-height:15rem;max-width:21.25rem;min-height:3.5rem;padding:1rem;flex-direction:column}.md-new-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;gap:.75rem;width:100%}.md-new-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size);line-height:var(--alert-default-icon-size)}.md-new-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:15.25rem;align-self:center}.md-new-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);font-family:var(--brand-font-medium, "CiscoSans-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:500;font-size:var(--alert-title-font-size);line-height:1.5rem;width:100%}.md-new-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;color:var(--alert-default-new-body-text-color);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.25rem;width:100%;word-wrap:break-word;margin-top:.25rem}.md-new-alert__message md-link::part(link){font-size:var(--font-size-body-midsize,.875rem);color:var(--md-hyperlink-text-color)}.md-new-alert__button{margin-left:.125rem}.md-new-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color);border-radius:50%;display:inline-flex;height:var(--alert-close-size);justify-content:center;width:var(--alert-close-size);margin-top:.1875rem}.md-new-alert__button md-icon::part(icon){color:var(--alert-close-text-color)}.md-new-alert__footer{display:flex;margin-top:1rem;justify-content:end;width:100%;gap:.5rem}.md-new-alert__footer.is-empty{display:none}.md-new-alert__link{margin-top:.25rem;display:flex;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif)}.md-new-alert__link md-icon{margin-left:.5rem}.md-new-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}}`,c=function(e,t,o,r){var i,n=arguments.length,l=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(l=(n<3?i(l):n>3?i(t,o,l):i(t,o))||l);return n>3&&l&&Object.defineProperty(t,o,l),l};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.closable=!1,this.message="",this.show=!1,this.internalClose=!0,this.title="",this.btnlabel="Close",this.type="default",this.inline=!1,this.newMomentum=!1,this.primaryButton="",this.primaryButtonVariant="primary",this.primaryButtonColor="",this.secondaryButton="",this.link=!1,this.showMore=!1,this.href="",this.hasFooterSlotContent=!1,this.renderIconTemplate=()=>{switch(this.type){case"error":return l.html`
-            <md-icon
-              name="error-legacy-bold"
-              size="${this.newMomentum?24:32}"
-              iconSet="momentumDesign"
-              color="var(--md-alert-error-text-color, red)"
-            ></md-icon>
-          `;case"info":return l.html`
-            <md-icon
-              name="info-circle-bold"
-              size="${this.newMomentum?24:32}"
-              iconSet="momentumDesign"
-              color="var(--md-alert-info-text-color, blue)"
-            ></md-icon>
-          `;case"success":return l.html`
-            <md-icon
-              name="check-circle-bold"
-              size="${this.newMomentum?24:32}"
-              iconSet="momentumDesign"
-              color="var(--md-alert-success-text-color, green)"
-            ></md-icon>
-          `;case"warn":case"warning":return l.html`
-            <md-icon
-              name="warning-bold"
-              size="${this.newMomentum?24:32}"
-              iconSet="momentumDesign"
-              color="var(--md-alert-warning-text-color, orange)"
-            ></md-icon>
-          `;case"message":return l.html`
-            <md-icon
-              name="chat-bold"
-              size="${this.newMomentum?24:32}"
-              iconSet="momentumDesign"
-              color="var(--alert-title-text-color)"
-            ></md-icon>
-          `;case"loading":return l.html`<md-spinner size="24"></md-spinner>`;default:return l.html` <slot name="alert-icon"></slot> `}}}connectedCallback(){super.connectedCallback(),this.updateFooterSlotInUse()}close(){this.dispatchEvent(new CustomEvent("alert-close",{composed:!0,bubbles:!0})),this.internalClose&&(this.show=!1)}static get styles(){return[n.a,d]}get alertClassMap(){return{["md-alert--"+this.type]:!!this.type,"md-alert__inline":this.inline}}get slottedFooterClassMap(){return{"is-empty":!this.hasFooterSlotContent}}legacyRender(){return l.html`
-        <div role="alert" aria-live="polite" part="alert" class="md-alert ${Object(s.classMap)(this.alertClassMap)}">
-          <div class="md-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
-          <div part="content" class="md-alert__content">
-            ${this.title&&""!==this.title?l.html` <div class="md-alert__title" role="heading" aria-level="1">${this.title}</div> `:a.nothing}
-            <div class="md-alert__message">
-              ${this.message}
-              <slot name="alert-body"></slot>
-            </div>
-          </div>
-          ${this.closable?l.html`
-                <div class="md-alert__button">
-                  <md-button
-                    ariaLabel="${this.btnlabel}"
-                    hasRemoveStyle
-                    color="color-none"
-                    circle
-                    @click="${()=>this.close()}"
-                  >
-                    <md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
-                  </md-button>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{112:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));t(17),t(14);var n,a=t(5),o=t(28),l=t(6),c=t(0),s=t(12),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, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:var(--brand-font-weight-regular);line-height:1.25rem}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color);color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color);color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color);color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color);color:var(--alert-banner-success-text-color)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color)}.md-alert-banner__text{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>
-              `:l.html`
-                <div class="md-alert__footer">
-                  <slot name="alert-footer"></slot>
-                </div>
-              `}
-        </div>
-      `}renderNewAlertDefaultFooter(){return l.html`
-        <div class="md-new-alert__footer">
-          ${this.link?l.html`
-                <md-link href="${this.href}">
-                  <span class="md-new-alert__link"
-                    >Link
-                    <md-icon
-                      name="pop-out-bold"
-                      size="16"
-                      iconSet="momentumDesign"
-                      color="var(--md-alert-info-text-color, blue)"
-                    >
-                    </md-icon>
-                  </span>
-                </md-link>
-              `:a.nothing}
-          ${this.secondaryButton?l.html` <md-button variant="secondary" .clickFunction="${this.secondaryButtonClickFunction}">
-                ${this.secondaryButton}
-              </md-button>`:a.nothing}
-          ${this.primaryButton?l.html`<md-button
-                variant=${this.primaryButtonVariant}
-                color=${this.primaryButtonColor}
-                .clickFunction="${this.primaryButtonClickFunction}"
-              >
-                ${this.primaryButton}
-              </md-button>`:a.nothing}
-        </div>
-      `}handleSlotContentChange(e){this.updateFooterSlotInUse()}updateFooterSlotInUse(){var e;this.hasFooterSlotContent=(null===(e=this.alertFooterSlot)||void 0===e?void 0:e.assignedNodes().length)>0}renderSlottedFooter(){return l.html` <div class="md-new-alert__footer ${Object(s.classMap)(this.slottedFooterClassMap)}">
-        <slot name="alert-footer" @slotchange=${this.handleSlotContentChange}></slot>
-      </div>`}newRender(){return l.html`
-        <div role="alert" aria-live="polite" part="alert" class="md-new-alert ${Object(s.classMap)(this.alertClassMap)}">
-          <div class="md-new-alert__body">
-            <div class="md-new-alert__icon aria-hidden=true">${this.renderIconTemplate()}</div>
-            <div part="content" class="md-new-alert__content">
-              ${this.title&&""!==this.title?l.html` <div class="md-new-alert__title" role="heading" aria-level="1">${this.title}</div> `:a.nothing}
-              <div class="md-new-alert__message" title="${this.message}">
-                ${this.message}
-                <slot name="alert-body"></slot>
-                ${this.showMore?l.html`<md-link href=${this.href} inline>Show more...</md-link>`:a.nothing}
+                ${r}
               </div>
-            </div>
-            ${this.closable?l.html`
-                  <div class="md-new-alert__button">
-                    <md-button
-                      ariaLabel="${this.btnlabel}"
-                      hasRemoveStyle
-                      color="color-none"
-                      circle
-                      @click="${()=>this.close()}"
-                    >
-                      <md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
-                    </md-button>
-                  </div>
-                `:a.nothing}
-          </div>
-          ${this.primaryButton||this.secondaryButton||this.link?this.renderNewAlertDefaultFooter():this.renderSlottedFooter()}
-        </div>
-      `}get alertRender(){return this.newMomentum?this.newRender():this.legacyRender()}render(){return l.html` ${this.show?this.alertRender:a.nothing} `}};c([Object(l.property)({type:Boolean})],t.prototype,"closable",void 0),c([Object(l.property)({type:String})],t.prototype,"message",void 0),c([Object(l.property)({type:Boolean})],t.prototype,"show",void 0),c([Object(l.property)({type:Boolean})],t.prototype,"internalClose",void 0),c([Object(l.property)({type:String})],t.prototype,"title",void 0),c([Object(l.property)({type:String})],t.prototype,"btnlabel",void 0),c([Object(l.property)({type:String})],t.prototype,"type",void 0),c([Object(l.property)({type:Boolean})],t.prototype,"inline",void 0),c([Object(l.property)({type:Boolean})],t.prototype,"newMomentum",void 0),c([Object(l.property)({type:String})],t.prototype,"primaryButton",void 0),c([Object(l.property)({type:String})],t.prototype,"primaryButtonVariant",void 0),c([Object(l.property)({type:String})],t.prototype,"primaryButtonColor",void 0),c([Object(l.property)()],t.prototype,"primaryButtonClickFunction",void 0),c([Object(l.property)({type:String})],t.prototype,"secondaryButton",void 0),c([Object(l.property)()],t.prototype,"secondaryButtonClickFunction",void 0),c([Object(l.property)({type:Boolean})],t.prototype,"link",void 0),c([Object(l.property)({type:Boolean})],t.prototype,"showMore",void 0),c([Object(l.property)({type:String})],t.prototype,"href",void 0),c([Object(l.query)('slot[name="alert-footer"]')],t.prototype,"alertFooterSlot",void 0),c([Object(l.internalProperty)()],t.prototype,"hasFooterSlotContent",void 0),t=c([Object(i.a)("md-alert")],t),e.ELEMENT=t}(r||(r={}))}}]);
+            `: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={}))}}]);