@momentum-ui/web-components 2.16.15 → 2.16.18

package/dist/chunks/md-35.js

@@ -1,33 +1,36 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{56:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,d=t(5),a=t(6),i=t(0),l=t(2),n=t(4),c=t(3),g=i.css`.md-badge{align-items:center;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:flex-start;line-height:1rem;margin-bottom:auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:.25rem 1rem;font-size:var(--font-size-body-midsize,.75rem);background-color:var(--badge-default-bg-color);color:var(--badge-default-text-color)}.md-badge{border-radius:6.25rem}.md-badge:focus{outline:2px solid var(--button-focus-ring-color);outline-offset:2px}.md-badge--small{padding:.1875rem .75rem;font-size:var(--font-size-body-midsize,.75rem);height:1.5rem;min-width:auto}.md-badge--compact,.md-badge--split{padding:.25rem 1rem .25rem .25rem;font-size:var(--body-secondary,.75rem)}.md-badge--circle{padding:.75rem .75rem;font-size:.75rem;height:2.5rem;justify-content:center;min-width:auto;width:2.5rem}.md-badge--circle ::slotted(md-icon){margin:0!important}.md-badge--outline{color:var(--badge-outline-color);border:2px solid var(--badge-outline-color);background-color:rgba(0,0,0,0);border:1px solid;min-width:auto}.md-badge--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-badge--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-badge--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-badge--blue,.md-badge--cobalt{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-badge--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-badge--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-badge--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-badge--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-badge--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-badge--darkred{background-color:var(--badge-darkred-bg-color);color:var(--badge-darkred-text-color)}.md-badge--unreadcount{background-color:var(--badge-unreadcount-bg-color,var(--badge-darkred-bg-color));color:var(--badge-unreadcount-text-color,var(--button-primary-text-color));font-family:var(--brand-font-medium);font-size:.75rem;font-weight:500;padding:0 .25rem;min-width:1rem;height:1rem;justify-content:center}.md-badge--unreadcount.md-badge--outline{border:1px solid;min-width:1.125rem;height:1.125rem;border-color:var(--md-primary-bg-color)}.md-badge--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-badge--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-badge--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-badge--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-badge--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-badge--hold{background-color:var(--badge-hold-bg-color);color:var(--badge-hold-text-color)}.md-badge--disabled{background-color:var(--md-quaternary-two-bg-color);color:var(--md-disabled-text-color)}.md-badge--disabled ::slotted(md-icon){color:var(--md-disabled-text-color)}.md-badge--small.md-badge--circle{height:1.5rem;width:1.5rem}.badge-counter{font-weight:700;margin-left:.5rem}::slotted(md-icon){height:1rem;margin-right:.5rem;width:1rem}::slotted(md-badge){height:1rem;margin-right:.5rem;width:1rem}::slotted(span){align-items:center;display:inline-flex;height:1rem;justify-content:center}.split-separator{margin:0 .5rem;opacity:.4}@media(forced-colors:active){.md-badge{forced-color-adjust:none;background-color:Canvas!important;color:CanvasText!important;outline:1px solid CanvasText!important}}`,b=function(e,o,t,r){var d,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(d=e[l])&&(i=(a<3?d(i):a>3?d(o,t,i):d(o,t))||i);return a>3&&i&&Object.defineProperty(o,t,i),i};!function(e){let o=class extends i.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?i.html`
-          <style>
-            :host .md-badge {
-              ${this.renderBgColor()};
-              ${this.renderTextColor()};
-              ${this.renderHeight()};
-              ${this.renderWidth()};
-            }
-          </style>
-        `:l.nothing}static get styles(){return[a.a,g]}render(){const e={"md-badge--circle":this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,["md-badge--"+this.color]:!this.disabled&&this.color};return i.html`
-        ${this.getStyles()}
-        <span
-          tabindex=${this.tabIndexing}
-          part="badge"
-          class="md-badge ${Object(n.classMap)(e)}"
-          aria-label=${this.ariaLabel}
-        >
-          ${this.split?(()=>i.html`
-          <slot
-            aria-hidden=${Object(c.ifDefined)(this.ariaHiddenSplits||void 0)}
-            name="split-left"
-            class="split split-left"
-          ></slot>
-          <span aria-hidden="true" class="split-separator"> | </span>
-          <slot
-            aria-hidden=${Object(c.ifDefined)(this.ariaHiddenSplits||void 0)}
-            name="split-right"
-            class="split split-right"
-          ></slot>
-        `)():l.nothing}
-          <slot></slot>
-        </span>
-      `}};b([Object(i.property)({type:String})],o.prototype,"ariaLabel",void 0),b([Object(i.property)({type:String})],o.prototype,"color",void 0),b([Object(i.property)({type:String})],o.prototype,"bgColor",void 0),b([Object(i.property)({type:String})],o.prototype,"textColor",void 0),b([Object(i.property)({type:String})],o.prototype,"height",void 0),b([Object(i.property)({type:String})],o.prototype,"width",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"outlined",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"compact",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"circle",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"small",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"split",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"disabled",void 0),b([Object(i.property)({type:String})],o.prototype,"tabIndexing",void 0),b([Object(i.property)({type:String})],o.prototype,"ariaHiddenSplits",void 0),o=b([Object(d.a)("md-badge")],o),e.ELEMENT=o}(r||(r={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{81:function(e,i,n){"use strict";n.r(i),n.d(i,"linkTag",(function(){return c})),n.d(i,"linkColor",(function(){return k})),n.d(i,"linkRole",(function(){return v})),n.d(i,"linkSize",(function(){return m})),n.d(i,"inlineStyle",(function(){return p})),n.d(i,"Link",(function(){return b}));var t=n(5),l=n(6),r=n(0),o=n(4),d=n(3),a=r.css`.md-link{border-radius:.25rem;cursor:pointer;display:inline-flex;font-size:var(--link-inline-font-size);line-height:170%;width:fit-content;color:var(--link-default)}.md-link:hover{color:var(--link-hover)}.md-link:focus{box-shadow:0 0 0 2px var(--link-focus-outline);color:var(--link-focus)}.md-link.active{color:var(--link-pressed)}.md-link.disabled,.md-link.md-link--inline.disabled{color:var(--link-disabled)!important}.md-link.md-link--inline:not(.md-link--inline-style-default){color:var(--link-inline)}.md-link.md-link--inline:not(.md-link--inline-style-default):hover{color:var(--link-inline-hover)}.md-link.md-link--inline:not(.md-link--inline-style-default):focus{color:var(--link-inline-focus)}.md-link.md-link--inline:not(.md-link--inline-style-default).active{color:var(--link-inline-pressed)}.md-link.inverted{color:var(--link-inverted)}.md-link.inverted:hover{color:var(--link-inverted-hover)}.md-link.inverted:active{color:var(--link-inverted-pressed)}.md-link.inverted:focus{box-shadow:0 0 0 2px var(--link-inverted-focus-outline);color:var(--link-inverted-focus)}.md-link .md-link--blue{color:var(--link-blue)}.md-link .md-link--blue:hover{color:var(--link-blue-hover)}.md-link .md-link--blue.active{color:var(--link-blue-active)}.md-link .md-link--red{color:var(--link-red)}.md-link .md-link--red:hover{color:var(--link-red-hover)}.md-link .md-link--red.active{color:var(--link-red-active)}.md-link .md-link--green{color:var(--link-green)}.md-link .md-link--green:hover{color:var(--link-green-hover)}.md-link .md-link--green.active{color:var(--link-green-active)}.md-link .md-link--yellow{color:var(--link-yellow)}.md-link .md-link--yellow:hover{color:var(--link-yellow-hover)}.md-link .md-link--yellow.active{color:var(--link-yellow-active)}.md-link .md-link--orange{color:var(--link-orange)}.md-link .md-link--orange:hover{color:var(--link-orange-hover)}.md-link .md-link--orange.active{color:var(--link-orange-active)}.md-link:focus{outline:0}.md-link.disabled{pointer-events:none;text-decoration:underline}.md-link--inline{font-size:var(--link-inline-font-size);line-height:100%;text-decoration:underline}.md-link:hover{text-decoration:underline}.md-link:active{text-decoration:underline}.md-link.large{font-size:var(--font-size-body-large,1rem)}.md-link.midsize{font-size:var(--font-size-body-midsize,.875rem)}.md-link.small{font-size:var(--font-size-body-small,.75rem)}@media(forced-colors:active){.md-link:focus{box-shadow:none;outline:2px solid Highlight}.md-link.disabled{color:GrayText!important}}`,s=function(e,i,n,t){var l,r=arguments.length,o=r<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,n):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,n,t);else for(var d=e.length-1;d>=0;d--)(l=e[d])&&(o=(r<3?l(o):r>3?l(i,n,o):l(i,n))||o);return r>3&&o&&Object.defineProperty(i,n,o),o};const c=["a","div","span"],k=["","blue","red","green","yellow","orange"],v=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],m=["large","midsize","small"],p=["default","error"];var b;!function(e){let i=class extends r.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.inlineStyle=void 0,this.inverted=void 0,this.href="",this.tag="a",this.target="_self",this.size=void 0,this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(e){const i=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",i)}static get styles(){return[l.a,a]}render(){const e={["md-link--"+this.color]:this.color,"md-link--inline":this.inline,["md-link--inline-style-"+this.inlineStyle]:!!this.inlineStyle,[""+this.size]:!!this.size,inverted:!0===this.inverted,disabled:this.disabled};return r.html` ${(()=>{switch(this.tag){case"div":return r.html`
+              <div
+                class="md-link ${Object(o.classMap)(e)}"
+                tabindex=${this.tabIndex}
+                aria-label=${Object(d.ifDefined)(this.ariaLabel||void 0)}
+                aria-disabled=${Object(d.ifDefined)(this.disabled||void 0)}
+                role=${this.ariaRole}
+                part="link"
+              >
+                <slot></slot>
+              </div>
+            `;case"span":return r.html`
+              <span
+                class="md-link ${Object(o.classMap)(e)}"
+                tabindex=${this.tabIndex}
+                aria-label=${Object(d.ifDefined)(this.ariaLabel||void 0)}
+                aria-disabled=${Object(d.ifDefined)(this.disabled||void 0)}
+                role=${this.ariaRole}
+                part="link"
+              >
+                <slot></slot>
+              </span>
+            `;default:return r.html`
+              <a
+                class="md-link ${Object(o.classMap)(e)}"
+                .target="${this.target}"
+                href=${Object(d.ifDefined)(this.disabled?void 0:this.href)}
+                tabindex=${this.tabIndex}
+                aria-label=${Object(d.ifDefined)(this.ariaLabel||void 0)}
+                aria-disabled=${Object(d.ifDefined)(this.disabled||void 0)}
+                role=${this.ariaRole}
+                part="link"
+              >
+                <slot></slot>
+              </a>
+            `}})()} `}};s([Object(r.property)({type:String,attribute:!1})],i.prototype,"color",void 0),s([Object(r.property)({type:String})],i.prototype,"ariaLabel",void 0),s([Object(r.property)({type:String})],i.prototype,"ariaRole",void 0),s([Object(r.property)({type:Boolean})],i.prototype,"disabled",void 0),s([Object(r.property)({type:Boolean})],i.prototype,"inline",void 0),s([Object(r.property)({type:String,attribute:"inline-style"})],i.prototype,"inlineStyle",void 0),s([Object(r.property)({type:Boolean})],i.prototype,"inverted",void 0),s([Object(r.property)({type:String})],i.prototype,"href",void 0),s([Object(r.property)({type:String})],i.prototype,"tag",void 0),s([Object(r.property)({type:String})],i.prototype,"target",void 0),s([Object(r.property)({type:String})],i.prototype,"size",void 0),s([Object(r.property)({type:Number,attribute:"tab-index",reflect:!0})],i.prototype,"tabIndex",null),i=s([Object(t.a)("md-link")],i),e.ELEMENT=i}(b||(b={}))}}]);

package/dist/chunks/md-36.js

@@ -1,23 +1,33 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{83:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));o(14);var i,r=o(1),a=o(7),c=o(5),d=o(6),n=o(0),l=o(4),s=o(3),v=n.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:var(--button-favorite-border-radius,.25rem);height:1.5rem;position:relative;width:1.5rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:var(--button-secondary-text-color)}.md-favorite:hover{background-color:var(--button-favorite-hover-bg-color)}.md-favorite:focus{outline:0}.md-favorite:active{background-color:var(--button-favorite-pressed-bg-color)}.md-favorite::after{border-radius:var(--button-favorite-border-radius,.25rem);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.md-favorite:focus::after{box-shadow:0 0 0 rem-calc(2) var(--md-default-focus-outline-color)}.md-favorite--disabled{background-color:rgba(0,0,0,0)}.md-favorite--disabled:active,.md-favorite--disabled:hover{background-color:rgba(0,0,0,0)}.md-favorite--disabled md-icon::part(icon){color:var(--button-disabled-text-color)}.md-favorite--active md-icon::part(icon){color:var(--button-favorite-icon-color)}.md-favorite--active:hover md-icon::part(icon){color:var(--button-favorite-hover-icon-color)}.md-favorite--active:active md-icon::part(icon){color:var(--button-favorite-pressed-icon-color)}@media(forced-colors:active){:host{border:none}.md-favorite{background-color:ButtonFace}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:ButtonText}.md-favorite:focus{outline:2px solid Highlight}.md-favorite--disabled{background-color:ButtonFace;color:GrayText}.md-favorite--disabled md-icon::part(icon){color:GrayText}.md-favorite--active md-icon::part(icon){color:ButtonText}}`,b=function(e,t,o,i){var r,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(c=(a<3?r(c):a>3?r(t,o,c):r(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(a.a)(n.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[d.a,v]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==r.b.Enter&&e.code!==r.b.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return n.html`
-        <label
-          for="favorite-checkbox"
-          id="${this.id}"
-          class="md-favorite ${Object(l.classMap)(this.favoriteClassMap)}"
-          tabindex="0"
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{56:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,d=t(5),a=t(6),i=t(0),l=t(2),n=t(4),c=t(3),g=i.css`.md-badge{align-items:center;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:flex-start;line-height:1rem;margin-bottom:auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:.25rem 1rem;font-size:var(--font-size-body-midsize,.75rem);background-color:var(--badge-default-bg-color);color:var(--badge-default-text-color)}.md-badge{border-radius:6.25rem}.md-badge:focus{outline:2px solid var(--button-focus-ring-color);outline-offset:2px}.md-badge--small{padding:.1875rem .75rem;font-size:var(--font-size-body-midsize,.75rem);height:1.5rem;min-width:auto}.md-badge--compact,.md-badge--split{padding:.25rem 1rem .25rem .25rem;font-size:var(--body-secondary,.75rem)}.md-badge--circle{padding:.75rem .75rem;font-size:.75rem;height:2.5rem;justify-content:center;min-width:auto;width:2.5rem}.md-badge--circle ::slotted(md-icon){margin:0!important}.md-badge--outline{color:var(--badge-outline-color);border:2px solid var(--badge-outline-color);background-color:rgba(0,0,0,0);border:1px solid;min-width:auto}.md-badge--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-badge--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-badge--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-badge--blue,.md-badge--cobalt{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-badge--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-badge--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-badge--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-badge--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-badge--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-badge--darkred{background-color:var(--badge-darkred-bg-color);color:var(--badge-darkred-text-color)}.md-badge--unreadcount{background-color:var(--badge-unreadcount-bg-color,var(--badge-darkred-bg-color));color:var(--badge-unreadcount-text-color,var(--button-primary-text-color));font-family:var(--brand-font-medium);font-size:.75rem;font-weight:500;padding:0 .25rem;min-width:1rem;height:1rem;justify-content:center}.md-badge--unreadcount.md-badge--outline{border:1px solid;min-width:1.125rem;height:1.125rem;border-color:var(--md-primary-bg-color)}.md-badge--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-badge--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-badge--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-badge--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-badge--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-badge--hold{background-color:var(--badge-hold-bg-color);color:var(--badge-hold-text-color)}.md-badge--disabled{background-color:var(--md-quaternary-two-bg-color);color:var(--md-disabled-text-color)}.md-badge--disabled ::slotted(md-icon){color:var(--md-disabled-text-color)}.md-badge--small.md-badge--circle{height:1.5rem;width:1.5rem}.badge-counter{font-weight:700;margin-left:.5rem}::slotted(md-icon){height:1rem;margin-right:.5rem;width:1rem}::slotted(md-badge){height:1rem;margin-right:.5rem;width:1rem}::slotted(span){align-items:center;display:inline-flex;height:1rem;justify-content:center}.split-separator{margin:0 .5rem;opacity:.4}@media(forced-colors:active){.md-badge{forced-color-adjust:none;background-color:Canvas!important;color:CanvasText!important;outline:1px solid CanvasText!important}}`,b=function(e,o,t,r){var d,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(d=e[l])&&(i=(a<3?d(i):a>3?d(o,t,i):d(o,t))||i);return a>3&&i&&Object.defineProperty(o,t,i),i};!function(e){let o=class extends i.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?i.html`
+          <style>
+            :host .md-badge {
+              ${this.renderBgColor()};
+              ${this.renderTextColor()};
+              ${this.renderHeight()};
+              ${this.renderWidth()};
+            }
+          </style>
+        `:l.nothing}static get styles(){return[a.a,g]}render(){const e={"md-badge--circle":this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,["md-badge--"+this.color]:!this.disabled&&this.color};return i.html`
+        ${this.getStyles()}
+        <span
+          tabindex=${this.tabIndexing}
+          part="badge"
+          class="md-badge ${Object(n.classMap)(e)}"
+          aria-label=${this.ariaLabel}
         >
-          <input
-            type="checkbox"
-            aria-label=${Object(s.ifDefined)(this.label.length?this.label:void 0)}
-            value=${this.value}
-            ?checked=${this.checked}
-            ?disabled=${this.disabled}
-            aria-hidden="true"
-            name="favorite-checkbox"
-          />
-          <md-icon
-            name="${this.checked?"favorite-filled":"favorite-bold"}"
-            iconSet="momentumDesign"
-            size="16"
-          ></md-icon>
-        </label>
-      `}};b([Object(n.property)({type:Boolean})],t.prototype,"disabled",void 0),b([Object(n.property)({type:Boolean})],t.prototype,"checked",void 0),b([Object(n.property)({type:String})],t.prototype,"value",void 0),b([Object(n.property)({type:String})],t.prototype,"id",void 0),b([Object(n.property)({type:String})],t.prototype,"label",void 0),b([Object(n.internalProperty)()],t.prototype,"customId",void 0),t=b([Object(c.a)("md-favorite")],t),e.ELEMENT=t}(i||(i={}))}}]);
+          ${this.split?(()=>i.html`
+          <slot
+            aria-hidden=${Object(c.ifDefined)(this.ariaHiddenSplits||void 0)}
+            name="split-left"
+            class="split split-left"
+          ></slot>
+          <span aria-hidden="true" class="split-separator"> | </span>
+          <slot
+            aria-hidden=${Object(c.ifDefined)(this.ariaHiddenSplits||void 0)}
+            name="split-right"
+            class="split split-right"
+          ></slot>
+        `)():l.nothing}
+          <slot></slot>
+        </span>
+      `}};b([Object(i.property)({type:String})],o.prototype,"ariaLabel",void 0),b([Object(i.property)({type:String})],o.prototype,"color",void 0),b([Object(i.property)({type:String})],o.prototype,"bgColor",void 0),b([Object(i.property)({type:String})],o.prototype,"textColor",void 0),b([Object(i.property)({type:String})],o.prototype,"height",void 0),b([Object(i.property)({type:String})],o.prototype,"width",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"outlined",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"compact",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"circle",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"small",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"split",void 0),b([Object(i.property)({type:Boolean})],o.prototype,"disabled",void 0),b([Object(i.property)({type:String})],o.prototype,"tabIndexing",void 0),b([Object(i.property)({type:String})],o.prototype,"ariaHiddenSplits",void 0),o=b([Object(d.a)("md-badge")],o),e.ELEMENT=o}(r||(r={}))}}]);

package/dist/chunks/md-37.js

@@ -1,5 +1,23 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{74:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(5),d=s(6),c=s(0),o=s(3),a=s(65),h=function(t,e,s,i){var l,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(n<3?l(r):n>3?l(e,s,r):l(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r};!function(t){let e=class extends(Object(n.d)(c.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){var e;const s=this.slotted[t];return null===(e=null==s?void 0:s.disabled)||void 0===e||e}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case l.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case l.b.Home:this.switchListItemOnArrowPress(0);break;case l.b.ArrowUp:case l.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case l.b.ArrowDown:case l.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case l.b.Enter:case l.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,a.a]}render(){return c.html`
-        <ul role=${Object(o.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
-          <slot name="list-item"></slot>
-        </ul>
-      `}};h([Object(c.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),h([Object(c.property)({type:String})],e.prototype,"label",void 0),h([Object(c.property)({type:Number,reflect:!0})],e.prototype,"activated",void 0),h([Object(c.query)("slot[name='list-item']")],e.prototype,"listItemSlot",void 0),e=h([Object(r.a)("md-list")],e),t.ELEMENT=e}(i||(i={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{83:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));o(14);var i,r=o(1),a=o(7),c=o(5),d=o(6),n=o(0),l=o(4),s=o(3),v=n.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:var(--button-favorite-border-radius,.25rem);height:1.5rem;position:relative;width:1.5rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:var(--button-secondary-text-color)}.md-favorite:hover{background-color:var(--button-favorite-hover-bg-color)}.md-favorite:focus{outline:0}.md-favorite:active{background-color:var(--button-favorite-pressed-bg-color)}.md-favorite::after{border-radius:var(--button-favorite-border-radius,.25rem);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.md-favorite:focus::after{box-shadow:0 0 0 rem-calc(2) var(--md-default-focus-outline-color)}.md-favorite--disabled{background-color:rgba(0,0,0,0)}.md-favorite--disabled:active,.md-favorite--disabled:hover{background-color:rgba(0,0,0,0)}.md-favorite--disabled md-icon::part(icon){color:var(--button-disabled-text-color)}.md-favorite--active md-icon::part(icon){color:var(--button-favorite-icon-color)}.md-favorite--active:hover md-icon::part(icon){color:var(--button-favorite-hover-icon-color)}.md-favorite--active:active md-icon::part(icon){color:var(--button-favorite-pressed-icon-color)}@media(forced-colors:active){:host{border:none}.md-favorite{background-color:ButtonFace}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:ButtonText}.md-favorite:focus{outline:2px solid Highlight}.md-favorite--disabled{background-color:ButtonFace;color:GrayText}.md-favorite--disabled md-icon::part(icon){color:GrayText}.md-favorite--active md-icon::part(icon){color:ButtonText}}`,b=function(e,t,o,i){var r,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(c=(a<3?r(c):a>3?r(t,o,c):r(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(a.a)(n.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[d.a,v]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==r.b.Enter&&e.code!==r.b.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return n.html`
+        <label
+          for="favorite-checkbox"
+          id="${this.id}"
+          class="md-favorite ${Object(l.classMap)(this.favoriteClassMap)}"
+          tabindex="0"
+        >
+          <input
+            type="checkbox"
+            aria-label=${Object(s.ifDefined)(this.label.length?this.label:void 0)}
+            value=${this.value}
+            ?checked=${this.checked}
+            ?disabled=${this.disabled}
+            aria-hidden="true"
+            name="favorite-checkbox"
+          />
+          <md-icon
+            name="${this.checked?"favorite-filled":"favorite-bold"}"
+            iconSet="momentumDesign"
+            size="16"
+          ></md-icon>
+        </label>
+      `}};b([Object(n.property)({type:Boolean})],t.prototype,"disabled",void 0),b([Object(n.property)({type:Boolean})],t.prototype,"checked",void 0),b([Object(n.property)({type:String})],t.prototype,"value",void 0),b([Object(n.property)({type:String})],t.prototype,"id",void 0),b([Object(n.property)({type:String})],t.prototype,"label",void 0),b([Object(n.internalProperty)()],t.prototype,"customId",void 0),t=b([Object(c.a)("md-favorite")],t),e.ELEMENT=t}(i||(i={}))}}]);

package/dist/chunks/md-38.js

@@ -1,5 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[38],{75:function(e,t,s){"use strict";s.r(t),s.d(t,"ListItem",(function(){return r}));var r,i=s(7),l=s(5),o=s(6),d=s(0),p=s(4),c=s(65),n=function(e,t,s,r){var i,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,s,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(o=(l<3?i(o):l>3?i(t,s,o):i(t,s))||o);return l>3&&o&&Object.defineProperty(t,s,o),o};!function(e){let t=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.role="option",this.tabIndex=-1,this.shape="rounded",this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,this.requestUpdate("selected",t)}get listItemTemplateClassMap(){return{["md-list-item--"+this.shape]:!!this.shape}}static get styles(){return[o.a,c.a]}render(){return d.html`
-        <li class="md-list-item ${Object(p.classMap)(this.listItemTemplateClassMap)}" part="list-item">
-          <slot></slot>
-        </li>
-      `}};n([Object(d.property)({type:String,reflect:!0})],t.prototype,"role",void 0),n([Object(d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),n([Object(d.property)({type:String,reflect:!0})],t.prototype,"shape",void 0),n([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),n([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=n([Object(l.a)("md-list-item")],t),e.ELEMENT=t}(r||(r={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[38],{74:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(5),d=s(6),c=s(0),o=s(3),a=s(65),h=function(t,e,s,i){var l,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(n<3?l(r):n>3?l(e,s,r):l(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r};!function(t){let e=class extends(Object(n.d)(c.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){var e;const s=this.slotted[t];return null===(e=null==s?void 0:s.disabled)||void 0===e||e}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case l.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case l.b.Home:this.switchListItemOnArrowPress(0);break;case l.b.ArrowUp:case l.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case l.b.ArrowDown:case l.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case l.b.Enter:case l.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,a.a]}render(){return c.html`
+        <ul role=${Object(o.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
+          <slot name="list-item"></slot>
+        </ul>
+      `}};h([Object(c.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),h([Object(c.property)({type:String})],e.prototype,"label",void 0),h([Object(c.property)({type:Number,reflect:!0})],e.prototype,"activated",void 0),h([Object(c.query)("slot[name='list-item']")],e.prototype,"listItemSlot",void 0),e=h([Object(r.a)("md-list")],e),t.ELEMENT=e}(i||(i={}))}}]);

package/dist/chunks/md-39.js

@@ -1 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{66:function(e,o,r){"use strict";var c=r(0);o.a=c.css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.25rem;cursor:pointer;display:inline-flex;position:relative;vertical-align:middle}:host(md-checkbox) .checkbox-input{height:calc(1.25rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-flex;padding-left:2.125rem;padding-right:calc(.25rem/2);position:relative;width:100%;z-index:1;align-items:center;gap:.5rem}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color);border:.0625rem solid var(--checkbox-border-color);border-radius:.25rem;height:1.25rem;width:1.25rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(.75rem*1.25);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color);border:.0625rem solid var(--checkbox-pressed-border-color)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host([aria-checked=true]) .checkbox-label::after{border:solid var(--checkbox-icon-color);border-width:0 .12em .12em 0;display:block;height:.6em;transform:translateY(-65%) translateX(-50%) rotate(45deg);width:.35em}:host([aria-checked=true]) .checkbox-label::before{background:var(--checkbox-selected-bg-color);border:.0625rem solid var(--checkbox-selected-border-color)}:host([indeterminate]) .checkbox-label::after{border:solid var(--checkbox-icon-color);border-width:0 0 .12em;display:block;height:.2em;transform:translateY(-85%) translateX(-50%) rotate(0);width:.75em}:host([indeterminate]) .checkbox-label::before{background:var(--checkbox-selected-bg-color);border:.0625rem solid var(--checkbox-selected-border-color)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-label::before,:host([indeterminate]:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-hover-bg-color);border-color:var(--checkbox-selected-hover-border-color)}:host([aria-checked=true]:active:not([disabled])) .checkbox-label::before,:host([indeterminate]:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-pressed-bg-color);border-color:var(--checkbox-selected-pressed-border-color)}@media(forced-colors:active){:host([focus-visible]:not([disabled])){outline:2px solid Highlight;box-shadow:none}}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem*6)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem*10)}`}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{75:function(e,t,s){"use strict";s.r(t),s.d(t,"ListItem",(function(){return r}));var r,i=s(7),l=s(5),o=s(6),d=s(0),p=s(4),c=s(65),n=function(e,t,s,r){var i,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,s,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(o=(l<3?i(o):l>3?i(t,s,o):i(t,s))||o);return l>3&&o&&Object.defineProperty(t,s,o),o};!function(e){let t=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.role="option",this.tabIndex=-1,this.shape="rounded",this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,this.requestUpdate("selected",t)}get listItemTemplateClassMap(){return{["md-list-item--"+this.shape]:!!this.shape}}static get styles(){return[o.a,c.a]}render(){return d.html`
+        <li class="md-list-item ${Object(p.classMap)(this.listItemTemplateClassMap)}" part="list-item">
+          <slot></slot>
+        </li>
+      `}};n([Object(d.property)({type:String,reflect:!0})],t.prototype,"role",void 0),n([Object(d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),n([Object(d.property)({type:String,reflect:!0})],t.prototype,"shape",void 0),n([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),n([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=n([Object(l.a)("md-list-item")],t),e.ELEMENT=t}(r||(r={}))}}]);

package/dist/chunks/md-40.js

@@ -1,21 +1 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[40],{84:function(e,r,t){"use strict";t.r(r),t.d(r,"ProgressBar",(function(){return a}));var a,o=t(5),s=t(6),i=t(0),n=t(4),l=i.css`.progress-bar{background-color:var(--border-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;box-sizing:border-box;height:4px;margin-bottom:-4px;overflow:hidden;position:relative;width:100%}.progress-bar-value{animation:indeterminateAnimation 1s infinite linear;background-color:var(--link-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;height:100%;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progressbar-label{text-align:left}.progressbar-progress{float:right}.progressbar-label,.progressbar-progress{color:var(--progress-bar-label-text-color,#000);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:.6875rem}.progress{background-color:var(--progress-bar-track-bg-color,#dedede);height:.25rem;margin-bottom:.625rem;overflow:hidden;padding:0;border-radius:var(--progress-bar-border-radius,4px)}.progress .meter{background:#00a0d1;display:block;height:100%}.progress--indeterminate .meter{animation:indeterminateAnimation 1s infinite linear;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progress.secondary .meter{background:#545454;display:block;height:100%}.progress.success .meter{background:#00ab50;display:block;height:100%}.progress.danger .meter{background:#f7644a;display:block;height:100%}.progress.warning .meter{background:#d97f00;display:block;height:100%}.progress.info .meter{background:#16a693;display:block;height:100%}@media(forced-colors:active){.progress{background-color:HighlightText;outline:1px solid Highlight;outline-offset:-1px}.progress .meter{background-color:Highlight}}`,p=function(e,r,t,a){var o,s=arguments.length,i=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,r,t,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(s<3?o(i):s>3?o(r,t,i):o(r,t))||i);return s>3&&i&&Object.defineProperty(r,t,i),i};!function(e){let r=class extends i.LitElement{constructor(){super(...arguments),this.dynamic=!1,this.color="",this.label="",this.displayFormat="percentage",this.type="indeterminate",this.min=0,this.max=100,this.value=25,this.adjustedValue=0,this.valueFraction=0,this.meterWidth="100",this.getDisplayFormat=()=>"indeterminate"===this.type?(this.value=100,null):(this.adjustedValue=this.max-this.value<0?this.max:this.value,this.valueFraction=this.adjustedValue/this.max*100||0,this.meterWidth=this.valueFraction.toFixed(0)+"%","none"===this.displayFormat?null:"percentage"===this.displayFormat?this.meterWidth:`${this.adjustedValue} / ${this.max}`),this.getColor=()=>this.color?this.color:this.dynamic?this.valueFraction<25?"success":this.valueFraction<50?"info":this.valueFraction<75?"warning":"danger":void 0}connectedCallback(){super.connectedCallback(),this.requestUpdate("value")}static get styles(){return[s.a,l]}render(){const e={["progress--"+this.type]:this.type,["progress--"+this.color]:this.color};return i.html`
-        <span>
-          <div class="progressbar-info" data-key="${this.min}">
-            <span class="progressbar-label">${this.label}</span>
-            <span class="progressbar-progress">${this.getDisplayFormat()}</span>
-          </div>
-          <div class="progress ${Object(n.classMap)(e)}" data-key="${this.max}">
-            <span
-              class="meter"
-              role="progressbar"
-              aria-labelledby="progressbar"
-              aria-valuenow=${this.adjustedValue}
-              aria-valuemin=${this.min}
-              aria-valuemax=${this.max}
-              aria-valuetext=${this.meterWidth}
-              style="${"width: "+this.meterWidth+"; background: "+this.getColor()}"
-            >
-            </span>
-          </div>
-        </span>
-      `}};p([Object(i.property)({type:Boolean})],r.prototype,"dynamic",void 0),p([Object(i.property)({type:String})],r.prototype,"color",void 0),p([Object(i.property)({type:String})],r.prototype,"label",void 0),p([Object(i.property)({type:String})],r.prototype,"displayFormat",void 0),p([Object(i.property)({type:String})],r.prototype,"type",void 0),p([Object(i.property)({type:Number})],r.prototype,"min",void 0),p([Object(i.property)({type:Number})],r.prototype,"max",void 0),p([Object(i.property)({type:Number})],r.prototype,"value",void 0),p([Object(i.property)({type:Number})],r.prototype,"adjustedValue",void 0),p([Object(i.property)({type:Number})],r.prototype,"valueFraction",void 0),p([Object(i.property)({type:String})],r.prototype,"meterWidth",void 0),r=p([Object(o.a)("md-progress-bar")],r),e.ELEMENT=r}(a||(a={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[40],{66:function(e,o,r){"use strict";var c=r(0);o.a=c.css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.25rem;cursor:pointer;display:inline-flex;position:relative;vertical-align:middle}:host(md-checkbox) .checkbox-input{height:calc(1.25rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-flex;padding-left:2.125rem;padding-right:calc(.25rem/2);position:relative;width:100%;z-index:1;align-items:center;gap:.5rem}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color);border:.0625rem solid var(--checkbox-border-color);border-radius:.25rem;height:1.25rem;width:1.25rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(.75rem*1.25);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color);border:.0625rem solid var(--checkbox-pressed-border-color)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color);border:.0625rem solid var(--checkbox-hover-border-color)}:host([aria-checked=true]) .checkbox-label::after{border:solid var(--checkbox-icon-color);border-width:0 .12em .12em 0;display:block;height:.6em;transform:translateY(-65%) translateX(-50%) rotate(45deg);width:.35em}:host([aria-checked=true]) .checkbox-label::before{background:var(--checkbox-selected-bg-color);border:.0625rem solid var(--checkbox-selected-border-color)}:host([indeterminate]) .checkbox-label::after{border:solid var(--checkbox-icon-color);border-width:0 0 .12em;display:block;height:.2em;transform:translateY(-85%) translateX(-50%) rotate(0);width:.75em}:host([indeterminate]) .checkbox-label::before{background:var(--checkbox-selected-bg-color);border:.0625rem solid var(--checkbox-selected-border-color)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-label::before,:host([indeterminate]:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-hover-bg-color);border-color:var(--checkbox-selected-hover-border-color)}:host([aria-checked=true]:active:not([disabled])) .checkbox-label::before,:host([indeterminate]:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-pressed-bg-color);border-color:var(--checkbox-selected-pressed-border-color)}@media(forced-colors:active){:host([focus-visible]:not([disabled])){outline:2px solid Highlight;box-shadow:none}}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem*6)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem*10)}`}}]);

package/dist/chunks/md-41.js

@@ -1,26 +1,21 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{85:function(e,t,o){"use strict";o.r(t),o.d(t,"Popover",(function(){return i}));o(17),o(14);var i,r=o(1),n=o(5),s=o(33),p=o(16),a=o(28),l=o(21),d=o.n(l),c=o(22),h=o.n(c),v=o(23),u=o.n(v),g=o(24),m=o.n(g),b=o(18),f=o(0),O=o(2),y=o(47),E=o(35),w=f.css`.md-popover{box-sizing:border-box;position:relative;color:var(--popover-text-color)}.md-popover *{box-sizing:inherit}.md-popover .popover-container{filter:drop-shadow(0 0 1px rgba(0, 0, 0, .12)) drop-shadow(0 24px 48px rgba(0, 0, 0, .2));box-sizing:border-box;display:none;position:absolute;z-index:1000;background-color:var(--popover-bg-color);border:1px solid var(--popover-border-color);border-radius:.5rem;padding:.75rem;min-height:24px;min-width:14px;max-width:292px}.md-popover .popover-container[data-show]{display:flex}.md-popover .popover-content{display:flex;justify-content:space-around;width:100%;flex-grow:1;font-size:1rem;font-weight:400;line-height:1.5rem}.md-popover .cancel-icon-button{position:absolute;right:.75rem;top:.75rem;padding-left:.5rem;width:1.25rem;height:1.25rem;cursor:pointer}.md-popover .popover-arrow{position:absolute;width:0;height:0;visibility:hidden}.md-popover .popover-arrow::before{content:"";position:absolute;width:16px;height:16px;background:var(--popover-bg-color);border:1px solid var(--popover-border-color);transform:rotate(45deg);visibility:visible}.popover-container[data-popper-placement^=top]>.popover-arrow{bottom:0}.popover-container[data-popper-placement^=top]>.popover-arrow::before{left:calc(50% - 8px);bottom:-9px;border-top:none;border-left:none;border-bottom-right-radius:3px}.popover-container[data-popper-placement^=bottom]>.popover-arrow{top:0}.popover-container[data-popper-placement^=bottom]>.popover-arrow::before{left:calc(50% - 8px);top:-9px;border-bottom:none;border-right:none;border-top-left-radius:3px}.popover-container[data-popper-placement^=right]>.popover-arrow{left:0}.popover-container[data-popper-placement^=right]>.popover-arrow::before{left:-9px;top:calc(50% - 8px);border-right:none;border-top:none;border-bottom-left-radius:3px}.popover-container[data-popper-placement^=left]>.popover-arrow{right:0}.popover-container[data-popper-placement^=left]>.popover-arrow::before{right:-9px;border-bottom:none;border-left:none;top:calc(50% - 8px);border-top-right-radius:3px}`,x=function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);return n>3&&s&&Object.defineProperty(t,o,s),s},C=function(e,t,o,i){return new(o||(o=Promise))((function(r,n){function s(e){try{a(i.next(e))}catch(e){n(e)}}function p(e){try{a(i.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(s,p)}a((i=i.apply(e,t||[])).next())}))};!function(e){let t=class extends(Object(s.a)(f.LitElement)){constructor(){super(...arguments),this.placement="bottom",this.isOpen=!1,this.showArrow=!0,this.showClose=!1,this.interactive=!1,this.shouldWrapFocus=()=>this.interactive,this.role="dialog",this.ariaLabel=null,this.offsetDistance=5,this.trigger="click",this.triggerElement=null,this.popperInstance=null,this.isMouseOver=!1,this.onOutsideOverlayClick=e=>{var t;if(null===(t=this.trigger)||void 0===t?void 0:t.includes("manual"))return;let o=!1;const i=e.composedPath();i.length&&(o=!!i.find(e=>e===this),o||(this.isOpen=!1))},this.onWindowBlurEvent=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("manual"))||this.isOpen&&(this.isOpen=!1)},this.onOutsideOverlayKeydown=e=>C(this,void 0,void 0,(function*(){this.isOpen&&e.code===r.b.Escape&&(e.preventDefault(),this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onTriggerElementClicked=()=>{this.toggleOverlay()},this.onTriggerElementKeydown=e=>C(this,void 0,void 0,(function*(){Object(a.a)(e.code)&&(e.preventDefault(),this.toggleOverlay()),e.code===r.b.Escape&&this.isOpen&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onFocusInTrigger=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus"))&&(this.isOpen=!0)},this.onFocusOutTrigger=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus"))&&!this.isMouseOver&&(this.isOpen=!1)},this.onMouseEnteredTriggerOrPopup=e=>{var t;this.isMouseOver=!0,(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&this.setIsOpenDebounced(!0)},this.onMouseLeaveTriggerOrPopup=e=>{var t;this.isMouseOver=!1,(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&!this.shouldStayOpenOnTriggerFocus()&&this.setIsOpenDebounced(!1)},this.setIsOpenDebounced=Object(p.b)(e=>{this.isOpen=e},100)}static get styles(){return[w]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){var e,t,o,i,r;super.disconnectedCallback(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.triggerElement&&((null===(e=this.trigger)||void 0===e?void 0:e.includes("click"))&&(this.triggerElement.removeEventListener("click",this.onTriggerElementClicked),this.triggerElement.removeEventListener("keydown",this.onTriggerElementKeydown)),(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&(this.triggerElement.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(o=this.popoverContainer)||void 0===o||o.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(r=this.trigger)||void 0===r?void 0:r.includes("focus"))&&(this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.onFocusOutTrigger)))}setupTriggerEvents(){var e,t,o,i,r;this.triggerElement&&((null===(e=this.trigger)||void 0===e?void 0:e.includes("click"))&&(this.triggerElement.addEventListener("click",this.onTriggerElementClicked.bind(this)),this.triggerElement.addEventListener("keydown",this.onTriggerElementKeydown.bind(this))),(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&(this.triggerElement.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(o=this.popoverContainer)||void 0===o||o.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(r=this.trigger)||void 0===r?void 0:r.includes("focus"))&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.triggerElement.addEventListener("focusout",this.onFocusOutTrigger)))}handleTriggerElementSlotChange(){const e=this.triggerSlot.assignedElements({flatten:!0});this.triggerElement=e.length>0?e[0]:null}onContentSlotChanged(){}shouldStayOpenOnTriggerFocus(){var e;if(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus")){return this.getRootNode().activeElement===this.triggerElement}return!1}firstUpdated(e){var t;super.firstUpdated(e),this.handleTriggerElementSlotChange(),this.setupTriggerEvents(),this.popoverContainer&&this.isOpen&&(this.createInstance(),null===(t=this.popoverContainer)||void 0===t||t.setAttribute("data-show",""))}focusInsideOverlay(){var e,t;this.focusableElements&&(this.focusableElements.length>1?null===(e=this.setInitialFocus)||void 0===e||e.call(this,1):this.focusableElements.length&&(null===(t=this.setInitialFocus)||void 0===t||t.call(this)))}focusOnTrigger(){return C(this,void 0,void 0,(function*(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}))}toggleOverlay(){var e;(null===(e=this.triggerElement)||void 0===e?void 0:e.hasAttribute("disabled"))||(this.isOpen=!this.isOpen)}handleCreatePopperFirstUpdate(){var e;return C(this,void 0,void 0,(function*(){this.isOpen&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,this.focusInsideOverlay())}))}createInstance(){this.triggerElement?this.popperInstance=Object(b.createPopper)(this.triggerElement,this.popoverContainer,{onFirstUpdate:()=>{this.isOpen&&this.handleCreatePopperFirstUpdate()},placement:this.placement,modifiers:[...b.defaultModifiers,h.a,u.a,m.a,d.a,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left"===e||"right"===e?[t.height+t.y+this.offsetDistance,E.a]:[0,this.showArrow?E.a+this.offsetDistance:this.offsetDistance]}},{name:"arrow",options:{element:this.popoverArrow,padding:E.a}},{name:"computeStyles",options:{adaptive:!0}}]}):console.warn("No trigger element not creating popper instance")}destroyInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}updated(e){if(super.updated(e),e.has("isOpen")){const t=e.get("isOpen");this.isOpenUpdated(t,this.isOpen)}}isOpenUpdated(e,t){var o,i,r,n,s,p;e!==t&&(t?(this.createInstance(),this.dispatchPopoverIsOpenChanged(t),window.addEventListener("blur",this.onWindowBlurEvent),document.addEventListener("click",this.onOutsideOverlayClick),document.addEventListener("keydown",this.onOutsideOverlayKeydown),this.interactive&&(null===(o=this.activateFocusTrap)||void 0===o||o.call(this)),null===(i=this.triggerElement)||void 0===i||i.setAttribute("aria-expanded","true"),null===(r=this.popoverContainer)||void 0===r||r.setAttribute("data-show","")):(this.destroyInstance(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.dispatchPopoverIsOpenChanged(t),null===(n=this.deactivateFocusTrap)||void 0===n||n.call(this),null===(s=this.triggerElement)||void 0===s||s.removeAttribute("aria-expanded"),null===(p=this.popoverContainer)||void 0===p||p.removeAttribute("data-show")))}dispatchPopoverIsOpenChanged(e){this.dispatchEvent(new CustomEvent("popover-open-changed",{detail:{isOpen:e},composed:!0,bubbles:!0}))}render(){var e;return f.html`
-        <div class="md-popover">
-          <slot name="triggerElement" aria-expanded=${this.isOpen}></slot>
-          <div
-            part="popover"
-            class="popover-container"
-            role=${this.role}
-            aria-modal=${Object(y.ifDefined)(this.interactive?"true":void 0)}
-            aria-label=${Object(y.ifDefined)(null!==(e=this.ariaLabel)&&void 0!==e?e:void 0)}
-          >
-            ${this.showClose?f.html`<md-button
-                  class="cancel-icon-button"
-                  size="20"
-                  hasRemoveStyle
-                  circle
-                  @button-click=${()=>this.isOpen=!1}
-                >
-                  <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-button>`:O.nothing}
-            ${this.showArrow?f.html`<div id="arrow" class="popover-arrow"></div>`:O.nothing}
-            <div class="popover-content" part="popover-content">
-              <slot @slotchange=${this.onContentSlotChanged}></slot>
-            </div>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{84:function(e,r,t){"use strict";t.r(r),t.d(r,"ProgressBar",(function(){return a}));var a,o=t(5),s=t(6),i=t(0),n=t(4),l=i.css`.progress-bar{background-color:var(--border-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;box-sizing:border-box;height:4px;margin-bottom:-4px;overflow:hidden;position:relative;width:100%}.progress-bar-value{animation:indeterminateAnimation 1s infinite linear;background-color:var(--link-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;height:100%;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progressbar-label{text-align:left}.progressbar-progress{float:right}.progressbar-label,.progressbar-progress{color:var(--progress-bar-label-text-color,#000);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:.6875rem}.progress{background-color:var(--progress-bar-track-bg-color,#dedede);height:.25rem;margin-bottom:.625rem;overflow:hidden;padding:0;border-radius:var(--progress-bar-border-radius,4px)}.progress .meter{background:#00a0d1;display:block;height:100%}.progress--indeterminate .meter{animation:indeterminateAnimation 1s infinite linear;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progress.secondary .meter{background:#545454;display:block;height:100%}.progress.success .meter{background:#00ab50;display:block;height:100%}.progress.danger .meter{background:#f7644a;display:block;height:100%}.progress.warning .meter{background:#d97f00;display:block;height:100%}.progress.info .meter{background:#16a693;display:block;height:100%}@media(forced-colors:active){.progress{background-color:HighlightText;outline:1px solid Highlight;outline-offset:-1px}.progress .meter{background-color:Highlight}}`,p=function(e,r,t,a){var o,s=arguments.length,i=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,r,t,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(s<3?o(i):s>3?o(r,t,i):o(r,t))||i);return s>3&&i&&Object.defineProperty(r,t,i),i};!function(e){let r=class extends i.LitElement{constructor(){super(...arguments),this.dynamic=!1,this.color="",this.label="",this.displayFormat="percentage",this.type="indeterminate",this.min=0,this.max=100,this.value=25,this.adjustedValue=0,this.valueFraction=0,this.meterWidth="100",this.getDisplayFormat=()=>"indeterminate"===this.type?(this.value=100,null):(this.adjustedValue=this.max-this.value<0?this.max:this.value,this.valueFraction=this.adjustedValue/this.max*100||0,this.meterWidth=this.valueFraction.toFixed(0)+"%","none"===this.displayFormat?null:"percentage"===this.displayFormat?this.meterWidth:`${this.adjustedValue} / ${this.max}`),this.getColor=()=>this.color?this.color:this.dynamic?this.valueFraction<25?"success":this.valueFraction<50?"info":this.valueFraction<75?"warning":"danger":void 0}connectedCallback(){super.connectedCallback(),this.requestUpdate("value")}static get styles(){return[s.a,l]}render(){const e={["progress--"+this.type]:this.type,["progress--"+this.color]:this.color};return i.html`
+        <span>
+          <div class="progressbar-info" data-key="${this.min}">
+            <span class="progressbar-label">${this.label}</span>
+            <span class="progressbar-progress">${this.getDisplayFormat()}</span>
           </div>
-        </div>
-      `}};x([Object(f.property)({type:String})],t.prototype,"placement",void 0),x([Object(f.property)({type:Boolean,attribute:"is-open"})],t.prototype,"isOpen",void 0),x([Object(f.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),x([Object(f.property)({type:Boolean,attribute:"show-close"})],t.prototype,"showClose",void 0),x([Object(f.property)({type:Boolean})],t.prototype,"interactive",void 0),x([Object(f.property)({type:String,attribute:"role"})],t.prototype,"role",void 0),x([Object(f.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),x([Object(f.property)({type:Number,attribute:"offset-distance"})],t.prototype,"offsetDistance",void 0),x([Object(f.query)('slot[name="triggerElement"]')],t.prototype,"triggerSlot",void 0),x([Object(f.query)(".popover-container")],t.prototype,"popoverContainer",void 0),x([Object(f.query)(".popover-arrow")],t.prototype,"popoverArrow",void 0),x([Object(f.property)({type:String})],t.prototype,"trigger",void 0),x([Object(f.internalProperty)()],t.prototype,"isMouseOver",void 0),t=x([Object(n.a)("md-popover")],t),e.ELEMENT=t}(i||(i={}))}}]);
+          <div class="progress ${Object(n.classMap)(e)}" data-key="${this.max}">
+            <span
+              class="meter"
+              role="progressbar"
+              aria-labelledby="progressbar"
+              aria-valuenow=${this.adjustedValue}
+              aria-valuemin=${this.min}
+              aria-valuemax=${this.max}
+              aria-valuetext=${this.meterWidth}
+              style="${"width: "+this.meterWidth+"; background: "+this.getColor()}"
+            >
+            </span>
+          </div>
+        </span>
+      `}};p([Object(i.property)({type:Boolean})],r.prototype,"dynamic",void 0),p([Object(i.property)({type:String})],r.prototype,"color",void 0),p([Object(i.property)({type:String})],r.prototype,"label",void 0),p([Object(i.property)({type:String})],r.prototype,"displayFormat",void 0),p([Object(i.property)({type:String})],r.prototype,"type",void 0),p([Object(i.property)({type:Number})],r.prototype,"min",void 0),p([Object(i.property)({type:Number})],r.prototype,"max",void 0),p([Object(i.property)({type:Number})],r.prototype,"value",void 0),p([Object(i.property)({type:Number})],r.prototype,"adjustedValue",void 0),p([Object(i.property)({type:Number})],r.prototype,"valueFraction",void 0),p([Object(i.property)({type:String})],r.prototype,"meterWidth",void 0),r=p([Object(o.a)("md-progress-bar")],r),e.ELEMENT=r}(a||(a={}))}}]);

package/dist/chunks/md-42.js

@@ -1,42 +1,26 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[42],{45:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(76),a(30),a(36);var i,s=a(1),o=a(5),r=a(9),l=a(16),n=a(20),c=a(0),d=a(3),h=a(15),p=function(e,t,a,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,a,r):s(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r},u=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function r(e){try{n(i.next(e))}catch(e){o(e)}}function l(e){try{n(i.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,l)}n((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends c.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel="Choose Date",this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.selectedDate=Object(r.n)(),this.focusedDate=Object(r.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e,this.isMenuOverlayOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(r.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(r.j)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===s.b.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(r.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(r.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(r.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(r.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{if(!this.value&&""!==this.value)return!0;const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?n.a.dateRangeString:this.includesTime?n.a.ISOString:n.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(r.j)(h.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return u(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),""===this.value&&(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=h.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return c.html`
-        <md-menu-overlay is-date-picker custom-width="248px" ?disabled=${this.disabled}>
-          ${this.customTrigger?c.html`
-                <span slot="menu-trigger">
-                  <slot name="date-trigger"></slot>
-                </span>
-              `:c.html`
-                <md-input
-                  class="date-input"
-                  slot="menu-trigger"
-                  role="combobox"
-                  placeholder=${this.placeholder?this.placeholder:"YYYY-MM-DD"}
-                  value=${Object(d.ifDefined)(this.value)}
-                  htmlId=${this.htmlId}
-                  label=${this.label}
-                  ariaLabel=${this.ariaLabel+this.chosenDateLabel()}
-                  ariaExpanded=${this.isMenuOverlayOpen?"true":"false"}
-                  ariaControls="date-overlay-content"
-                  auxiliaryContentPosition="before"
-                  ?required=${this.required}
-                  @keydown=${e=>this.handleInputKeyDown(e)}
-                  @input-change="${e=>this.handleDateInputChange(e)}"
-                  ?disabled=${this.disabled}
-                  hide-message=${!this.errorMessage&&this.isValueValid()}
-                  ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
-                  .messageArr=${this.errorMessage?[{message:this.errorMessage,type:"error"}]:[{message:"",type:this.isValueValid()?"":"error"}]}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[42],{85:function(e,t,o){"use strict";o.r(t),o.d(t,"Popover",(function(){return i}));o(17),o(14);var i,r=o(1),n=o(5),s=o(33),p=o(16),a=o(28),l=o(22),d=o.n(l),c=o(23),h=o.n(c),v=o(24),u=o.n(v),g=o(25),m=o.n(g),b=o(18),f=o(0),O=o(2),y=o(47),E=o(35),w=f.css`.md-popover{box-sizing:border-box;position:relative;color:var(--popover-text-color)}.md-popover *{box-sizing:inherit}.md-popover .popover-container{filter:drop-shadow(0 0 1px rgba(0, 0, 0, .12)) drop-shadow(0 24px 48px rgba(0, 0, 0, .2));box-sizing:border-box;display:none;position:absolute;z-index:1000;background-color:var(--popover-bg-color);border:1px solid var(--popover-border-color);border-radius:.5rem;padding:.75rem;min-height:24px;min-width:14px;max-width:292px}.md-popover .popover-container[data-show]{display:flex}.md-popover .popover-content{display:flex;justify-content:space-around;width:100%;flex-grow:1;font-size:1rem;font-weight:400;line-height:1.5rem}.md-popover .cancel-icon-button{position:absolute;right:.75rem;top:.75rem;padding-left:.5rem;width:1.25rem;height:1.25rem;cursor:pointer}.md-popover .popover-arrow{position:absolute;width:0;height:0;visibility:hidden}.md-popover .popover-arrow::before{content:"";position:absolute;width:16px;height:16px;background:var(--popover-bg-color);border:1px solid var(--popover-border-color);transform:rotate(45deg);visibility:visible}.popover-container[data-popper-placement^=top]>.popover-arrow{bottom:0}.popover-container[data-popper-placement^=top]>.popover-arrow::before{left:calc(50% - 8px);bottom:-9px;border-top:none;border-left:none;border-bottom-right-radius:3px}.popover-container[data-popper-placement^=bottom]>.popover-arrow{top:0}.popover-container[data-popper-placement^=bottom]>.popover-arrow::before{left:calc(50% - 8px);top:-9px;border-bottom:none;border-right:none;border-top-left-radius:3px}.popover-container[data-popper-placement^=right]>.popover-arrow{left:0}.popover-container[data-popper-placement^=right]>.popover-arrow::before{left:-9px;top:calc(50% - 8px);border-right:none;border-top:none;border-bottom-left-radius:3px}.popover-container[data-popper-placement^=left]>.popover-arrow{right:0}.popover-container[data-popper-placement^=left]>.popover-arrow::before{right:-9px;border-bottom:none;border-left:none;top:calc(50% - 8px);border-top-right-radius:3px}`,x=function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);return n>3&&s&&Object.defineProperty(t,o,s),s},C=function(e,t,o,i){return new(o||(o=Promise))((function(r,n){function s(e){try{a(i.next(e))}catch(e){n(e)}}function p(e){try{a(i.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(s,p)}a((i=i.apply(e,t||[])).next())}))};!function(e){let t=class extends(Object(s.a)(f.LitElement)){constructor(){super(...arguments),this.placement="bottom",this.isOpen=!1,this.showArrow=!0,this.showClose=!1,this.interactive=!1,this.shouldWrapFocus=()=>this.interactive,this.role="dialog",this.ariaLabel=null,this.offsetDistance=5,this.trigger="click",this.triggerElement=null,this.popperInstance=null,this.isMouseOver=!1,this.onOutsideOverlayClick=e=>{var t;if(null===(t=this.trigger)||void 0===t?void 0:t.includes("manual"))return;let o=!1;const i=e.composedPath();i.length&&(o=!!i.find(e=>e===this),o||(this.isOpen=!1))},this.onWindowBlurEvent=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("manual"))||this.isOpen&&(this.isOpen=!1)},this.onOutsideOverlayKeydown=e=>C(this,void 0,void 0,(function*(){this.isOpen&&e.code===r.b.Escape&&(e.preventDefault(),this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onTriggerElementClicked=()=>{this.toggleOverlay()},this.onTriggerElementKeydown=e=>C(this,void 0,void 0,(function*(){Object(a.a)(e.code)&&(e.preventDefault(),this.toggleOverlay()),e.code===r.b.Escape&&this.isOpen&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())})),this.onFocusInTrigger=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus"))&&(this.isOpen=!0)},this.onFocusOutTrigger=()=>{var e;(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus"))&&!this.isMouseOver&&(this.isOpen=!1)},this.onMouseEnteredTriggerOrPopup=e=>{var t;this.isMouseOver=!0,(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&this.setIsOpenDebounced(!0)},this.onMouseLeaveTriggerOrPopup=e=>{var t;this.isMouseOver=!1,(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&!this.shouldStayOpenOnTriggerFocus()&&this.setIsOpenDebounced(!1)},this.setIsOpenDebounced=Object(p.b)(e=>{this.isOpen=e},100)}static get styles(){return[w]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){var e,t,o,i,r;super.disconnectedCallback(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.triggerElement&&((null===(e=this.trigger)||void 0===e?void 0:e.includes("click"))&&(this.triggerElement.removeEventListener("click",this.onTriggerElementClicked),this.triggerElement.removeEventListener("keydown",this.onTriggerElementKeydown)),(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&(this.triggerElement.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(o=this.popoverContainer)||void 0===o||o.removeEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.removeEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(r=this.trigger)||void 0===r?void 0:r.includes("focus"))&&(this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.onFocusOutTrigger)))}setupTriggerEvents(){var e,t,o,i,r;this.triggerElement&&((null===(e=this.trigger)||void 0===e?void 0:e.includes("click"))&&(this.triggerElement.addEventListener("click",this.onTriggerElementClicked.bind(this)),this.triggerElement.addEventListener("keydown",this.onTriggerElementKeydown.bind(this))),(null===(t=this.trigger)||void 0===t?void 0:t.includes("mouseenter"))&&(this.triggerElement.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),this.triggerElement.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup),null===(o=this.popoverContainer)||void 0===o||o.addEventListener("mouseenter",this.onMouseEnteredTriggerOrPopup),null===(i=this.popoverContainer)||void 0===i||i.addEventListener("mouseleave",this.onMouseLeaveTriggerOrPopup)),(null===(r=this.trigger)||void 0===r?void 0:r.includes("focus"))&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.triggerElement.addEventListener("focusout",this.onFocusOutTrigger)))}handleTriggerElementSlotChange(){const e=this.triggerSlot.assignedElements({flatten:!0});this.triggerElement=e.length>0?e[0]:null}onContentSlotChanged(){}shouldStayOpenOnTriggerFocus(){var e;if(null===(e=this.trigger)||void 0===e?void 0:e.includes("focus")){return this.getRootNode().activeElement===this.triggerElement}return!1}firstUpdated(e){var t;super.firstUpdated(e),this.handleTriggerElementSlotChange(),this.setupTriggerEvents(),this.popoverContainer&&this.isOpen&&(this.createInstance(),null===(t=this.popoverContainer)||void 0===t||t.setAttribute("data-show",""))}focusInsideOverlay(){var e,t;this.focusableElements&&(this.focusableElements.length>1?null===(e=this.setInitialFocus)||void 0===e||e.call(this,1):this.focusableElements.length&&(null===(t=this.setInitialFocus)||void 0===t||t.call(this)))}focusOnTrigger(){return C(this,void 0,void 0,(function*(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}))}toggleOverlay(){var e;(null===(e=this.triggerElement)||void 0===e?void 0:e.hasAttribute("disabled"))||(this.isOpen=!this.isOpen)}handleCreatePopperFirstUpdate(){var e;return C(this,void 0,void 0,(function*(){this.isOpen&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,this.focusInsideOverlay())}))}createInstance(){this.triggerElement?this.popperInstance=Object(b.createPopper)(this.triggerElement,this.popoverContainer,{onFirstUpdate:()=>{this.isOpen&&this.handleCreatePopperFirstUpdate()},placement:this.placement,modifiers:[...b.defaultModifiers,h.a,u.a,m.a,d.a,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left"===e||"right"===e?[t.height+t.y+this.offsetDistance,E.a]:[0,this.showArrow?E.a+this.offsetDistance:this.offsetDistance]}},{name:"arrow",options:{element:this.popoverArrow,padding:E.a}},{name:"computeStyles",options:{adaptive:!0}}]}):console.warn("No trigger element not creating popper instance")}destroyInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}updated(e){if(super.updated(e),e.has("isOpen")){const t=e.get("isOpen");this.isOpenUpdated(t,this.isOpen)}}isOpenUpdated(e,t){var o,i,r,n,s,p;e!==t&&(t?(this.createInstance(),this.dispatchPopoverIsOpenChanged(t),window.addEventListener("blur",this.onWindowBlurEvent),document.addEventListener("click",this.onOutsideOverlayClick),document.addEventListener("keydown",this.onOutsideOverlayKeydown),this.interactive&&(null===(o=this.activateFocusTrap)||void 0===o||o.call(this)),null===(i=this.triggerElement)||void 0===i||i.setAttribute("aria-expanded","true"),null===(r=this.popoverContainer)||void 0===r||r.setAttribute("data-show","")):(this.destroyInstance(),window.removeEventListener("blur",this.onWindowBlurEvent),document.removeEventListener("click",this.onOutsideOverlayClick),document.removeEventListener("keydown",this.onOutsideOverlayKeydown),this.dispatchPopoverIsOpenChanged(t),null===(n=this.deactivateFocusTrap)||void 0===n||n.call(this),null===(s=this.triggerElement)||void 0===s||s.removeAttribute("aria-expanded"),null===(p=this.popoverContainer)||void 0===p||p.removeAttribute("data-show")))}dispatchPopoverIsOpenChanged(e){this.dispatchEvent(new CustomEvent("popover-open-changed",{detail:{isOpen:e},composed:!0,bubbles:!0}))}render(){var e;return f.html`
+        <div class="md-popover">
+          <slot name="triggerElement" aria-expanded=${this.isOpen}></slot>
+          <div
+            part="popover"
+            class="popover-container"
+            role=${this.role}
+            aria-modal=${Object(y.ifDefined)(this.interactive?"true":void 0)}
+            aria-label=${Object(y.ifDefined)(null!==(e=this.ariaLabel)&&void 0!==e?e:void 0)}
+          >
+            ${this.showClose?f.html`<md-button
+                  class="cancel-icon-button"
+                  size="20"
+                  hasRemoveStyle
+                  circle
+                  @button-click=${()=>this.isOpen=!1}
                 >
-                  <md-icon slot="input-section" name="calendar-month-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-input>
-              `}
-
-          <div class="date-overlay-content">
-            <md-datepicker-calendar
-              @day-select=${e=>this.handleSelect(e)}
-              @day-key-event=${e=>this.handleKeyDown(e)}
-              .datePickerProps=${{locale:this.locale,selected:this.selectedDate,focused:this.focusedDate,weekStart:this.weekStart}}
-              .filterParams=${{minDate:this.minDateData,maxDate:this.maxDateData,filterDate:this.filterDate}}
-            ></md-datepicker-calendar>
-            <slot name="time-picker"></slot>
+                  <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
+                </md-button>`:O.nothing}
+            ${this.showArrow?f.html`<div id="arrow" class="popover-arrow"></div>`:O.nothing}
+            <div class="popover-content" part="popover-content">
+              <slot @slotchange=${this.onContentSlotChanged}></slot>
+            </div>
           </div>
-        </md-menu-overlay>
-      `}};p([Object(c.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),p([Object(c.property)({type:String})],t.prototype,"maxDate",void 0),p([Object(c.property)({type:String})],t.prototype,"minDate",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"value",void 0),p([Object(c.property)({type:String})],t.prototype,"weekStart",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),p([Object(c.property)({type:String})],t.prototype,"locale",void 0),p([Object(c.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"disabled",void 0),p([Object(c.property)({type:String})],t.prototype,"htmlId",void 0),p([Object(c.property)({type:String})],t.prototype,"label",void 0),p([Object(c.property)({type:String})],t.prototype,"ariaLabel",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"required",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),p([Object(c.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"isMenuOverlayOpen",void 0),p([Object(c.internalProperty)()],t.prototype,"selectedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"focusedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"filterDate",void 0),p([Object(c.internalProperty)()],t.prototype,"maxDateData",void 0),p([Object(c.internalProperty)()],t.prototype,"minDateData",void 0),p([Object(c.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=p([Object(o.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
+        </div>
+      `}};x([Object(f.property)({type:String})],t.prototype,"placement",void 0),x([Object(f.property)({type:Boolean,attribute:"is-open"})],t.prototype,"isOpen",void 0),x([Object(f.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),x([Object(f.property)({type:Boolean,attribute:"show-close"})],t.prototype,"showClose",void 0),x([Object(f.property)({type:Boolean})],t.prototype,"interactive",void 0),x([Object(f.property)({type:String,attribute:"role"})],t.prototype,"role",void 0),x([Object(f.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),x([Object(f.property)({type:Number,attribute:"offset-distance"})],t.prototype,"offsetDistance",void 0),x([Object(f.query)('slot[name="triggerElement"]')],t.prototype,"triggerSlot",void 0),x([Object(f.query)(".popover-container")],t.prototype,"popoverContainer",void 0),x([Object(f.query)(".popover-arrow")],t.prototype,"popoverArrow",void 0),x([Object(f.property)({type:String})],t.prototype,"trigger",void 0),x([Object(f.internalProperty)()],t.prototype,"isMouseOver",void 0),t=x([Object(n.a)("md-popover")],t),e.ELEMENT=t}(i||(i={}))}}]);