@momentum-ui/web-components 2.14.0 → 2.14.2

package/dist/chunks/md-56.js

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

package/dist/chunks/md-57.js

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

package/dist/chunks/md-58.js

@@ -1,51 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[58],{113:function(o,e,r){"use strict";r.r(e),r.d(e,"tooltipPlacement",(function(){return v})),r.d(e,"Chip",(function(){return h}));r(15),r(79),r(40);var t=r(1),c=r(6),a=r(5),l=r(0),i=r(2),d=r(4),g=r(3),n=l.css`:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem);align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto}.md-chip{border-radius:1.125rem}.md-chip{--left-content-right-margin:0.625rem}.md-chip--small{padding:.1875rem .75rem;font-size:var(--body-secondary-font-size,.75rem);height:1.5rem;min-width:auto}.md-chip:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#005e7d)}.md-chip:hover{background-color:var(--md-tertiary-bg-color,#ededed)}.md-chip:active,.md-chip[aria-selected=true]{background-color:var(--button-secondary-active-normal-bg-color,var(--md-quaternary-bg-color,#dedede))}.md-chip--blue,.md-chip--cobalt{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:hover{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:active{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:hover{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:active{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--positive{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-positive-bg-color);color:var(--badge-positive-text-color);border:1px solid var(--badge-positive-border-color);border-radius:4px}.md-chip--positive:hover{background-color:var(--badge-positive-hover-bg-color)}.md-chip--positive:active{background-color:var(--badge-positive-active-bg-color)}.md-chip--negative{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-negative-bg-color);color:var(--badge-negative-text-color);border:1px solid var(--badge-negative-border-color);border-radius:4px}.md-chip--negative:hover{background-color:var(--badge-negative-hover-bg-color)}.md-chip--negative:active{background-color:var(--badge-negative-active-bg-color)}.md-chip--neutral{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-neutral-bg-color);color:var(--badge-neutral-text-color);border:1px solid var(--badge-neutral-border-color);border-radius:4px}.md-chip--neutral:hover{background-color:var(--badge-neutral-hover-bg-color)}.md-chip--neutral:active{background-color:var(--badge-neutral-active-bg-color)}.md-chip .md-chip--clear{display:flow-root;margin-left:.625rem;margin-right:0;height:.875rem;right:.75rem;top:.75rem;width:.875rem}.md-chip .md-chip--clear::before{font-size:.875rem}.md-chip .md-chip--loading{left:0;overflow:hidden;position:absolute;top:-.125rem;width:100%}.md-chip .md-chip--textcontent{max-width:9.375rem}.md-chip md-icon{display:flex;margin-right:var(--left-content-right-margin)}.md-chip.md-chip--disabled{color:var(--md-disabled-text-color,#b2b2b2);cursor:default;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto}.md-chip.md-chip--disabled{border-radius:1.125rem}.md-chip.md-chip--disabled md-icon{color:var(--md-disabled-text-color,#b2b2b2)}::slotted(*){line-height:normal}::slotted([slot=custom-left-content]){margin-right:var(--left-content-right-margin)}::slotted([slot=custom-right-content]){margin-left:.625rem}@media(forced-colors:active){.md-chip{outline:1px solid CanvasText}.md-chip:focus,.md-chip:hover{box-shadow:none;outline:2px solid Highlight}.md-chip.md-chip--disabled{color:GrayText;outline:1px solid GrayText}.md-chip.md-chip--disabled:focus,.md-chip.md-chip--disabled:hover{outline:2px solid Highlight}.md-chip.md-chip--disabled md-icon{color:GrayText}}`,b=function(o,e,r,t){var c,a=arguments.length,l=a<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,t);else for(var i=o.length-1;i>=0;i--)(c=o[i])&&(l=(a<3?c(l):a>3?c(e,r,l):c(e,r))||l);return a>3&&l&&Object.defineProperty(e,r,l),l};const v=["auto","auto-start","auto-end","left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"];var h;!function(o){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.iconSize="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.iconSet="momentumUI",this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=o=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:o}}))},this.handleClear=o=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:o}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:i.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:i.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:i.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?l.html`
-          <style>
-            :host .md-chip {
-              ${this.renderBgColor()};
-              ${this.renderTextColor()};
-              ${this.renderHeight()};
-            }
-          </style>
-        `:i.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}updated(o){super.updated(o),this.truncStringPortion(this.value)}truncStringPortion(o,e=this.PRE_TRUNC_CHARS,r=this.POST_TRUNC_CHARS,t=this.DOT_COUNT){if(this.value.length>this.MAX_LENGTH){let c="";c+=o.substring(0,e),c+=".".repeat(t),c+=o.substring(o.length-r,o.length),this.renderedText=c,this.textOverflow=!0}else this.renderedText=this.value}handleClick(){var o;const e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("md-tooltip");null==e||e.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:null==e?void 0:e.placement,reference:null==e?void 0:e.reference,popper:null==e?void 0:e.popper}})),this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(o){switch(o.code){case t.b.Space:case t.b.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[a.a,n]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?l.html`
-              <md-progress-bar
-                class="md-chip--loading"
-                type="determinate"
-                value="${this.determinateProgress}"
-                displayFormat="none"
-              >
-              </md-progress-bar>
-            `:l.html`
-              <md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
-            `:i.nothing}iconTemplate(){const o=this.disabled?"":this.iconColor;return this.icon?l.html`
-            <md-icon
-              class="md-chip--icon"
-              part="chip-icon"
-              name="${this.icon}"
-              color="${o}"
-              iconSet=${Object(g.ifDefined)(this.iconSet||void 0)}
-              size="${Object(g.ifDefined)(this.iconSize||void 0)}"
-            >
-            </md-icon>
-          `:i.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}render(){const o={"md-chip--small":this.small,"md-chip--disabled":this.disabled,["md-chip--"+this.color]:this.color};return l.html`
-        ${this.getStyles()}
-        <md-tooltip
-          ?disabled=${!this.tooltipText&&!this.textOverflow}
-          message="${this.getToolTipContent()}"
-          placement="${this.tooltipPlacement}"
-        >
-          <span
-            role="button"
-            tabindex="0"
-            class="md-chip ${Object(d.classMap)(o)}"
-            part="chip"
-            aria-pressed=${this.selected}
-            @click=${()=>{this.handleClick()}}
-            @keydown=${o=>{this.handleKeydown(o)}}
-          >
-            ${this.loadingTemplate()} ${this.iconTemplate()}
-            <slot name="custom-left-content" part="chip-left"> </slot>
-            <span class="md-chip--textcontent"> ${this.renderedText}</span>
-            <slot name="custom-right-content" part="chip-right"> </slot>
-          </span>
-        </md-tooltip>
-      `}};b([Object(l.property)({type:String})],e.prototype,"color",void 0),b([Object(l.property)({type:String})],e.prototype,"bgColor",void 0),b([Object(l.property)({type:String})],e.prototype,"textColor",void 0),b([Object(l.property)({type:String})],e.prototype,"height",void 0),b([Object(l.property)({type:String})],e.prototype,"icon",void 0),b([Object(l.property)({type:String})],e.prototype,"iconColor",void 0),b([Object(l.property)({type:String})],e.prototype,"iconSize",void 0),b([Object(l.property)({type:String})],e.prototype,"role",void 0),b([Object(l.property)({type:String,reflect:!0})],e.prototype,"id",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"small",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"readonly",void 0),b([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"disabled",void 0),b([Object(l.property)({type:Number})],e.prototype,"determinateProgress",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),b([Object(l.property)({type:String})],e.prototype,"tooltipText",void 0),b([Object(l.property)({type:String})],e.prototype,"tooltipPlacement",void 0),b([Object(l.property)({type:String})],e.prototype,"iconSet",void 0),b([Object(l.property)({type:String,hasChanged:(o,e)=>o!==e})],e.prototype,"value",void 0),b([Object(l.internalProperty)({hasChanged:(o,e)=>o!==e})],e.prototype,"textOverflow",void 0),b([Object(l.internalProperty)()],e.prototype,"renderedText",void 0),e=b([Object(c.a)("md-chip")],e),o.ELEMENT=e}(h||(h={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[58],{90:function(e,t,o){"use strict";o.r(t),o.d(t,"CheckboxGroup",(function(){return r}));var r,c=o(1),s=o(7),n=o(5),l=o(6),i=o(0),h=o(62),a=function(e,t,o,r){var c,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(n=(s<3?c(n):s>3?c(t,o,n):c(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends(Object(s.d)(i.LitElement)){constructor(){super(...arguments),this.label="group",this.alignment="vertical"}static get styles(){return[n.a,h.a]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}switchCheckboxOnArrowPress(e,t=1){const o=super.getAvailableSelectedIndex(e,t);-1!==o&&(this.selected=o)}handleKeyDown(e){const{code:t}=e;switch(t){case c.b.ArrowUp:case c.b.ArrowLeft:0===this.selected?this.switchCheckboxOnArrowPress(this.slotted.length-1,-1):this.switchCheckboxOnArrowPress(this.selected-1,-1);break;case c.b.ArrowDown:case c.b.ArrowRight:this.selected===this.slotted.length-1?this.switchCheckboxOnArrowPress(0):this.switchCheckboxOnArrowPress(this.selected+1)}}get slotElement(){return this.checkboxSlot}render(){return i.html`
+        <div role="group" aria-labelledby="id-group-label">
+          <slot name="checkbox"></slot>
+        </div>
+      `}};a([Object(i.property)({type:String,attribute:"group-label"})],t.prototype,"label",void 0),a([Object(i.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),a([Object(i.query)("slot[name='checkbox']")],t.prototype,"checkboxSlot",void 0),t=a([Object(l.a)("md-checkboxgroup")],t),e.ELEMENT=t}(r||(r={}))}}]);

package/dist/chunks/md-59.js

@@ -1,22 +1,51 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{114:function(r,o,a){"use strict";a.r(o),a.d(o,"coachmarkPlacement",(function(){return l})),a.d(o,"Coachmark",(function(){return k}));a(17);var c=a(7),e=a(6),m=a(16),p=a(5),t=a(0),d=a(4),h=t.css`.md-coachmark{display:inline-flex;position:relative}.md-coachmark__popper{border-radius:.25rem;display:none;min-width:10.625rem;padding:.75rem;position:absolute;width:auto;z-index:1}.md-coachmark__popper .md-coachmark__arrow{height:0;position:absolute;width:0}.md-coachmark__popper--right{animation:coach-fade 1s,coach-slide-right .5s ease;left:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--right .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;left:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--left{animation:coach-fade 1s,coach-slide-left .5s ease;right:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--left .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;right:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--top{animation:coach-fade 1s,coach-slide-top .5s ease;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%)}.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;bottom:-.625rem;left:50%;transform:translateX(-50%)}.md-coachmark__popper--bottom{animation:coach-fade 1s,coach-slide-bottom .5s ease;left:50%;top:calc(100% + .5rem);transform:translateX(-50%)}.md-coachmark__popper--bottom .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;left:50%;top:-.625rem;transform:translateX(-50%)}.md-coachmark__popper--default{background:var(--coachmark-default-bg-color,#f7f7f7);color:var(-coachmark-default-text-color,#545454)}.md-coachmark__popper--default.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--blue{background:var(--coachmark-blue-bg-color,#c7eeff);color:var(--coachmark-blue-text-color,#08599c)}.md-coachmark__popper--blue.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--green{background:var(--coachmark-green-bg-color,#78f5b8);color:var(--coachmark-green-text-color,#03612c)}.md-coachmark__popper--green.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--purple{background:var(--coachmark-purple-bg-color,#fce1fc);color:var(--coachmark-purple-text-color,#932099)}.md-coachmark__popper--purple.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--violet{background:var(--coachmark-violet-bg-color,#f0e3fc);color:var(--coachmark-violet-text-color,#643abd)}.md-coachmark__popper--violet.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--mint{background:var(--coachmark-mint-bg-color,#baf5e7);color:var(--coachmark-mint-text-color,#12615a)}.md-coachmark__popper--mint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--top .md-coachmark__arrow{border-top:1 .625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--darkmint{background:var(--coachmark-darkmint-bg-color,#16a693);color:var(--coachmark-darkmint-text-color,#f7f7f7)}.md-coachmark__popper--darkmint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--yellow{background:var(--coachmark-yellow-bg-color,#ffd98c);color:var(--coachmark-yellow-text-color,#7d4705)}.md-coachmark__popper--yellow.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--red{background:var(--coachmark-red-bg-color,#ffd5cc);color:var(--coachmark-red-text-color,#a12512)}.md-coachmark__popper--red.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--darkred{background:var(--coachmark-darkred-bg-color,#d4371c);color:var(--coachmark-darkred-text-color,#4a1812)}.md-coachmark__popper--darkred.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--orange{background:var(--coachmark-orange-bg-color,#fce4c7);color:var(--coachmark-orange-text-color,#914017)}.md-coachmark__popper--orange.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--cyan{background:var(--coachmark-cyan-bg-color,#b2f4f7);color:var(--coachmark-cyan-text-color,#066070)}.md-coachmark__popper--cyan.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--outline{background:var(--coachmark-outline-color,#b2b2b2);color:var(--coachmark-outline-text-color,#949494)}.md-coachmark__popper--outline.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark--active .md-coachmark__popper{display:block}@keyframes coach-fade{from{opacity:0}to{opacity:1}}@keyframes coach-slide-right{from{left:100%}to{left:calc(100% + 1rem)}}@keyframes coach-slide-top{from{bottom:100%}to{bottom:calc(100% + .5rem)}}@keyframes coach-slide-left{from{right:100%}to{right:calc(100% + 1rem)}}@keyframes coach-slide-bottom{from{top:100%}to{top:calc(100% + .5rem)}}@media(forced-colors:active){.md-coachmark md-task-item{outline:2px solid transparent}.md-coachmark__popper--blue,.md-coachmark__popper--cyan,.md-coachmark__popper--darked,.md-coachmark__popper--darkmint,.md-coachmark__popper--default,.md-coachmark__popper--green,.md-coachmark__popper--mint,.md-coachmark__popper--orange,.md-coachmark__popper--purple,.md-coachmark__popper--red,.md-coachmark__popper--violet,.md-coachmark__popper--yellow{background-color:Canvas;outline:1px solid CanvasText}.md-coachmark__popper--bottom .md-coachmark__arrow,.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid Canvas;border-right:.625rem solid Canvas}.md-coachmark__popper--left .md-coachmark__arrow,.md-coachmark__popper--right .md-coachmark__arrow{border-top:.625rem solid Canvas;border-bottom:.625rem solid Canvas}}`,_=function(r,o,a,c){var e,m=arguments.length,p=m<3?o:null===c?c=Object.getOwnPropertyDescriptor(o,a):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(r,o,a,c);else for(var t=r.length-1;t>=0;t--)(e=r[t])&&(p=(m<3?e(p):m>3?e(o,a,p):e(o,a))||p);return m>3&&p&&Object.defineProperty(o,a,p),p};const l=["auto","left","right","top","bottom"];var k;!function(r){let o=class extends(Object(c.b)(t.LitElement)){constructor(){super(...arguments),this.message="",this.actionname="Next",this.hidebutton=!1,this.placement="auto",this.show=!1,this.color="default",this.slotContent=null}connectedCallback(){super.connectedCallback()}notifyCoachCreate(){this.dispatchEvent(new CustomEvent("coach-create",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}coachAction(){this.dispatchEvent(new CustomEvent("coach-action",{bubbles:!0,composed:!0,detail:{popper:this.popper}}))}handleSlotChange(r){const o=r.target;if(o){const r=o.assignedElements({flatten:!0});r.length&&(this.slotContent=r)}}update(r){super.update(r),r.has("show")&&this.show&&(this.setFocusableElements(),this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus())}get coachWrapClassMap(){return{"md-coachmark--active":!!this.show}}get coachClassMap(){return{["md-coachmark__popper--"+this.placement]:!!this.placement,["md-coachmark__popper--"+this.color]:!!this.color}}static get styles(){return[p.a,h]}coachmarkContentTemplate(){return t.html`
-        <div class="md-coachmark__content">
-          ${this.message?this.message:t.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
-          <div class="md-coachmark__action">
-            ${this.hidebutton?t.html` <slot name="coachmark-action"></slot> `:t.html` <md-button variant="secondary" @button-click=${this.coachAction}>${this.actionname}</md-button> `}
-          </div>
-        </div>
-      `}wrappedCoachmarkContentTemplate(){const r=Object(m.a)("md-theme",this);return"momentumV2"===(null==r?void 0:r.theme)?t.html`
-          <md-theme theme="momentumV2" ?darkTheme=${!r.darkTheme}>
-            ${this.coachmarkContentTemplate()}
-          </md-theme>
-        `:this.coachmarkContentTemplate()}render(){return t.html`
-        <div class="md-coachmark ${Object(d.classMap)(this.coachWrapClassMap)}">
-          <div class="md-coachmark__popper ${Object(d.classMap)(this.coachClassMap)}" tabindex="0">
-            ${this.wrappedCoachmarkContentTemplate()}
-            <div id="arrow" class="md-coachmark__arrow" data-popper-arrow></div>
-          </div>
-          <div class="md-coachmark__reference" @click=${()=>this.notifyCoachCreate()} aria-describedby="coachmark">
-            <slot></slot>
-          </div>
-        </div>
-      `}};_([Object(t.property)({type:String})],o.prototype,"message",void 0),_([Object(t.property)({type:String})],o.prototype,"actionname",void 0),_([Object(t.property)({type:Boolean})],o.prototype,"hidebutton",void 0),_([Object(t.property)({type:String})],o.prototype,"placement",void 0),_([Object(t.property)({type:Boolean})],o.prototype,"show",void 0),_([Object(t.property)({type:String})],o.prototype,"color",void 0),_([Object(t.query)(".md-coachmark__popper")],o.prototype,"popper",void 0),_([Object(t.query)(".md-coachmark__reference")],o.prototype,"reference",void 0),o=_([Object(e.a)("md-coachmark")],o),r.ELEMENT=o}(k||(k={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{114:function(o,e,r){"use strict";r.r(e),r.d(e,"tooltipPlacement",(function(){return v})),r.d(e,"Chip",(function(){return h}));r(15),r(80),r(40);var t=r(1),c=r(6),a=r(5),l=r(0),i=r(2),d=r(4),g=r(3),n=l.css`:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem);align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto}.md-chip{border-radius:1.125rem}.md-chip{--left-content-right-margin:0.625rem}.md-chip--small{padding:.1875rem .75rem;font-size:var(--body-secondary-font-size,.75rem);height:1.5rem;min-width:auto}.md-chip:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#005e7d)}.md-chip:hover{background-color:var(--md-tertiary-bg-color,#ededed)}.md-chip:active,.md-chip[aria-selected=true]{background-color:var(--button-secondary-active-normal-bg-color,var(--md-quaternary-bg-color,#dedede))}.md-chip--blue,.md-chip--cobalt{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color);color:var(--badge-blue-text-color)}.md-chip--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color);color:var(--badge-gray-text-color)}.md-chip--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color);color:var(--badge-mint-text-color)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-chip--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:hover{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--green:active{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-chip--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:hover{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--red:active{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-chip--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color);color:var(--badge-orange-text-color)}.md-chip--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color);color:var(--badge-gold-text-color)}.md-chip--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color);color:var(--badge-lime-text-color)}.md-chip--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color);color:var(--badge-pink-text-color)}.md-chip--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-chip--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color);color:var(--badge-violet-text-color)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-chip--positive{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-positive-bg-color);color:var(--badge-positive-text-color);border:1px solid var(--badge-positive-border-color);border-radius:4px}.md-chip--positive:hover{background-color:var(--badge-positive-hover-bg-color)}.md-chip--positive:active{background-color:var(--badge-positive-active-bg-color)}.md-chip--negative{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-negative-bg-color);color:var(--badge-negative-text-color);border:1px solid var(--badge-negative-border-color);border-radius:4px}.md-chip--negative:hover{background-color:var(--badge-negative-hover-bg-color)}.md-chip--negative:active{background-color:var(--badge-negative-active-bg-color)}.md-chip--neutral{--left-content-right-margin:4px;padding:0 4px;font-weight:500;font-family:var(--brand-font-regular);background-color:var(--badge-neutral-bg-color);color:var(--badge-neutral-text-color);border:1px solid var(--badge-neutral-border-color);border-radius:4px}.md-chip--neutral:hover{background-color:var(--badge-neutral-hover-bg-color)}.md-chip--neutral:active{background-color:var(--badge-neutral-active-bg-color)}.md-chip .md-chip--clear{display:flow-root;margin-left:.625rem;margin-right:0;height:.875rem;right:.75rem;top:.75rem;width:.875rem}.md-chip .md-chip--clear::before{font-size:.875rem}.md-chip .md-chip--loading{left:0;overflow:hidden;position:absolute;top:-.125rem;width:100%}.md-chip .md-chip--textcontent{max-width:9.375rem}.md-chip md-icon{display:flex;margin-right:var(--left-content-right-margin)}.md-chip.md-chip--disabled{color:var(--md-disabled-text-color,#b2b2b2);cursor:default;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto}.md-chip.md-chip--disabled{border-radius:1.125rem}.md-chip.md-chip--disabled md-icon{color:var(--md-disabled-text-color,#b2b2b2)}::slotted(*){line-height:normal}::slotted([slot=custom-left-content]){margin-right:var(--left-content-right-margin)}::slotted([slot=custom-right-content]){margin-left:.625rem}@media(forced-colors:active){.md-chip{outline:1px solid CanvasText}.md-chip:focus,.md-chip:hover{box-shadow:none;outline:2px solid Highlight}.md-chip.md-chip--disabled{color:GrayText;outline:1px solid GrayText}.md-chip.md-chip--disabled:focus,.md-chip.md-chip--disabled:hover{outline:2px solid Highlight}.md-chip.md-chip--disabled md-icon{color:GrayText}}`,b=function(o,e,r,t){var c,a=arguments.length,l=a<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,t);else for(var i=o.length-1;i>=0;i--)(c=o[i])&&(l=(a<3?c(l):a>3?c(e,r,l):c(e,r))||l);return a>3&&l&&Object.defineProperty(e,r,l),l};const v=["auto","auto-start","auto-end","left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"];var h;!function(o){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.iconSize="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.iconSet="momentumUI",this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=o=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:o}}))},this.handleClear=o=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:o}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:i.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:i.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:i.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?l.html`
+          <style>
+            :host .md-chip {
+              ${this.renderBgColor()};
+              ${this.renderTextColor()};
+              ${this.renderHeight()};
+            }
+          </style>
+        `:i.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}updated(o){super.updated(o),this.truncStringPortion(this.value)}truncStringPortion(o,e=this.PRE_TRUNC_CHARS,r=this.POST_TRUNC_CHARS,t=this.DOT_COUNT){if(this.value.length>this.MAX_LENGTH){let c="";c+=o.substring(0,e),c+=".".repeat(t),c+=o.substring(o.length-r,o.length),this.renderedText=c,this.textOverflow=!0}else this.renderedText=this.value}handleClick(){var o;const e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("md-tooltip");null==e||e.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:null==e?void 0:e.placement,reference:null==e?void 0:e.reference,popper:null==e?void 0:e.popper}})),this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(o){switch(o.code){case t.b.Space:case t.b.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[a.a,n]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?l.html`
+              <md-progress-bar
+                class="md-chip--loading"
+                type="determinate"
+                value="${this.determinateProgress}"
+                displayFormat="none"
+              >
+              </md-progress-bar>
+            `:l.html`
+              <md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
+            `:i.nothing}iconTemplate(){const o=this.disabled?"":this.iconColor;return this.icon?l.html`
+            <md-icon
+              class="md-chip--icon"
+              part="chip-icon"
+              name="${this.icon}"
+              color="${o}"
+              iconSet=${Object(g.ifDefined)(this.iconSet||void 0)}
+              size="${Object(g.ifDefined)(this.iconSize||void 0)}"
+            >
+            </md-icon>
+          `:i.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}render(){const o={"md-chip--small":this.small,"md-chip--disabled":this.disabled,["md-chip--"+this.color]:this.color};return l.html`
+        ${this.getStyles()}
+        <md-tooltip
+          ?disabled=${!this.tooltipText&&!this.textOverflow}
+          message="${this.getToolTipContent()}"
+          placement="${this.tooltipPlacement}"
+        >
+          <span
+            role="button"
+            tabindex="0"
+            class="md-chip ${Object(d.classMap)(o)}"
+            part="chip"
+            aria-pressed=${this.selected}
+            @click=${()=>{this.handleClick()}}
+            @keydown=${o=>{this.handleKeydown(o)}}
+          >
+            ${this.loadingTemplate()} ${this.iconTemplate()}
+            <slot name="custom-left-content" part="chip-left"> </slot>
+            <span class="md-chip--textcontent"> ${this.renderedText}</span>
+            <slot name="custom-right-content" part="chip-right"> </slot>
+          </span>
+        </md-tooltip>
+      `}};b([Object(l.property)({type:String})],e.prototype,"color",void 0),b([Object(l.property)({type:String})],e.prototype,"bgColor",void 0),b([Object(l.property)({type:String})],e.prototype,"textColor",void 0),b([Object(l.property)({type:String})],e.prototype,"height",void 0),b([Object(l.property)({type:String})],e.prototype,"icon",void 0),b([Object(l.property)({type:String})],e.prototype,"iconColor",void 0),b([Object(l.property)({type:String})],e.prototype,"iconSize",void 0),b([Object(l.property)({type:String})],e.prototype,"role",void 0),b([Object(l.property)({type:String,reflect:!0})],e.prototype,"id",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"small",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"readonly",void 0),b([Object(l.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"disabled",void 0),b([Object(l.property)({type:Number})],e.prototype,"determinateProgress",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),b([Object(l.property)({type:String})],e.prototype,"tooltipText",void 0),b([Object(l.property)({type:String})],e.prototype,"tooltipPlacement",void 0),b([Object(l.property)({type:String})],e.prototype,"iconSet",void 0),b([Object(l.property)({type:String,hasChanged:(o,e)=>o!==e})],e.prototype,"value",void 0),b([Object(l.internalProperty)({hasChanged:(o,e)=>o!==e})],e.prototype,"textOverflow",void 0),b([Object(l.internalProperty)()],e.prototype,"renderedText",void 0),e=b([Object(c.a)("md-chip")],e),o.ELEMENT=e}(h||(h={}))}}]);

package/dist/chunks/md-60.js

@@ -1,5 +1,22 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[60],{87:function(t,e,r){"use strict";r.r(e),r.d(e,"CompositeAvatar",(function(){return o}));var o,s=r(5),a=r(6),n=r(0),i=r(4),c=r(37),p=function(t,e,r,o){var s,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var i=t.length-1;i>=0;i--)(s=t[i])&&(n=(a<3?s(n):a>3?s(e,r,n):s(e,r))||n);return a>3&&n&&Object.defineProperty(e,r,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.size=0}static get styles(){return[s.a,c.a]}get avatarClassMap(){return{["md-composite-avatar--"+this.size]:!!this.size}}render(){return n.html`
-        <div class="md-composite-avatar ${Object(i.classMap)(this.avatarClassMap)}">
-          <slot></slot>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[60],{115:function(r,o,a){"use strict";a.r(o),a.d(o,"coachmarkPlacement",(function(){return l})),a.d(o,"Coachmark",(function(){return k}));a(17);var c=a(7),e=a(6),m=a(16),p=a(5),t=a(0),d=a(4),h=t.css`.md-coachmark{display:inline-flex;position:relative}.md-coachmark__popper{border-radius:.25rem;display:none;min-width:10.625rem;padding:.75rem;position:absolute;width:auto;z-index:1}.md-coachmark__popper .md-coachmark__arrow{height:0;position:absolute;width:0}.md-coachmark__popper--right{animation:coach-fade 1s,coach-slide-right .5s ease;left:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--right .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;left:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--left{animation:coach-fade 1s,coach-slide-left .5s ease;right:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--left .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;right:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--top{animation:coach-fade 1s,coach-slide-top .5s ease;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%)}.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;bottom:-.625rem;left:50%;transform:translateX(-50%)}.md-coachmark__popper--bottom{animation:coach-fade 1s,coach-slide-bottom .5s ease;left:50%;top:calc(100% + .5rem);transform:translateX(-50%)}.md-coachmark__popper--bottom .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;left:50%;top:-.625rem;transform:translateX(-50%)}.md-coachmark__popper--default{background:var(--coachmark-default-bg-color,#f7f7f7);color:var(-coachmark-default-text-color,#545454)}.md-coachmark__popper--default.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--blue{background:var(--coachmark-blue-bg-color,#c7eeff);color:var(--coachmark-blue-text-color,#08599c)}.md-coachmark__popper--blue.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--green{background:var(--coachmark-green-bg-color,#78f5b8);color:var(--coachmark-green-text-color,#03612c)}.md-coachmark__popper--green.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--purple{background:var(--coachmark-purple-bg-color,#fce1fc);color:var(--coachmark-purple-text-color,#932099)}.md-coachmark__popper--purple.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--violet{background:var(--coachmark-violet-bg-color,#f0e3fc);color:var(--coachmark-violet-text-color,#643abd)}.md-coachmark__popper--violet.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--mint{background:var(--coachmark-mint-bg-color,#baf5e7);color:var(--coachmark-mint-text-color,#12615a)}.md-coachmark__popper--mint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--top .md-coachmark__arrow{border-top:1 .625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--darkmint{background:var(--coachmark-darkmint-bg-color,#16a693);color:var(--coachmark-darkmint-text-color,#f7f7f7)}.md-coachmark__popper--darkmint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--yellow{background:var(--coachmark-yellow-bg-color,#ffd98c);color:var(--coachmark-yellow-text-color,#7d4705)}.md-coachmark__popper--yellow.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--red{background:var(--coachmark-red-bg-color,#ffd5cc);color:var(--coachmark-red-text-color,#a12512)}.md-coachmark__popper--red.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--darkred{background:var(--coachmark-darkred-bg-color,#d4371c);color:var(--coachmark-darkred-text-color,#4a1812)}.md-coachmark__popper--darkred.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--orange{background:var(--coachmark-orange-bg-color,#fce4c7);color:var(--coachmark-orange-text-color,#914017)}.md-coachmark__popper--orange.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--cyan{background:var(--coachmark-cyan-bg-color,#b2f4f7);color:var(--coachmark-cyan-text-color,#066070)}.md-coachmark__popper--cyan.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--outline{background:var(--coachmark-outline-color,#b2b2b2);color:var(--coachmark-outline-text-color,#949494)}.md-coachmark__popper--outline.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark--active .md-coachmark__popper{display:block}@keyframes coach-fade{from{opacity:0}to{opacity:1}}@keyframes coach-slide-right{from{left:100%}to{left:calc(100% + 1rem)}}@keyframes coach-slide-top{from{bottom:100%}to{bottom:calc(100% + .5rem)}}@keyframes coach-slide-left{from{right:100%}to{right:calc(100% + 1rem)}}@keyframes coach-slide-bottom{from{top:100%}to{top:calc(100% + .5rem)}}@media(forced-colors:active){.md-coachmark md-task-item{outline:2px solid transparent}.md-coachmark__popper--blue,.md-coachmark__popper--cyan,.md-coachmark__popper--darked,.md-coachmark__popper--darkmint,.md-coachmark__popper--default,.md-coachmark__popper--green,.md-coachmark__popper--mint,.md-coachmark__popper--orange,.md-coachmark__popper--purple,.md-coachmark__popper--red,.md-coachmark__popper--violet,.md-coachmark__popper--yellow{background-color:Canvas;outline:1px solid CanvasText}.md-coachmark__popper--bottom .md-coachmark__arrow,.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid Canvas;border-right:.625rem solid Canvas}.md-coachmark__popper--left .md-coachmark__arrow,.md-coachmark__popper--right .md-coachmark__arrow{border-top:.625rem solid Canvas;border-bottom:.625rem solid Canvas}}`,_=function(r,o,a,c){var e,m=arguments.length,p=m<3?o:null===c?c=Object.getOwnPropertyDescriptor(o,a):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(r,o,a,c);else for(var t=r.length-1;t>=0;t--)(e=r[t])&&(p=(m<3?e(p):m>3?e(o,a,p):e(o,a))||p);return m>3&&p&&Object.defineProperty(o,a,p),p};const l=["auto","left","right","top","bottom"];var k;!function(r){let o=class extends(Object(c.b)(t.LitElement)){constructor(){super(...arguments),this.message="",this.actionname="Next",this.hidebutton=!1,this.placement="auto",this.show=!1,this.color="default",this.slotContent=null}connectedCallback(){super.connectedCallback()}notifyCoachCreate(){this.dispatchEvent(new CustomEvent("coach-create",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}coachAction(){this.dispatchEvent(new CustomEvent("coach-action",{bubbles:!0,composed:!0,detail:{popper:this.popper}}))}handleSlotChange(r){const o=r.target;if(o){const r=o.assignedElements({flatten:!0});r.length&&(this.slotContent=r)}}update(r){super.update(r),r.has("show")&&this.show&&(this.setFocusableElements(),this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus())}get coachWrapClassMap(){return{"md-coachmark--active":!!this.show}}get coachClassMap(){return{["md-coachmark__popper--"+this.placement]:!!this.placement,["md-coachmark__popper--"+this.color]:!!this.color}}static get styles(){return[p.a,h]}coachmarkContentTemplate(){return t.html`
+        <div class="md-coachmark__content">
+          ${this.message?this.message:t.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
+          <div class="md-coachmark__action">
+            ${this.hidebutton?t.html` <slot name="coachmark-action"></slot> `:t.html` <md-button variant="secondary" @button-click=${this.coachAction}>${this.actionname}</md-button> `}
+          </div>
         </div>
-      `}};p([Object(n.property)({type:Number})],e.prototype,"size",void 0),e=p([Object(a.a)("md-composite-avatar")],e),t.ELEMENT=e}(o||(o={}))}}]);
+      `}wrappedCoachmarkContentTemplate(){const r=Object(m.a)("md-theme",this);return"momentumV2"===(null==r?void 0:r.theme)?t.html`
+          <md-theme theme="momentumV2" ?darkTheme=${!r.darkTheme}>
+            ${this.coachmarkContentTemplate()}
+          </md-theme>
+        `:this.coachmarkContentTemplate()}render(){return t.html`
+        <div class="md-coachmark ${Object(d.classMap)(this.coachWrapClassMap)}">
+          <div class="md-coachmark__popper ${Object(d.classMap)(this.coachClassMap)}" tabindex="0">
+            ${this.wrappedCoachmarkContentTemplate()}
+            <div id="arrow" class="md-coachmark__arrow" data-popper-arrow></div>
+          </div>
+          <div class="md-coachmark__reference" @click=${()=>this.notifyCoachCreate()} aria-describedby="coachmark">
+            <slot></slot>
+          </div>
+        </div>
+      `}};_([Object(t.property)({type:String})],o.prototype,"message",void 0),_([Object(t.property)({type:String})],o.prototype,"actionname",void 0),_([Object(t.property)({type:Boolean})],o.prototype,"hidebutton",void 0),_([Object(t.property)({type:String})],o.prototype,"placement",void 0),_([Object(t.property)({type:Boolean})],o.prototype,"show",void 0),_([Object(t.property)({type:String})],o.prototype,"color",void 0),_([Object(t.query)(".md-coachmark__popper")],o.prototype,"popper",void 0),_([Object(t.query)(".md-coachmark__reference")],o.prototype,"reference",void 0),o=_([Object(e.a)("md-coachmark")],o),r.ELEMENT=o}(k||(k={}))}}]);

package/dist/chunks/md-61.js

@@ -1 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[61],{92:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,i=a(6),n=a(0),r=a(14),l=a(43),o=function(t,e,a,s){var i,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,s);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(r=(n<3?i(r):n>3?i(e,a,r):i(e,a))||r);return n>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends l.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${this.sqlDateToSlashes(this.startDate)} - ${this.sqlDateToSlashes(this.endDate)}`)},this.handleDateSelection=t=>{const e=t.detail.data;if(this.startDate&&this.endDate){const t=r.DateTime.fromSQL(this.startDate),a=r.DateTime.fromSQL(this.endDate);if(e<t||e>a)e<t?this.startDate=this.dateToSqlTranslate(e):this.endDate=this.dateToSqlTranslate(e);else{const s=e.toMillis(),i=a.toMillis(),n=t.toMillis();Math.abs(s-i)<Math.abs(s-n)?this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e)}}else if(this.startDate){e>r.DateTime.fromSQL(this.startDate)?this.endDate=this.dateToSqlTranslate(e):(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e))}else this.startDate=this.dateToSqlTranslate(t.detail.data);this.updateValue()}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-selection-change",this.handleDateSelection)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-selection-change",this.handleDateSelection)}dateToSqlTranslate(t){return t.toSQLDate()}sqlDateToSlashes(t){return t.replace(/-+/g,"/")}};o([Object(n.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),o([Object(n.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=o([Object(i.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[61],{88:function(t,e,r){"use strict";r.r(e),r.d(e,"CompositeAvatar",(function(){return o}));var o,s=r(5),a=r(6),n=r(0),i=r(4),c=r(37),p=function(t,e,r,o){var s,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var i=t.length-1;i>=0;i--)(s=t[i])&&(n=(a<3?s(n):a>3?s(e,r,n):s(e,r))||n);return a>3&&n&&Object.defineProperty(e,r,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.size=0}static get styles(){return[s.a,c.a]}get avatarClassMap(){return{["md-composite-avatar--"+this.size]:!!this.size}}render(){return n.html`
+        <div class="md-composite-avatar ${Object(i.classMap)(this.avatarClassMap)}">
+          <slot></slot>
+        </div>
+      `}};p([Object(n.property)({type:Number})],e.prototype,"size",void 0),e=p([Object(a.a)("md-composite-avatar")],e),t.ELEMENT=e}(o||(o={}))}}]);

package/dist/chunks/md-62.js

@@ -1,23 +1 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{115:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(28),i(30);var a,o=i(6),r=i(9),l=i(5),s=i(0),n=i(3),d=i(14),c=i(1),u=s.css`.included-timepicker-wrapper{border-top:1px solid var(--md-primary-seperator-color);display:flex;justify-content:center;padding:1rem 0;white-space:nowrap}`,h=function(e,t,i,a){var o,r=arguments.length,l=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l},p=function(e,t,i,a){return new(i||(i=Promise))((function(o,r){function l(e){try{n(a.next(e))}catch(e){r(e)}}function s(e){try{n(a.throw(e))}catch(e){r(e)}}function n(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,s)}n((a=a.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends s.LitElement{constructor(){super(...arguments),this.maxDate=void 0,this.minDate=void 0,this.weekStart="Sunday",this.ariaLabel="",this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=c.c.SECOND,this.dateValue=void 0,this.timeValue="00:00:00-08:00",this.value=void 0,this.locale="en-US",this.disabled=!1,this.fullDateTime=void 0,this.selectedTimeObject=void 0,this.selectedDateObject=Object(r.n)(),this.firstCycle=!0,this.handleDateChange=e=>{var t,i;this.selectedDateObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.dateValue=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate(),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleTimeChange=e=>{var t,i;this.selectedTimeObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.timeValue=null===(i=this.selectedTimeObject)||void 0===i?void 0:i.startOf("second").toISOTime({suppressMilliseconds:!0}),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleDateTimeInputChange=e=>{var t,i;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.value)},this.parseValueForVisuals=e=>{e&&(this.dateValue=e.split("T")[0],this.timeValue=e.split("T")[1])},this.updateDateTimeObject=()=>{this.value&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-time-change",{bubbles:!0,composed:!0,detail:{dateTimeString:this.value,dateTime:this.fullDateTime,locale:this.locale,twentyFourHourFormat:this.twentyFourHourFormat}})))},this.combineDateAndTimeValues=(e,t)=>{e&&(this.value=t?`${e}T${t}`:e)}}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var i;return p(this,void 0,void 0,(function*(){if(t.firstUpdated.call(this,e),!this.value){const e=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate();this.combineDateAndTimeValues(e,this.timeValue)}yield new Promise(e=>setTimeout(e,0)),this.datePicker&&(this.datePicker.addEventListener("date-selection-change",this.handleDateChange),this.datePicker.addEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.addEventListener("time-selection-change",this.handleTimeChange)}))}updated(e){super.updated(e),this.value&&e.has("value")&&(this.parseValueForVisuals(this.value),this.firstCycle?this.firstCycle=!1:this.updateDateTimeObject()),this.dateValue&&this.timeValue&&(e.has("timeValue")||e.has("dateValue"))&&this.combineDateAndTimeValues(this.dateValue,this.timeValue),this.value&&e.has("locale")&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}))}disconnectedCallback(){this.datePicker&&(this.datePicker.removeEventListener("date-selection-change",this.handleDateChange),this.datePicker.removeEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.removeEventListener("time-selection-change",this.handleTimeChange)}static get styles(){return[l.a,u]}render(){return s.html`
-        <md-datepicker
-          includes-time
-          ?disabled=${this.disabled}
-          ariaLabel=${Object(n.ifDefined)(this.ariaLabel||void 0)}
-          minDate=${Object(n.ifDefined)(this.minDate)}
-          maxDate=${Object(n.ifDefined)(this.maxDate)}
-          value=${Object(n.ifDefined)(this.value)}
-          weekStart=${this.weekStart}
-          placeholder="YYYY-MM-DDTHH:MM:SS-HH:MM"
-          locale=${Object(n.ifDefined)(this.locale)}>
-          <div slot="time-picker" class="included-timepicker-wrapper">
-            <md-timepicker
-              ?two-digit-auto-tab=${this.twoDigitAutoTab}
-              ?twenty-four-hour-format=${this.twentyFourHourFormat}
-              timeSpecificity=${this.timeSpecificity}
-              locale=${this.locale}
-              value=${this.timeValue}>
-            </md-timepicker>
-          </div>
-        </md-datepicker>
-      </div>
-    `}};h([Object(s.property)({type:String})],t.prototype,"maxDate",void 0),h([Object(s.property)({type:String})],t.prototype,"minDate",void 0),h([Object(s.property)({type:String})],t.prototype,"weekStart",void 0),h([Object(s.property)({type:String})],t.prototype,"ariaLabel",void 0),h([Object(s.property)({type:Boolean,attribute:"two-digit-auto-tab"})],t.prototype,"twoDigitAutoTab",void 0),h([Object(s.property)({type:Boolean,attribute:"twenty-four-hour-format"})],t.prototype,"twentyFourHourFormat",void 0),h([Object(s.property)({type:String})],t.prototype,"timeSpecificity",void 0),h([Object(s.property)({type:String,attribute:"date-value"})],t.prototype,"dateValue",void 0),h([Object(s.property)({type:String,attribute:"time-value"})],t.prototype,"timeValue",void 0),h([Object(s.property)({type:String,reflect:!0})],t.prototype,"value",void 0),h([Object(s.property)({type:String})],t.prototype,"locale",void 0),h([Object(s.property)({type:Boolean})],t.prototype,"disabled",void 0),h([Object(s.internalProperty)()],t.prototype,"fullDateTime",void 0),h([Object(s.internalProperty)()],t.prototype,"selectedTimeObject",void 0),h([Object(s.internalProperty)()],t.prototype,"selectedDateObject",void 0),h([Object(s.query)("md-datepicker")],t.prototype,"datePicker",void 0),h([Object(s.query)("md-timepicker")],t.prototype,"timePicker",void 0),t=h([Object(o.a)("md-date-time-picker")],t),e.ELEMENT=t}(a||(a={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{93:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,i=a(6),n=a(0),r=a(14),l=a(43),o=function(t,e,a,s){var i,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,s);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(r=(n<3?i(r):n>3?i(e,a,r):i(e,a))||r);return n>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends l.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${this.sqlDateToSlashes(this.startDate)} - ${this.sqlDateToSlashes(this.endDate)}`)},this.handleDateSelection=t=>{const e=t.detail.data;if(this.startDate&&this.endDate){const t=r.DateTime.fromSQL(this.startDate),a=r.DateTime.fromSQL(this.endDate);if(e<t||e>a)e<t?this.startDate=this.dateToSqlTranslate(e):this.endDate=this.dateToSqlTranslate(e);else{const s=e.toMillis(),i=a.toMillis(),n=t.toMillis();Math.abs(s-i)<Math.abs(s-n)?this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e)}}else if(this.startDate){e>r.DateTime.fromSQL(this.startDate)?this.endDate=this.dateToSqlTranslate(e):(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e))}else this.startDate=this.dateToSqlTranslate(t.detail.data);this.updateValue()}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-selection-change",this.handleDateSelection)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-selection-change",this.handleDateSelection)}dateToSqlTranslate(t){return t.toSQLDate()}sqlDateToSlashes(t){return t.replace(/-+/g,"/")}};o([Object(n.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),o([Object(n.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=o([Object(i.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);

package/dist/chunks/md-63.js

@@ -1,5 +1,23 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{93:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(31),i=a.n(r),n=a(5),l=a(64),h=a(16),p=a(7),d=function(t,e,a,o){var s,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(r<3?s(i):r>3?s(e,a,i):s(e,a))||i);return r>3&&i&&Object.defineProperty(e,a,i),i};!function(t){let e=class extends(Object(p.e)(s.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=Object(h.b)(t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)},100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[n.a,l.a]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=i.a.create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return s.html`
-        <div class="md-draggable" part="draggable" aria-disabled=${this.disabled}>
-          <slot name="draggable-item"></slot>
-        </div>
-      `}};d([Object(s.property)({type:Number})],e.prototype,"delay",void 0),d([Object(s.property)({type:Number})],e.prototype,"animation",void 0),d([Object(s.property)({type:String})],e.prototype,"handle",void 0),d([Object(s.property)({type:String})],e.prototype,"filter",void 0),d([Object(s.property)({type:String})],e.prototype,"easing",void 0),d([Object(s.property)({type:String})],e.prototype,"direction",void 0),d([Object(s.property)({type:Object})],e.prototype,"group",void 0),d([Object(s.property)({type:String,attribute:"draggable-items"})],e.prototype,"draggableItems",void 0),d([Object(s.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),d([Object(s.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),d([Object(s.property)({type:String,attribute:"drag-class"})],e.prototype,"dragClass",void 0),d([Object(s.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),d([Object(s.property)({type:Number,attribute:"swap-threshold"})],e.prototype,"swapThreshold",void 0),d([Object(s.property)({type:Number,attribute:"touch-start-threshold"})],e.prototype,"touchStartThreshold",void 0),d([Object(s.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"sort",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"editable",void 0),d([Object(s.query)("slot[name='draggable-item']")],e.prototype,"draggableSlot",void 0),e=d([Object(p.f)("md-draggable")],e),t.ELEMENT=e}(o||(o={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{116:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(28),i(30);var a,o=i(6),r=i(9),l=i(5),s=i(0),n=i(3),d=i(14),c=i(1),u=s.css`.included-timepicker-wrapper{border-top:1px solid var(--md-primary-seperator-color);display:flex;justify-content:center;padding:1rem 0;white-space:nowrap}`,h=function(e,t,i,a){var o,r=arguments.length,l=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l},p=function(e,t,i,a){return new(i||(i=Promise))((function(o,r){function l(e){try{n(a.next(e))}catch(e){r(e)}}function s(e){try{n(a.throw(e))}catch(e){r(e)}}function n(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,s)}n((a=a.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends s.LitElement{constructor(){super(...arguments),this.maxDate=void 0,this.minDate=void 0,this.weekStart="Sunday",this.ariaLabel="",this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=c.c.SECOND,this.dateValue=void 0,this.timeValue="00:00:00-08:00",this.value=void 0,this.locale="en-US",this.disabled=!1,this.fullDateTime=void 0,this.selectedTimeObject=void 0,this.selectedDateObject=Object(r.n)(),this.firstCycle=!0,this.handleDateChange=e=>{var t,i;this.selectedDateObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.dateValue=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate(),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleTimeChange=e=>{var t,i;this.selectedTimeObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.timeValue=null===(i=this.selectedTimeObject)||void 0===i?void 0:i.startOf("second").toISOTime({suppressMilliseconds:!0}),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleDateTimeInputChange=e=>{var t,i;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.value)},this.parseValueForVisuals=e=>{e&&(this.dateValue=e.split("T")[0],this.timeValue=e.split("T")[1])},this.updateDateTimeObject=()=>{this.value&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-time-change",{bubbles:!0,composed:!0,detail:{dateTimeString:this.value,dateTime:this.fullDateTime,locale:this.locale,twentyFourHourFormat:this.twentyFourHourFormat}})))},this.combineDateAndTimeValues=(e,t)=>{e&&(this.value=t?`${e}T${t}`:e)}}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var i;return p(this,void 0,void 0,(function*(){if(t.firstUpdated.call(this,e),!this.value){const e=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate();this.combineDateAndTimeValues(e,this.timeValue)}yield new Promise(e=>setTimeout(e,0)),this.datePicker&&(this.datePicker.addEventListener("date-selection-change",this.handleDateChange),this.datePicker.addEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.addEventListener("time-selection-change",this.handleTimeChange)}))}updated(e){super.updated(e),this.value&&e.has("value")&&(this.parseValueForVisuals(this.value),this.firstCycle?this.firstCycle=!1:this.updateDateTimeObject()),this.dateValue&&this.timeValue&&(e.has("timeValue")||e.has("dateValue"))&&this.combineDateAndTimeValues(this.dateValue,this.timeValue),this.value&&e.has("locale")&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}))}disconnectedCallback(){this.datePicker&&(this.datePicker.removeEventListener("date-selection-change",this.handleDateChange),this.datePicker.removeEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.removeEventListener("time-selection-change",this.handleTimeChange)}static get styles(){return[l.a,u]}render(){return s.html`
+        <md-datepicker
+          includes-time
+          ?disabled=${this.disabled}
+          ariaLabel=${Object(n.ifDefined)(this.ariaLabel||void 0)}
+          minDate=${Object(n.ifDefined)(this.minDate)}
+          maxDate=${Object(n.ifDefined)(this.maxDate)}
+          value=${Object(n.ifDefined)(this.value)}
+          weekStart=${this.weekStart}
+          placeholder="YYYY-MM-DDTHH:MM:SS-HH:MM"
+          locale=${Object(n.ifDefined)(this.locale)}>
+          <div slot="time-picker" class="included-timepicker-wrapper">
+            <md-timepicker
+              ?two-digit-auto-tab=${this.twoDigitAutoTab}
+              ?twenty-four-hour-format=${this.twentyFourHourFormat}
+              timeSpecificity=${this.timeSpecificity}
+              locale=${this.locale}
+              value=${this.timeValue}>
+            </md-timepicker>
+          </div>
+        </md-datepicker>
+      </div>
+    `}};h([Object(s.property)({type:String})],t.prototype,"maxDate",void 0),h([Object(s.property)({type:String})],t.prototype,"minDate",void 0),h([Object(s.property)({type:String})],t.prototype,"weekStart",void 0),h([Object(s.property)({type:String})],t.prototype,"ariaLabel",void 0),h([Object(s.property)({type:Boolean,attribute:"two-digit-auto-tab"})],t.prototype,"twoDigitAutoTab",void 0),h([Object(s.property)({type:Boolean,attribute:"twenty-four-hour-format"})],t.prototype,"twentyFourHourFormat",void 0),h([Object(s.property)({type:String})],t.prototype,"timeSpecificity",void 0),h([Object(s.property)({type:String,attribute:"date-value"})],t.prototype,"dateValue",void 0),h([Object(s.property)({type:String,attribute:"time-value"})],t.prototype,"timeValue",void 0),h([Object(s.property)({type:String,reflect:!0})],t.prototype,"value",void 0),h([Object(s.property)({type:String})],t.prototype,"locale",void 0),h([Object(s.property)({type:Boolean})],t.prototype,"disabled",void 0),h([Object(s.internalProperty)()],t.prototype,"fullDateTime",void 0),h([Object(s.internalProperty)()],t.prototype,"selectedTimeObject",void 0),h([Object(s.internalProperty)()],t.prototype,"selectedDateObject",void 0),h([Object(s.query)("md-datepicker")],t.prototype,"datePicker",void 0),h([Object(s.query)("md-timepicker")],t.prototype,"timePicker",void 0),t=h([Object(o.a)("md-date-time-picker")],t),e.ELEMENT=t}(a||(a={}))}}]);

package/dist/chunks/md-64.js

@@ -1,11 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{94:function(e,t,d){"use strict";d.r(t),d.d(t,"DraggableItem",(function(){return n}));var n,o=d(7),i=d(6),r=d(5),a=d(0),l=d(2),s=d(4),c=d(64),p=function(e,t,d,n){var o,i=arguments.length,r=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,d):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,d,n);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(i<3?o(r):i>3?o(t,d,r):o(t,d))||r);return i>3&&r&&Object.defineProperty(t,d,r),r};!function(e){let t=class extends(Object(o.a)(a.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.extended=!1,this.editable=!1}static get styles(){return[r.a,c.a]}get draggableItemClassMap(){return{extended:this.extended,default:!this.extended,disabled:this.disabled}}render(){return a.html`
-        <div
-          class="md-draggable-item ${Object(s.classMap)(this.draggableItemClassMap)}"
-          part="draggable-item"
-          aria-disabled=${this.disabled}
-        >
-          ${this.extended&&this.editable?a.html` <md-icon name="dragger-vertical-bold" size="16" iconSet="momentumDesign"></md-icon> `:l.nothing}
-          <slot></slot>
-          ${this.extended?a.html` <slot name="extended"></slot> `:l.nothing}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{94:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(31),i=a.n(r),n=a(5),l=a(64),h=a(16),p=a(7),d=function(t,e,a,o){var s,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(r<3?s(i):r>3?s(e,a,i):s(e,a))||i);return r>3&&i&&Object.defineProperty(e,a,i),i};!function(t){let e=class extends(Object(p.e)(s.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=Object(h.b)(t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)},100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[n.a,l.a]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=i.a.create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return s.html`
+        <div class="md-draggable" part="draggable" aria-disabled=${this.disabled}>
+          <slot name="draggable-item"></slot>
         </div>
-      `}};p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"extended",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"editable",void 0),t=p([Object(i.a)("md-draggable-item")],t),e.ELEMENT=t}(n||(n={}))}}]);
+      `}};d([Object(s.property)({type:Number})],e.prototype,"delay",void 0),d([Object(s.property)({type:Number})],e.prototype,"animation",void 0),d([Object(s.property)({type:String})],e.prototype,"handle",void 0),d([Object(s.property)({type:String})],e.prototype,"filter",void 0),d([Object(s.property)({type:String})],e.prototype,"easing",void 0),d([Object(s.property)({type:String})],e.prototype,"direction",void 0),d([Object(s.property)({type:Object})],e.prototype,"group",void 0),d([Object(s.property)({type:String,attribute:"draggable-items"})],e.prototype,"draggableItems",void 0),d([Object(s.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),d([Object(s.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),d([Object(s.property)({type:String,attribute:"drag-class"})],e.prototype,"dragClass",void 0),d([Object(s.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),d([Object(s.property)({type:Number,attribute:"swap-threshold"})],e.prototype,"swapThreshold",void 0),d([Object(s.property)({type:Number,attribute:"touch-start-threshold"})],e.prototype,"touchStartThreshold",void 0),d([Object(s.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"sort",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"editable",void 0),d([Object(s.query)("slot[name='draggable-item']")],e.prototype,"draggableSlot",void 0),e=d([Object(p.f)("md-draggable")],e),t.ELEMENT=e}(o||(o={}))}}]);