@momentum-ui/web-components 2.6.7 → 2.7.0

package/dist/chunks/md-49.js

@@ -1,5 +1,13 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{104:function(t,e,o){"use strict";o.r(e),o.d(e,"ButtonGroup",(function(){return s}));var s,n=o(1),i=o(7),r=o(4),d=o(0),l=d.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-button-group){display:flex}:host(md-button-group) .md-button-group{align-content:flex-start;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;background:var(--button-group-bg-color,#dedede);border-radius:.25rem;font-size:12px;padding:.125rem;transition:background .2s ease}:host(md-button-group) .md-button-group:hover{background:var(--button-group-bg-color-hover,#ccc)}:host(md-button-group) .md-button-group:active{background:var(--button-group-bg-color-pressed,#b2b2b2)}:host(md-button-group) .md-button-group ::slotted(button){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background:0 0;border:0;border-radius:.25rem;color:var(--button-group-color,#545454);cursor:pointer;height:1.875rem;margin:0 .125rem;outline:0;padding:.25rem .75rem}:host(md-button-group) .md-button-group ::slotted(button):first-child{margin-left:0}:host(md-button-group) .md-button-group ::slotted(button):last-child{margin-right:0}:host(md-button-group) .md-button-group ::slotted([selected]){background:var(--button-group-bg-color-active,#fff);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18);color:var(--button-group-color-active,#121212)}:host([focus-visible]:not([disabled])) .md-button-group{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host([disabled]) .md-button-group{opacity:.5;pointer-events:none}`,c=function(t,e,o,s){var n,i=arguments.length,r=i<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,s);else for(var d=t.length-1;d>=0;d--)(n=t[d])&&(r=(i<3?n(r):i>3?n(e,o,r):n(e,o))||r);return i>3&&r&&Object.defineProperty(e,o,r),r};!function(t){let e=class extends(Object(i.e)(Object(i.a)(d.LitElement))){constructor(){super(...arguments),this.active=0,this.tabIndex=0,this._disabled=!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 slotElement(){return this.buttonSlot}static get styles(){return[r.a,l]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","group")}setButtonTabIndex(){this.slotted.forEach(t=>t.tabIndex=-1)}updated(t){super.updated(t),t.has("slotted")&&(this.setButtonTabIndex(),this.setFirstActive())}get selectedBtnValue(){return this.slotted[this.active].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("button-group-change",{detail:{selected:this.selectedBtnValue},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}setSelected(t){const e=this.findSelectedBtnIndex();-1!==e&&e!==t&&this.slotted[e].toggleAttribute("selected",!1),this.slotted[t].toggleAttribute("selected",!0)}setFirstActive(){-1===this.findSelectedBtnIndex()&&this.setSelected(this.active)}findBtnIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}findSelectedBtnIndex(){return this.slotted.findIndex(t=>t.hasAttribute("selected"))}isBtnDisabled(t){return this.slotted[t].disabled}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}switchBtnOnArrowPress(t,e=1){const o=this.getAvailableSelectedIndex(t,e);-1!==o&&(this.active=o,this.setSelected(o),this.notifySelectedChange())}getAvailableSelectedIndex(t,e=1){const o=this.slotted.length;for(let s=0,n=t;s<o;s+=1,n+=e){n<0?n=o-1:n>=o&&(n=0);const t=this.slotted[n];if(this.isFocusable(t))return n}return-1}isFocusable(t){return!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")}handleClick(t){const e=this.findBtnIndex(t);-1!==e&&(this.isBtnDisabled(e)||(this.active=e,this.setSelected(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case n.a.Enter:case n.a.Space:this.isBtnDisabled(this.active)||(this.setSelected(this.active),this.notifySelectedChange());break;case n.a.ArrowLeft:0===this.active?this.switchBtnOnArrowPress(this.slotted.length-1,-1):this.switchBtnOnArrowPress(this.active-1,-1);break;case n.a.ArrowRight:this.active===this.slotted.length-1?this.switchBtnOnArrowPress(0):this.switchBtnOnArrowPress(this.active+1)}}render(){return d.html`
-        <div role="group" class="md-button-group" part="button-group">
-          <slot name="button"></slot>
-        </div>
-      `}};c([Object(d.property)({type:Number,reflect:!0})],e.prototype,"active",void 0),c([Object(d.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),c([Object(d.query)("slot[name='button']")],e.prototype,"buttonSlot",void 0),c([Object(d.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=c([Object(i.f)("md-button-group")],e),t.ELEMENT=e}(s||(s={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{104:function(e,r,t){"use strict";t.r(r),t.d(r,"Breadcrumb",(function(){return a}));var a,n=t(4),s=t(5),o=t(0),c=o.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-breadcrumb) .md-breadcrumb ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0;padding:.5625rem .875rem .5625rem;list-style:none}:host(md-breadcrumb) .md-breadcrumb li{display:flex;text-transform:capitalize;font-size:.875rem}:host(md-breadcrumb) .md-breadcrumb li:not(:first-child)::before{display:flex;margin:0 .75rem;color:var(--breadcrumb-color-slash,#949494);content:"/"}:host(md-breadcrumb) .md-breadcrumb a{color:var(--breadcrumb-color,#00a0d1)}:host(md-breadcrumb) .md-breadcrumb a[aria-current=page]{pointer-events:none;cursor:default;color:var(--breadcrumb-color-current,#292929)}`,i=t(14),l=t(6),b=function(e,r,t,a){var n,s=arguments.length,o=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,r,t,a);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(o=(s<3?n(o):s>3?n(r,t,o):n(r,t))||o);return s>3&&o&&Object.defineProperty(r,t,o),o};!function(e){let r=class extends o.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[n.a,c]}setLastAnchorCurrent(){this.anchors&&this.anchors.length&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(e){super.firstUpdated(e),this.setLastAnchorCurrent()}update(e){super.update(e),e.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(e){const r=e.target;if(this.anchors&&this.anchors.length){const e=Array.from(this.anchors).indexOf(r);-1!==e&&(this.navCrumbs=[...this.navCrumbs.splice(0,e+1)])}}render(){return o.html`
+        <nav aria-label="${Object(l.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
+          <ul @click=${e=>this.handleClick(e)}>
+            ${Object(i.repeat)(this.navCrumbs,e=>e.link,e=>o.html`
+                <li>
+                  <a href="${e.link}">
+                    ${e.label}
+                  </a>
+                </li>
+              `)}
+          </ul>
+        </nav>
+      `}};b([Object(o.property)({type:String,attribute:"aria-label"})],r.prototype,"label",void 0),b([Object(o.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],r.prototype,"navCrumbs",void 0),b([Object(o.queryAll)("a[href]")],r.prototype,"anchors",void 0),r=b([Object(s.a)("md-breadcrumb")],r),e.ELEMENT=r}(a||(a={}))}}]);

package/dist/chunks/md-5.js

@@ -1 +1 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[5],{34:function(e,t,i){"use strict";i.d(t,"a",(function(){return r}));var s=i(1),n=i(0),o=i(16),c=i(33),a=function(e,t,i,s){var n,o=arguments.length,c=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(c=(o<3?n(c):o>3?n(t,i,c):n(t,i))||c);return o>3&&c&&Object.defineProperty(t,i,c),c},l=function(e,t,i,s){return new(i||(i=Promise))((function(n,o){function c(e){try{l(s.next(e))}catch(e){o(e)}}function a(e){try{l(s.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(c,a)}l((s=s.apply(e,t||[])).next())}))};n.LitElement;const r=e=>{if(Object(o.b)(r,e))return e;class t extends(Object(c.a)(e)){constructor(){super(...arguments),this.focusableElements=[],this.initialFocusComplete=!1,this.activeFocusTrap=!1,this.preventClickOutside=!1,this.focusTrapIndex=-1,this.preventScroll=!1,this.handleOutsideTrapClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||!this.activeFocusTrap?t&&this.activeFocusTrap&&this.initialFocusComplete&&this.handleClickInsideTrap(e):this.deactivateFocusTrap())}}updated(e){if(super.updated(e),e.has("focusTrapIndex")){const t=e.get("focusTrapIndex"),i=this.focusableElements[t];i&&(i.blur(),i.toggleAttribute("focus-visible",!1));const s=this.focusableElements[this.focusTrapIndex];s&&this.tryFocus(s)}}tryFocus(e){requestAnimationFrame(()=>l(this,void 0,void 0,(function*(){this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),void 0!==e.updateComplete&&(yield e.updateComplete),document.hasFocus()&&this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),this.initialFocusComplete||(this.initialFocusComplete=!0)})))}domRectCollection(e){return 0===e.getClientRects().length}viewportPosition(e){const{width:t,height:i}=e.getBoundingClientRect(),{offsetWidth:s,offsetHeight:n}=e;return s+n+i+t===0}isNotVisible(e){return"SLOT"!==e.tagName&&(this.viewportPosition(e)||this.domRectCollection(e))}isHidden(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&"true"===e.getAttribute("aria-hidden")||"none"===e.style.display||"0"===e.style.opacity||"hidden"===e.style.visibility||"collapse"===e.style.visibility||this.isNotVisible(e)}isDisabled(e){return e.hasAttribute("disabled")||"true"===e.getAttribute("aria-disabled")}isNotTabbable(e){return"-1"===e.getAttribute("tabindex")}isInteractiveElement(e){return e instanceof HTMLButtonElement||e instanceof HTMLDetailsElement||e instanceof HTMLEmbedElement||e instanceof HTMLIFrameElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||(!!(e instanceof HTMLAnchorElement&&e.hasAttribute("href"))||(e instanceof HTMLInputElement&&"hidden"!==e.type||(!(!(e instanceof HTMLAudioElement||e instanceof HTMLVideoElement)||!e.hasAttribute("controls"))||(!(!(e instanceof HTMLImageElement||e instanceof HTMLObjectElement)||!e.hasAttribute("usemap"))||!!(e.hasAttribute("tabindex")&&e.tabIndex>-1)))))}isFocusable(e){return!(this.isDisabled(e)||this.isHidden(e)||this.isNotTabbable(e))&&!!this.isInteractiveElement(e)}shouldSkipFocus(e){if(e.className.split(" ").indexOf("md-combobox")>-1)return!0}findFocusable(e,t){const i=Array.from(e.children);for(const e of i)if(!this.isHidden(e)){if(this.shouldSkipFocus(e))break;if(this.isFocusable(e)&&t.add(e),e.shadowRoot)this.findFocusable(e.shadowRoot,t);else if("SLOT"===e.tagName){const i=e.assignedNodes().filter(e=>e.nodeType===e.ELEMENT_NODE);if(i.length){const e=i[0].parentElement;e&&this.findFocusable(e,t)}}else this.findFocusable(e,t)}return[...t]}isEqualFocusNode(e,t){return e.nodeType>=0&&(t.isEqualNode(e)&&t==e)}findElement(e){return this.focusableElements.findIndex(t=>this.isEqualFocusNode(e,t))}focusTrap(e){const t=this.getDeepActiveElement(),i=this.findElement(t);e?-1===i&&this.focusTrapIndex-1>0?this.focusTrapIndex--:this.focusTrapIndex=i>0?i-1:this.focusableElements.length-1:-1===i&&this.focusTrapIndex+1<this.focusableElements.length?this.focusTrapIndex++:this.focusTrapIndex=i+1<this.focusableElements.length?i+1:0}hasAutofocus(e){return e.hasAttribute("autofocus")}setInitialFocus(e=0,t=!1){let i=-1;this.initialFocusComplete=!1,this.focusableElements.length&&!t&&(i=this.focusableElements.findIndex(this.hasAutofocus)),this.focusableElements.length&&-1===i&&("object"==typeof e?i=this.findElement(e):"number"==typeof e&&(i=e)),this.focusableElements[i]&&(this.focusTrapIndex=i)}setFocusableElements(){this.focusableElements=this.findFocusable(this.shadowRoot,new Set)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return l(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.setFocusableElements()}))}handleKeydownFocusTrap(e){e.code!==s.a.Tab||e.shiftKey&&e.code!==s.a.Tab||this.activeFocusTrap&&this.focusableElements.length&&(e.shiftKey?(e.preventDefault(),this.focusTrap(!0)):(e.preventDefault(),this.focusTrap(!1)))}activateFocusTrap(){this.activeFocusTrap=!0}deactivateFocusTrap(){this.activeFocusTrap=!1,this.focusTrapIndex=-1,this.removeAttribute("focus-trap-index")}handleClickInsideTrap(e){const t=e.composedPath(),i=t.findIndex(e=>-1!==this.findElement(e));if(-1!==i){const e=t[i],s=this.findElement(e);-1!==s&&(this.focusTrapIndex=s)}}manageNewElement(e){requestAnimationFrame(()=>{this.setFocusableElements();const t=this.findElement(e);-1!==t&&(this.focusTrapIndex=t)})}handleFocusVisible(e){const t=(e.detail?e.detail.sourceEvent:e).composedPath()[0];-1===(e.detail?this.findElement(t):-1)&&t!==this&&this.manageNewElement(t)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydownFocusTrap),this.addEventListener("focus-visible",this.handleFocusVisible),document.addEventListener("click",this.handleOutsideTrapClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydownFocusTrap),this.removeEventListener("focus-visible",this.handleFocusVisible),document.removeEventListener("click",this.handleOutsideTrapClick)}}return a([Object(n.internalProperty)()],t.prototype,"focusableElements",void 0),a([Object(n.internalProperty)()],t.prototype,"initialFocusComplete",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"active-focus-trap"})],t.prototype,"activeFocusTrap",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-click-outside"})],t.prototype,"preventClickOutside",void 0),a([Object(n.property)({type:Number,reflect:!0,attribute:"focus-trap-index"})],t.prototype,"focusTrapIndex",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],t.prototype,"preventScroll",void 0),Object(o.a)(r,t),t}}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[5],{34:function(e,t,s){"use strict";s.d(t,"a",(function(){return r}));var i=s(1),n=s(0),o=s(16),c=s(33),a=function(e,t,s,i){var n,o=arguments.length,c=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(c=(o<3?n(c):o>3?n(t,s,c):n(t,s))||c);return o>3&&c&&Object.defineProperty(t,s,c),c},l=function(e,t,s,i){return new(s||(s=Promise))((function(n,o){function c(e){try{l(i.next(e))}catch(e){o(e)}}function a(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof s?t:new s((function(e){e(t)}))).then(c,a)}l((i=i.apply(e,t||[])).next())}))};n.LitElement;const r=e=>{if(Object(o.b)(r,e))return e;class t extends(Object(c.a)(e)){constructor(){super(...arguments),this.focusableElements=[],this.initialFocusComplete=!1,this.activeFocusTrap=!1,this.preventClickOutside=!1,this.focusTrapIndex=-1,this.preventScroll=!1,this.handleOutsideTrapClick=e=>{let t=!1;const s=e.composedPath();s.length&&(t=!!s.find(e=>e===this),t||this.preventClickOutside||!this.activeFocusTrap?t&&this.activeFocusTrap&&this.initialFocusComplete&&this.handleClickInsideTrap(e):this.deactivateFocusTrap())}}updated(e){if(super.updated(e),e.has("focusTrapIndex")){const t=e.get("focusTrapIndex"),s=this.focusableElements[t];s&&(s.blur(),s.toggleAttribute("focus-visible",!1));const i=this.focusableElements[this.focusTrapIndex];i&&this.tryFocus(i)}}tryFocus(e){requestAnimationFrame(()=>l(this,void 0,void 0,(function*(){this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),void 0!==e.updateComplete&&(yield e.updateComplete),document.hasFocus()&&this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),this.initialFocusComplete||(this.initialFocusComplete=!0)})))}domRectCollection(e){return 0===e.getClientRects().length}viewportPosition(e){const{width:t,height:s}=e.getBoundingClientRect(),{offsetWidth:i,offsetHeight:n}=e;return i+n+s+t===0}isNotVisible(e){return"SLOT"!==e.tagName&&(this.viewportPosition(e)||this.domRectCollection(e))}isHidden(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&"true"===e.getAttribute("aria-hidden")||"none"===e.style.display||"0"===e.style.opacity||"hidden"===e.style.visibility||"collapse"===e.style.visibility||this.isNotVisible(e)}isDisabled(e){return e.hasAttribute("disabled")||"true"===e.getAttribute("aria-disabled")}isNotTabbable(e){return"-1"===e.getAttribute("tabindex")}isInteractiveElement(e){return e instanceof HTMLButtonElement||e instanceof HTMLDetailsElement||e instanceof HTMLEmbedElement||e instanceof HTMLIFrameElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||(!!(e instanceof HTMLAnchorElement&&e.hasAttribute("href"))||(e instanceof HTMLInputElement&&"hidden"!==e.type||(!(!(e instanceof HTMLAudioElement||e instanceof HTMLVideoElement)||!e.hasAttribute("controls"))||(!(!(e instanceof HTMLImageElement||e instanceof HTMLObjectElement)||!e.hasAttribute("usemap"))||!!(e.hasAttribute("tabindex")&&e.tabIndex>-1)))))}isFocusable(e){return!(this.isDisabled(e)||this.isHidden(e)||this.isNotTabbable(e))&&!!this.isInteractiveElement(e)}shouldSkipFocus(e){return!!(e.className&&e.className.split&&e.className.split(" ").indexOf("md-combobox")>-1)}findFocusable(e,t){const s=Array.from(e.children);for(const e of s)if(!this.isHidden(e)){if(this.shouldSkipFocus(e))break;if(this.isFocusable(e)&&t.add(e),e.shadowRoot)this.findFocusable(e.shadowRoot,t);else if("SLOT"===e.tagName){const s=e.assignedNodes().filter(e=>e.nodeType===e.ELEMENT_NODE);if(s.length){const e=s[0].parentElement;e&&this.findFocusable(e,t)}}else this.findFocusable(e,t)}return[...t]}isEqualFocusNode(e,t){return e.nodeType>=0&&(t.isEqualNode(e)&&t==e)}findElement(e){return this.focusableElements.findIndex(t=>this.isEqualFocusNode(e,t))}focusTrap(e){const t=this.getDeepActiveElement(),s=this.findElement(t);e?-1===s&&this.focusTrapIndex-1>0?this.focusTrapIndex--:this.focusTrapIndex=s>0?s-1:this.focusableElements.length-1:-1===s&&this.focusTrapIndex+1<this.focusableElements.length?this.focusTrapIndex++:this.focusTrapIndex=s+1<this.focusableElements.length?s+1:0}hasAutofocus(e){return e.hasAttribute("autofocus")}setInitialFocus(e=0,t=!1){let s=-1;this.initialFocusComplete=!1,this.focusableElements.length&&!t&&(s=this.focusableElements.findIndex(this.hasAutofocus)),this.focusableElements.length&&-1===s&&("object"==typeof e?s=this.findElement(e):"number"==typeof e&&(s=e)),this.focusableElements[s]&&(this.focusTrapIndex=s)}setFocusableElements(){this.focusableElements=this.findFocusable(this.shadowRoot,new Set)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return l(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.setFocusableElements()}))}handleKeydownFocusTrap(e){e.code!==i.a.Tab||e.shiftKey&&e.code!==i.a.Tab||this.activeFocusTrap&&this.focusableElements.length&&(e.shiftKey?(e.preventDefault(),this.focusTrap(!0)):(e.preventDefault(),this.focusTrap(!1)))}activateFocusTrap(){this.activeFocusTrap=!0}deactivateFocusTrap(){this.activeFocusTrap=!1,this.focusTrapIndex=-1,this.removeAttribute("focus-trap-index")}handleClickInsideTrap(e){const t=e.composedPath(),s=t.findIndex(e=>-1!==this.findElement(e));if(-1!==s){const e=t[s],i=this.findElement(e);-1!==i&&(this.focusTrapIndex=i)}}manageNewElement(e){requestAnimationFrame(()=>{this.setFocusableElements();const t=this.findElement(e);-1!==t&&(this.focusTrapIndex=t)})}handleFocusVisible(e){const t=(e.detail?e.detail.sourceEvent:e).composedPath()[0];-1===(e.detail?this.findElement(t):-1)&&t!==this&&this.manageNewElement(t)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydownFocusTrap),this.addEventListener("focus-visible",this.handleFocusVisible);const e=this;document.addEventListener("on-component-update",()=>{setTimeout(()=>{e.setFocusableElements()},10)}),document.addEventListener("click",this.handleOutsideTrapClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydownFocusTrap),this.removeEventListener("focus-visible",this.handleFocusVisible),document.removeEventListener("click",this.handleOutsideTrapClick)}}return a([Object(n.internalProperty)()],t.prototype,"focusableElements",void 0),a([Object(n.internalProperty)()],t.prototype,"initialFocusComplete",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"active-focus-trap"})],t.prototype,"activeFocusTrap",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-click-outside"})],t.prototype,"preventClickOutside",void 0),a([Object(n.property)({type:Number,reflect:!0,attribute:"focus-trap-index"})],t.prototype,"focusTrapIndex",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],t.prototype,"preventScroll",void 0),Object(o.a)(r,t),t}}}]);

package/dist/chunks/md-50.js

@@ -1,68 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[50],{105:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));var r,a=d(4),o=d(5),i=d(0),n=i.css`:host(md-card){display:inline-block}:host(md-card) .md-card{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-tertiary-white-bg-color);border:var(--md-quaternary-bg-color);border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16);color:var(--md-secondary-text-color);cursor:pointer;max-width:26.5rem;padding:calc(.5rem * 2);position:relative;width:100%}:host(md-card) .md-card-header{align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;flex:1 0 100%;margin-bottom:.5rem}:host(md-card) .md-card-header md-favorite{padding-top:calc(.5rem * .5)}:host(md-card) .md-card-header-title{display:flex;flex:1 1 100%;flex-direction:column;margin:0 .5rem}:host(md-card) .md-card-header-title h1{color:var(--md-primary-text-color);font-family:CiscoSans-Medium,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:calc(.5rem * 3);margin:0}:host(md-card) .md-card-header-title h2{color:var(--md-secondary-text-color);font-size:12px;line-height:calc(.5rem * 2.25)}:host(md-card) .md-card-header-actions{align-self:stretch;display:inline-flex;position:relative;z-index:1}:host(md-card) .md-card-header-actions .md-card-info-icon,:host(md-card) .md-card-header-actions .md-card-max-icon{padding-right:.5rem}:host(md-card) .md-card-header-actions md-menu-overlay::part(overlay-content){max-width:9rem}:host(md-card) .md-card .md-card-menu-icon{border-radius:calc(.5rem / 2);display:inline-flex}:host(md-card) .md-card .md-card-menu-icon::part(button){padding:calc(.5rem * .25)}:host(md-card) .md-card .md-card-menu-icon:hover{background-color:var(--md-tertiary-bg-color)}:host(md-card) .md-card .md-card-menu-icon:active{background-color:var(--md-quaternary-bg-color)}:host(md-card) .md-card .md-card-menu-list-items{padding:calc(.5rem * .25)}:host(md-card) .md-card-content{background:var(--md-secondary-bg-color);border:var(--md-quaternary-bg-color);border-radius:calc(.5rem / 2);height:14rem;margin-bottom:calc(.5rem * 2);overflow:hidden}:host(md-card) .md-card.full-screen{display:inline-block;height:100%!important;left:0;max-width:100%;position:absolute;top:0;width:100%}:host(md-card) .md-card.full-screen .md-card-content{height:auto}:host(md-card) .md-card-footer{display:flex;flex-wrap:wrap;gap:.5rem}`,c=(d(15),d(17),d(66),d(67),d(75),d(1)),s=d(14),m=d(2),l=function(e,t,d,r){var a,o=arguments.length,i=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,d,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(i=(o<3?a(i):o>3?a(t,d,i):a(t,d))||i);return o>3&&i&&Object.defineProperty(t,d,i),i};!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.title="title",this.subtitle="",this.id="",this.info="",this.infoAriaLabel="Card Info",this.menuAriaLabel="Card Menu",this.menuOptions=[]}static get styles(){return[a.a,n]}handleCardClick(e){this.dispatchEvent(new CustomEvent("card-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardKeyDown(e){e.code!==c.a.Enter&&e.code!==c.a.Space||this.dispatchEvent(new CustomEvent("card-keydown",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardMenuEvent(e,t){e.stopPropagation();const d=t.toLowerCase();this.dispatchEvent(new CustomEvent("card-menu-click",{detail:{id:this.id,type:d},bubbles:!0,composed:!0}))}handleCardMenuKeyDown(e,t){e.preventDefault(),this.dispatchEvent(new CustomEvent("card-menu-keydown",{detail:{id:this.id,type:t.toLowerCase()},bubbles:!0,composed:!0}))}render(){return i.html`
-        <div
-          class="md-card"
-          id="${this.id}"
-          part="card"
-          tabindex="0"
-          @click=${e=>this.handleCardClick(e)}
-          @keydown=${e=>this.handleCardKeyDown(e)}
-        >
-          <div class="md-card-header">
-            <slot name="card-header-aside">
-              <md-favorite value="${"card-"+this.id}"></md-favorite>
-            </slot>
-            <div class="md-card-header-title">
-              <slot name="card-header-title">
-                <h1>${this.title}</h1>
-                <h2>${this.subtitle}</h2>
-              </slot>
-            </div>
-            <div class="md-card-header-actions">
-              ${this.info?i.html`
-                    <md-tooltip message="${this.info}" placement="bottom">
-                      <md-button
-                        ariaLabel="${this.infoAriaLabel}"
-                        class="md-card-info-icon"
-                        color="color-none"
-                        size="size-none"
-                      >
-                        <md-icon slot="icon" name="info_16"></md-icon>
-                      </md-button>
-                    </md-tooltip>
-                  `:m.nothing}
-              ${this.menuOptions.length?i.html`
-                    <md-menu-overlay class="md-card-menu" placement="bottom-start">
-                      <md-button
-                        ariaLabel="${this.menuAriaLabel}"
-                        class="md-card-menu-icon"
-                        color="color-none"
-                        size="size-none"
-                        slot="menu-trigger"
-                      >
-                        <md-icon slot="icon" name="more-adr_16"></md-icon>
-                      </md-button>
-                      <div class="md-card-menu-list-items" style="width: 100%;">
-                        <md-list>
-                          ${Object(s.repeat)(this.menuOptions,(e,t)=>i.html`
-                                <md-list-item
-                                  class="${"menu-item-"+t}"
-                                  slot="list-item"
-                                  @click=${t=>this.handleCardMenuEvent(t,e)}
-                                  @keydown=${t=>this.handleCardMenuKeyDown(t,e)}
-                                  >${e}</md-list-item
-                                >
-                              `)}
-                        </md-list>
-                      </div>
-                    </md-menu-overlay>
-                  `:m.nothing}
-            </div>
-          </div>
-          <div class="md-card-content">
-            <slot name="content"></slot>
-          </div>
-          <div class="md-card-footer">
-            <slot name="footer"> </slot>
-          </div>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[50],{105:function(t,e,o){"use strict";o.r(e),o.d(e,"ButtonGroup",(function(){return s}));var s,n=o(1),i=o(7),r=o(4),d=o(0),l=d.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-button-group){display:flex}:host(md-button-group) .md-button-group{align-content:flex-start;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;background:var(--button-group-bg-color,#dedede);border-radius:.25rem;font-size:12px;padding:.125rem;transition:background .2s ease}:host(md-button-group) .md-button-group:hover{background:var(--button-group-bg-color-hover,#ccc)}:host(md-button-group) .md-button-group:active{background:var(--button-group-bg-color-pressed,#b2b2b2)}:host(md-button-group) .md-button-group ::slotted(button){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background:0 0;border:0;border-radius:.25rem;color:var(--button-group-color,#545454);cursor:pointer;height:1.875rem;margin:0 .125rem;outline:0;padding:.25rem .75rem}:host(md-button-group) .md-button-group ::slotted(button):first-child{margin-left:0}:host(md-button-group) .md-button-group ::slotted(button):last-child{margin-right:0}:host(md-button-group) .md-button-group ::slotted([selected]){background:var(--button-group-bg-color-active,#fff);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18);color:var(--button-group-color-active,#121212)}:host([focus-visible]:not([disabled])) .md-button-group{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host([disabled]) .md-button-group{opacity:.5;pointer-events:none}`,c=function(t,e,o,s){var n,i=arguments.length,r=i<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,s);else for(var d=t.length-1;d>=0;d--)(n=t[d])&&(r=(i<3?n(r):i>3?n(e,o,r):n(e,o))||r);return i>3&&r&&Object.defineProperty(e,o,r),r};!function(t){let e=class extends(Object(i.e)(Object(i.a)(d.LitElement))){constructor(){super(...arguments),this.active=0,this.tabIndex=0,this._disabled=!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 slotElement(){return this.buttonSlot}static get styles(){return[r.a,l]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","group")}setButtonTabIndex(){this.slotted.forEach(t=>t.tabIndex=-1)}updated(t){super.updated(t),t.has("slotted")&&(this.setButtonTabIndex(),this.setFirstActive())}get selectedBtnValue(){return this.slotted[this.active].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("button-group-change",{detail:{selected:this.selectedBtnValue},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}setSelected(t){const e=this.findSelectedBtnIndex();-1!==e&&e!==t&&this.slotted[e].toggleAttribute("selected",!1),this.slotted[t].toggleAttribute("selected",!0)}setFirstActive(){-1===this.findSelectedBtnIndex()&&this.setSelected(this.active)}findBtnIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}findSelectedBtnIndex(){return this.slotted.findIndex(t=>t.hasAttribute("selected"))}isBtnDisabled(t){return this.slotted[t].disabled}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}switchBtnOnArrowPress(t,e=1){const o=this.getAvailableSelectedIndex(t,e);-1!==o&&(this.active=o,this.setSelected(o),this.notifySelectedChange())}getAvailableSelectedIndex(t,e=1){const o=this.slotted.length;for(let s=0,n=t;s<o;s+=1,n+=e){n<0?n=o-1:n>=o&&(n=0);const t=this.slotted[n];if(this.isFocusable(t))return n}return-1}isFocusable(t){return!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")}handleClick(t){const e=this.findBtnIndex(t);-1!==e&&(this.isBtnDisabled(e)||(this.active=e,this.setSelected(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case n.a.Enter:case n.a.Space:this.isBtnDisabled(this.active)||(this.setSelected(this.active),this.notifySelectedChange());break;case n.a.ArrowLeft:0===this.active?this.switchBtnOnArrowPress(this.slotted.length-1,-1):this.switchBtnOnArrowPress(this.active-1,-1);break;case n.a.ArrowRight:this.active===this.slotted.length-1?this.switchBtnOnArrowPress(0):this.switchBtnOnArrowPress(this.active+1)}}render(){return d.html`
+        <div role="group" class="md-button-group" part="button-group">
+          <slot name="button"></slot>
         </div>
-      `}};l([Object(i.property)({type:String})],t.prototype,"title",void 0),l([Object(i.property)({type:String})],t.prototype,"subtitle",void 0),l([Object(i.property)({type:String})],t.prototype,"id",void 0),l([Object(i.property)({type:String})],t.prototype,"info",void 0),l([Object(i.property)({type:String,attribute:"info-aria-label"})],t.prototype,"infoAriaLabel",void 0),l([Object(i.property)({type:String,attribute:"menu-aria-label"})],t.prototype,"menuAriaLabel",void 0),l([Object(i.property)({type:Array})],t.prototype,"menuOptions",void 0),t=l([Object(o.a)("md-card")],t),e.ELEMENT=t}(r||(r={}))}}]);
+      `}};c([Object(d.property)({type:Number,reflect:!0})],e.prototype,"active",void 0),c([Object(d.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),c([Object(d.query)("slot[name='button']")],e.prototype,"buttonSlot",void 0),c([Object(d.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=c([Object(i.f)("md-button-group")],e),t.ELEMENT=e}(s||(s={}))}}]);

package/dist/chunks/md-51.js

@@ -1,24 +1,68 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{106:function(e,t,s){"use strict";s.r(t),s.d(t,"ChatMessage",(function(){return a}));var a,i=s(4),o=s(5),c=s(0),l=c.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-chat-message) .md-chat-message{color:var(--chat-message-color,#1c1c1c);display:flex;font-size:.875rem;line-height:1.375rem;margin:.75rem 0}:host(md-chat-message) .md-chat-message_content{display:flex;flex-direction:column;padding-left:.75rem}:host(md-chat-message) .md-chat-message_heading{color:var(--chat-message-color-heading,#3b3b3b);display:flex;flex:0 1 auto;font-size:.75rem;line-height:.75rem;margin-bottom:calc(.75rem * .5)}:host(md-chat-message) .md-chat-message_title{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;flex:0 1 auto}:host(md-chat-message) .md-chat-message_title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100%);display:block}:host(md-chat-message) .md-chat-message_time{margin-left:calc(.75rem * 1.5)}`,r=(s(43),s(6)),n=function(e,t,s,a){var i,o=arguments.length,c=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(c=(o<3?i(c):o>3?i(t,s,c):i(t,s))||c);return o>3&&c&&Object.defineProperty(t,s,c),c};!function(e){let t=class extends c.LitElement{constructor(){super(...arguments),this.title="",this.src="",this.time="",this.label="Avatar",this.self=!1}static get styles(){return[i.a,l]}render(){return c.html`
-        <div class="md-chat-message">
-          <md-avatar
-            type=${Object(r.ifDefined)(this.self?"self":void 0)}
-            title=${this.self?"self":this.title}
-            label="${this.label}"
-            src=${Object(r.ifDefined)(this.self?void 0:this.src)}
-          ></md-avatar>
-
-          <div class="md-chat-message_content">
-            <div class="md-chat-message_heading">
-              <div class="md-chat-message_title">
-                <span>${this.self?"You":this.title}</span>
-              </div>
-              <div class="md-chat-message_time">
-                ${this.time}
-              </div>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{106:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));var r,a=d(4),o=d(5),i=d(0),n=i.css`:host(md-card){display:inline-block}:host(md-card) .md-card{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-tertiary-white-bg-color);border:var(--md-quaternary-bg-color);border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16);color:var(--md-secondary-text-color);cursor:pointer;max-width:26.5rem;padding:calc(.5rem * 2);position:relative;width:100%}:host(md-card) .md-card-header{align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;flex:1 0 100%;margin-bottom:.5rem}:host(md-card) .md-card-header md-favorite{padding-top:calc(.5rem * .5)}:host(md-card) .md-card-header-title{display:flex;flex:1 1 100%;flex-direction:column;margin:0 .5rem}:host(md-card) .md-card-header-title h1{color:var(--md-primary-text-color);font-family:CiscoSans-Medium,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:calc(.5rem * 3);margin:0}:host(md-card) .md-card-header-title h2{color:var(--md-secondary-text-color);font-size:12px;line-height:calc(.5rem * 2.25)}:host(md-card) .md-card-header-actions{align-self:stretch;display:inline-flex;position:relative;z-index:1}:host(md-card) .md-card-header-actions .md-card-info-icon,:host(md-card) .md-card-header-actions .md-card-max-icon{padding-right:.5rem}:host(md-card) .md-card-header-actions md-menu-overlay::part(overlay-content){max-width:9rem}:host(md-card) .md-card .md-card-menu-icon{border-radius:calc(.5rem / 2);display:inline-flex}:host(md-card) .md-card .md-card-menu-icon::part(button){padding:calc(.5rem * .25)}:host(md-card) .md-card .md-card-menu-icon:hover{background-color:var(--md-tertiary-bg-color)}:host(md-card) .md-card .md-card-menu-icon:active{background-color:var(--md-quaternary-bg-color)}:host(md-card) .md-card .md-card-menu-list-items{padding:calc(.5rem * .25)}:host(md-card) .md-card-content{background:var(--md-secondary-bg-color);border:var(--md-quaternary-bg-color);border-radius:calc(.5rem / 2);height:14rem;margin-bottom:calc(.5rem * 2);overflow:hidden}:host(md-card) .md-card.full-screen{display:inline-block;height:100%!important;left:0;max-width:100%;position:absolute;top:0;width:100%}:host(md-card) .md-card.full-screen .md-card-content{height:auto}:host(md-card) .md-card-footer{display:flex;flex-wrap:wrap;gap:.5rem}`,c=(d(15),d(17),d(66),d(67),d(75),d(1)),s=d(14),m=d(2),l=function(e,t,d,r){var a,o=arguments.length,i=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,d,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(i=(o<3?a(i):o>3?a(t,d,i):a(t,d))||i);return o>3&&i&&Object.defineProperty(t,d,i),i};!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.title="title",this.subtitle="",this.id="",this.info="",this.infoAriaLabel="Card Info",this.menuAriaLabel="Card Menu",this.menuOptions=[]}static get styles(){return[a.a,n]}handleCardClick(e){this.dispatchEvent(new CustomEvent("card-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardKeyDown(e){e.code!==c.a.Enter&&e.code!==c.a.Space||this.dispatchEvent(new CustomEvent("card-keydown",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardMenuEvent(e,t){e.stopPropagation();const d=t.toLowerCase();this.dispatchEvent(new CustomEvent("card-menu-click",{detail:{id:this.id,type:d},bubbles:!0,composed:!0}))}handleCardMenuKeyDown(e,t){e.preventDefault(),this.dispatchEvent(new CustomEvent("card-menu-keydown",{detail:{id:this.id,type:t.toLowerCase()},bubbles:!0,composed:!0}))}render(){return i.html`
+        <div
+          class="md-card"
+          id="${this.id}"
+          part="card"
+          tabindex="0"
+          @click=${e=>this.handleCardClick(e)}
+          @keydown=${e=>this.handleCardKeyDown(e)}
+        >
+          <div class="md-card-header">
+            <slot name="card-header-aside">
+              <md-favorite value="${"card-"+this.id}"></md-favorite>
+            </slot>
+            <div class="md-card-header-title">
+              <slot name="card-header-title">
+                <h1>${this.title}</h1>
+                <h2>${this.subtitle}</h2>
+              </slot>
             </div>
-            <div class="md-chat-message_text">
-              <slot name="message"></slot>
+            <div class="md-card-header-actions">
+              ${this.info?i.html`
+                    <md-tooltip message="${this.info}" placement="bottom">
+                      <md-button
+                        ariaLabel="${this.infoAriaLabel}"
+                        class="md-card-info-icon"
+                        color="color-none"
+                        size="size-none"
+                      >
+                        <md-icon slot="icon" name="info_16"></md-icon>
+                      </md-button>
+                    </md-tooltip>
+                  `:m.nothing}
+              ${this.menuOptions.length?i.html`
+                    <md-menu-overlay class="md-card-menu" placement="bottom-start">
+                      <md-button
+                        ariaLabel="${this.menuAriaLabel}"
+                        class="md-card-menu-icon"
+                        color="color-none"
+                        size="size-none"
+                        slot="menu-trigger"
+                      >
+                        <md-icon slot="icon" name="more-adr_16"></md-icon>
+                      </md-button>
+                      <div class="md-card-menu-list-items" style="width: 100%;">
+                        <md-list>
+                          ${Object(s.repeat)(this.menuOptions,(e,t)=>i.html`
+                                <md-list-item
+                                  class="${"menu-item-"+t}"
+                                  slot="list-item"
+                                  @click=${t=>this.handleCardMenuEvent(t,e)}
+                                  @keydown=${t=>this.handleCardMenuKeyDown(t,e)}
+                                  >${e}</md-list-item
+                                >
+                              `)}
+                        </md-list>
+                      </div>
+                    </md-menu-overlay>
+                  `:m.nothing}
             </div>
           </div>
+          <div class="md-card-content">
+            <slot name="content"></slot>
+          </div>
+          <div class="md-card-footer">
+            <slot name="footer"> </slot>
+          </div>
         </div>
-      `}};n([Object(c.property)({type:String})],t.prototype,"title",void 0),n([Object(c.property)({type:String})],t.prototype,"src",void 0),n([Object(c.property)({type:String})],t.prototype,"time",void 0),n([Object(c.property)({type:String})],t.prototype,"label",void 0),n([Object(c.property)({type:Boolean})],t.prototype,"self",void 0),t=n([Object(o.a)("md-chat-message")],t),e.ELEMENT=t}(a||(a={}))}}]);
+      `}};l([Object(i.property)({type:String})],t.prototype,"title",void 0),l([Object(i.property)({type:String})],t.prototype,"subtitle",void 0),l([Object(i.property)({type:String})],t.prototype,"id",void 0),l([Object(i.property)({type:String})],t.prototype,"info",void 0),l([Object(i.property)({type:String,attribute:"info-aria-label"})],t.prototype,"infoAriaLabel",void 0),l([Object(i.property)({type:String,attribute:"menu-aria-label"})],t.prototype,"menuAriaLabel",void 0),l([Object(i.property)({type:Array})],t.prototype,"menuOptions",void 0),t=l([Object(o.a)("md-card")],t),e.ELEMENT=t}(r||(r={}))}}]);

package/dist/chunks/md-52.js

@@ -1,14 +1,24 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{85:function(e,t,i){"use strict";i.r(t),i.d(t,"Checkbox",(function(){return s}));var s,c=i(1),n=i(7),a=i(4),d=i(5),o=i(0),r=i(58),h=function(e,t,i,s){var c,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var d=e.length-1;d>=0;d--)(c=e[d])&&(a=(n<3?c(a):n>3?c(t,i,a):c(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends(Object(n.a)(o.LitElement)){constructor(){super(...arguments),this.autofocus=!1,this._checked=!1,this._indeterminate=!1,this._disabled=!1,this.label="",this.tabIndex=0}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this.indeterminate||this.setAttribute("aria-checked",""+e),this.requestUpdate("checked",t)}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,this.setAttribute("aria-checked","mixed"),this.requestUpdate("indeterminate",t)}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)}static get styles(){return[a.a,r.a]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(e){this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e))}handleKeyDown(e){const{code:t}=e;t!==c.a.Space&&t!==c.a.Enter||(e.preventDefault(),this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e)))}handleChange(e){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e}}))}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","checkbox"),this.label&&this.setAttribute("aria-label",this.label)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}update(e){super.update(e),e.has("indeterminate")&&(this.checked=!1)}updated(e){super.updated(e),e.has("indeterminate")&&(this.input.indeterminate=this.indeterminate)}render(){return o.html`
-        <input
-          class="checkbox-input"
-          type="checkbox"
-          part="checkbox-input"
-          ?checked=${this.checked}
-          ?disabled=${this.disabled}
-          ?autofocus=${this.autofocus}
-          aria-hidden="true"
-        />
-        <label part="checkbox-label" class="checkbox-label">
-          <slot></slot>
-        </label>
-      `}};h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"checked",null),h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"indeterminate",null),h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),h([Object(o.property)({type:String})],t.prototype,"label",void 0),h([Object(o.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),h([Object(o.query)(".checkbox-input")],t.prototype,"input",void 0),t=h([Object(d.a)("md-checkbox")],t),e.ELEMENT=t}(s||(s={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{107:function(e,t,s){"use strict";s.r(t),s.d(t,"ChatMessage",(function(){return a}));var a,i=s(4),o=s(5),c=s(0),l=c.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-chat-message) .md-chat-message{color:var(--chat-message-color,#1c1c1c);display:flex;font-size:.875rem;line-height:1.375rem;margin:.75rem 0}:host(md-chat-message) .md-chat-message_content{display:flex;flex-direction:column;padding-left:.75rem}:host(md-chat-message) .md-chat-message_heading{color:var(--chat-message-color-heading,#3b3b3b);display:flex;flex:0 1 auto;font-size:.75rem;line-height:.75rem;margin-bottom:calc(.75rem * .5)}:host(md-chat-message) .md-chat-message_title{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;flex:0 1 auto}:host(md-chat-message) .md-chat-message_title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100%);display:block}:host(md-chat-message) .md-chat-message_time{margin-left:calc(.75rem * 1.5)}`,r=(s(43),s(6)),n=function(e,t,s,a){var i,o=arguments.length,c=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(c=(o<3?i(c):o>3?i(t,s,c):i(t,s))||c);return o>3&&c&&Object.defineProperty(t,s,c),c};!function(e){let t=class extends c.LitElement{constructor(){super(...arguments),this.title="",this.src="",this.time="",this.label="Avatar",this.self=!1}static get styles(){return[i.a,l]}render(){return c.html`
+        <div class="md-chat-message">
+          <md-avatar
+            type=${Object(r.ifDefined)(this.self?"self":void 0)}
+            title=${this.self?"self":this.title}
+            label="${this.label}"
+            src=${Object(r.ifDefined)(this.self?void 0:this.src)}
+          ></md-avatar>
+
+          <div class="md-chat-message_content">
+            <div class="md-chat-message_heading">
+              <div class="md-chat-message_title">
+                <span>${this.self?"You":this.title}</span>
+              </div>
+              <div class="md-chat-message_time">
+                ${this.time}
+              </div>
+            </div>
+            <div class="md-chat-message_text">
+              <slot name="message"></slot>
+            </div>
+          </div>
+        </div>
+      `}};n([Object(c.property)({type:String})],t.prototype,"title",void 0),n([Object(c.property)({type:String})],t.prototype,"src",void 0),n([Object(c.property)({type:String})],t.prototype,"time",void 0),n([Object(c.property)({type:String})],t.prototype,"label",void 0),n([Object(c.property)({type:Boolean})],t.prototype,"self",void 0),t=n([Object(o.a)("md-chat-message")],t),e.ELEMENT=t}(a||(a={}))}}]);

package/dist/chunks/md-53.js

@@ -1,5 +1,14 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{86:function(e,t,o){"use strict";o.r(t),o.d(t,"CheckboxGroup",(function(){return r}));var r,c=o(1),s=o(7),n=o(4),l=o(5),i=o(0),a=o(58),h=function(e,t,o,r){var c,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(n=(s<3?c(n):s>3?c(t,o,n):c(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends(Object(s.d)(i.LitElement)){constructor(){super(...arguments),this.label="group",this.alignment="vertical"}static get styles(){return[n.a,a.a]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}switchCheckboxOnArrowPress(e,t=1){const o=super.getAvailableSelectedIndex(e,t);-1!==o&&(this.selected=o)}handleKeyDown(e){const{code:t}=e;switch(t){case c.a.ArrowUp:case c.a.ArrowLeft:0===this.selected?this.switchCheckboxOnArrowPress(this.slotted.length-1,-1):this.switchCheckboxOnArrowPress(this.selected-1,-1);break;case c.a.ArrowDown:case c.a.ArrowRight:this.selected===this.slotted.length-1?this.switchCheckboxOnArrowPress(0):this.switchCheckboxOnArrowPress(this.selected+1)}}get slotElement(){return this.checkboxSlot}render(){return i.html`
-        <div role="group" aria-labelledby="id-group-label">
-          <slot name="checkbox"></slot>
-        </div>
-      `}};h([Object(i.property)({type:String,attribute:"group-label"})],t.prototype,"label",void 0),h([Object(i.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),h([Object(i.query)("slot[name='checkbox']")],t.prototype,"checkboxSlot",void 0),t=h([Object(l.a)("md-checkboxgroup")],t),e.ELEMENT=t}(r||(r={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{85:function(e,t,i){"use strict";i.r(t),i.d(t,"Checkbox",(function(){return s}));var s,c=i(1),n=i(7),a=i(4),d=i(5),o=i(0),r=i(58),h=function(e,t,i,s){var c,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var d=e.length-1;d>=0;d--)(c=e[d])&&(a=(n<3?c(a):n>3?c(t,i,a):c(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends(Object(n.a)(o.LitElement)){constructor(){super(...arguments),this.autofocus=!1,this._checked=!1,this._indeterminate=!1,this._disabled=!1,this.label="",this.tabIndex=0}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this.indeterminate||this.setAttribute("aria-checked",""+e),this.requestUpdate("checked",t)}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,this.setAttribute("aria-checked","mixed"),this.requestUpdate("indeterminate",t)}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)}static get styles(){return[a.a,r.a]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(e){this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e))}handleKeyDown(e){const{code:t}=e;t!==c.a.Space&&t!==c.a.Enter||(e.preventDefault(),this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e)))}handleChange(e){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e}}))}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","checkbox"),this.label&&this.setAttribute("aria-label",this.label)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}update(e){super.update(e),e.has("indeterminate")&&(this.checked=!1)}updated(e){super.updated(e),e.has("indeterminate")&&(this.input.indeterminate=this.indeterminate)}render(){return o.html`
+        <input
+          class="checkbox-input"
+          type="checkbox"
+          part="checkbox-input"
+          ?checked=${this.checked}
+          ?disabled=${this.disabled}
+          ?autofocus=${this.autofocus}
+          aria-hidden="true"
+        />
+        <label part="checkbox-label" class="checkbox-label">
+          <slot></slot>
+        </label>
+      `}};h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"checked",null),h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"indeterminate",null),h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),h([Object(o.property)({type:String})],t.prototype,"label",void 0),h([Object(o.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),h([Object(o.query)(".checkbox-input")],t.prototype,"input",void 0),t=h([Object(d.a)("md-checkbox")],t),e.ELEMENT=t}(s||(s={}))}}]);

package/dist/chunks/md-54.js

@@ -1,39 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[54],{107:function(o,e,r){"use strict";r.r(e),r.d(e,"Chip",(function(){return c}));var c,a=r(1),t=r(4),l=r(5),d=r(0),i=r(2),g=r(3),b=(r(15),r(76),r(68),d.css`:focus{outline:0}.md-chip{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;padding:.25rem 1rem;font-size:.75rem}.md-chip--small{padding:.1875rem .75rem;font-size:.75rem;height:1.5rem;min-width:auto}.md-chip:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#005e7d)}.md-chip:hover{background-color:var(--md-tertiary-bg-color,#ededed)}.md-chip:active,.md-chip[aria-selected=true]{background-color:var(--md-quaternary-bg-color,#dedede)}.md-chip--blue,.md-chip--cobalt{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--gray{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--mint{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--green{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:hover{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:active{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--red{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:hover{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:active{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--orange{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--gold{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--lime{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--pink{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--purple{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--violet{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip .md-chip--clear{height:.875rem;right:.75rem;top:.75rem;width:.875rem;display:flow-root;margin-left:.625rem;margin-right:0}.md-chip .md-chip--clear::before{font-size:.875rem}.md-chip .md-chip--loading{left:0;overflow:hidden;position:absolute;top:-.125rem;width:100%}.md-chip .md-chip--textcontent{max-width:9.375rem}.md-chip md-icon{display:flex;margin-right:.625rem}.md-chip.md-chip--disabled{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;color:var(--md-disabled-text-color,#b2b2b2);cursor:default}.md-chip.md-chip--disabled md-icon{color:var(--md-disabled-text-color,#b2b2b2)}::slotted(*){line-height:normal}::slotted([slot=custom-left-content]){margin-right:.625rem}::slotted([slot=custom-right-content]){margin-left:.625rem}`),n=function(o,e,r,c){var a,t=arguments.length,l=t<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,r):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,c);else for(var d=o.length-1;d>=0;d--)(a=o[d])&&(l=(t<3?a(l):t>3?a(e,r,l):a(e,r))||l);return t>3&&l&&Object.defineProperty(e,r,l),l};!function(o){let e=class extends d.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=o=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:o}}))},this.handleClear=o=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:o}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:i.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:i.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:i.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?d.html`
-          <style>
-            :host .md-chip {
-              ${this.renderBgColor()};
-              ${this.renderTextColor()};
-              ${this.renderHeight()};
-            }
-          </style>
-        `:i.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}updated(o){super.updated(o),this.truncStringPortion(this.value)}truncStringPortion(o,e=this.PRE_TRUNC_CHARS,r=this.POST_TRUNC_CHARS,c=this.DOT_COUNT){if(this.value.length>this.MAX_LENGTH){let a="";a+=o.substring(0,e),a+=".".repeat(c),a+=o.substring(o.length-r,o.length),this.renderedText=a,this.textOverflow=!0}else this.renderedText=this.value}handleClick(o){this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(o){switch(o.code){case a.a.Space:case a.a.Enter:this.handleSelect(),this.handleClick(o)}}static get styles(){return[t.a,b]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?d.html`
-              <md-progress-bar
-                class="md-chip--loading"
-                type="determinate"
-                value="${this.determinateProgress}"
-                displayFormat="none"
-              >
-              </md-progress-bar>
-            `:d.html`
-              <md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
-            `:i.nothing}iconTemplate(){const o=this.disabled?"":this.iconColor;return this.icon?d.html`
-            <md-icon class="md-chip--icon" part="chip-icon" name="${this.icon}" color="${o}"></md-icon>
-          `:i.nothing}render(){const o={"md-chip--small":this.small,"md-chip--disabled":this.disabled,["md-chip--"+this.color]:this.color};return d.html`
-        ${this.getStyles()}
-        <md-tooltip ?disabled=${!this.textOverflow} message="${this.value}">
-          <span
-            tabindex="0"
-            class="md-chip ${Object(g.classMap)(o)}"
-            part="chip"
-            aria-selected=${this.selected}
-            aria-readonly=${this.readonly}
-            @click=${o=>{this.handleClick(o)}}
-            @keydown=${o=>{this.handleKeydown(o)}}
-          >
-            ${this.loadingTemplate()} ${this.iconTemplate()}
-            <slot name="custom-left-content" part="chip-left"> </slot>
-            <span class="md-chip--textcontent"> ${this.renderedText}</span>
-            <slot name="custom-right-content" part="chip-right"> </slot>
-          </span>
-        </md-tooltip>
-      `}};n([Object(d.property)({type:String})],e.prototype,"color",void 0),n([Object(d.property)({type:String})],e.prototype,"bgColor",void 0),n([Object(d.property)({type:String})],e.prototype,"textColor",void 0),n([Object(d.property)({type:String})],e.prototype,"height",void 0),n([Object(d.property)({type:String})],e.prototype,"icon",void 0),n([Object(d.property)({type:String})],e.prototype,"iconColor",void 0),n([Object(d.property)({type:String})],e.prototype,"role",void 0),n([Object(d.property)({type:String,reflect:!0})],e.prototype,"id",void 0),n([Object(d.property)({type:Boolean})],e.prototype,"small",void 0),n([Object(d.property)({type:Boolean})],e.prototype,"readonly",void 0),n([Object(d.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),n([Object(d.property)({type:Boolean})],e.prototype,"disabled",void 0),n([Object(d.property)({type:Number})],e.prototype,"determinateProgress",void 0),n([Object(d.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),n([Object(d.property)({type:String,hasChanged:(o,e)=>o!==e})],e.prototype,"value",void 0),n([Object(d.internalProperty)({hasChanged:(o,e)=>o!==e})],e.prototype,"textOverflow",void 0),n([Object(d.internalProperty)()],e.prototype,"renderedText",void 0),e=n([Object(l.a)("md-chip")],e),o.ELEMENT=e}(c||(c={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[54],{86:function(e,t,o){"use strict";o.r(t),o.d(t,"CheckboxGroup",(function(){return r}));var r,c=o(1),s=o(7),n=o(4),l=o(5),i=o(0),a=o(58),h=function(e,t,o,r){var c,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(n=(s<3?c(n):s>3?c(t,o,n):c(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends(Object(s.d)(i.LitElement)){constructor(){super(...arguments),this.label="group",this.alignment="vertical"}static get styles(){return[n.a,a.a]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}switchCheckboxOnArrowPress(e,t=1){const o=super.getAvailableSelectedIndex(e,t);-1!==o&&(this.selected=o)}handleKeyDown(e){const{code:t}=e;switch(t){case c.a.ArrowUp:case c.a.ArrowLeft:0===this.selected?this.switchCheckboxOnArrowPress(this.slotted.length-1,-1):this.switchCheckboxOnArrowPress(this.selected-1,-1);break;case c.a.ArrowDown:case c.a.ArrowRight:this.selected===this.slotted.length-1?this.switchCheckboxOnArrowPress(0):this.switchCheckboxOnArrowPress(this.selected+1)}}get slotElement(){return this.checkboxSlot}render(){return i.html`
+        <div role="group" aria-labelledby="id-group-label">
+          <slot name="checkbox"></slot>
+        </div>
+      `}};h([Object(i.property)({type:String,attribute:"group-label"})],t.prototype,"label",void 0),h([Object(i.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),h([Object(i.query)("slot[name='checkbox']")],t.prototype,"checkboxSlot",void 0),t=h([Object(l.a)("md-checkboxgroup")],t),e.ELEMENT=t}(r||(r={}))}}]);