@momentum-ui/web-components 2.16.13 → 2.16.14

package/dist/chunks/md-62.js

@@ -1,51 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{120:function(o,e,r){"use strict";r.r(e),r.d(e,"Chip",(function(){return t}));r(14),r(84),r(43);var t,c=r(1),a=r(5),l=r(6),i=r(0),d=r(2),g=r(4),n=r(3),b=i.css`:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--font-size-body-midsize,.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(--font-size-body-midsize,.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}}`,v=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};!function(o){let e=class extends i.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};`:d.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:d.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:d.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?i.html`
-          <style>
-            :host .md-chip {
-              ${this.renderBgColor()};
-              ${this.renderTextColor()};
-              ${this.renderHeight()};
-            }
-          </style>
-        `:d.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 c.b.Space:case c.b.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[l.a,b]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?i.html`
-              <md-progress-bar
-                class="md-chip--loading"
-                type="determinate"
-                value="${this.determinateProgress}"
-                displayFormat="none"
-              >
-              </md-progress-bar>
-            `:i.html`
-              <md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
-            `:d.nothing}iconTemplate(){const o=this.disabled?"":this.iconColor;return this.icon?i.html`
-            <md-icon
-              class="md-chip--icon"
-              part="chip-icon"
-              name="${this.icon}"
-              color="${o}"
-              iconSet=${Object(n.ifDefined)(this.iconSet||void 0)}
-              size="${Object(n.ifDefined)(this.iconSize||void 0)}"
-            >
-            </md-icon>
-          `:d.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${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 i.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(g.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>
-      `}};v([Object(i.property)({type:String})],e.prototype,"color",void 0),v([Object(i.property)({type:String})],e.prototype,"bgColor",void 0),v([Object(i.property)({type:String})],e.prototype,"textColor",void 0),v([Object(i.property)({type:String})],e.prototype,"height",void 0),v([Object(i.property)({type:String})],e.prototype,"icon",void 0),v([Object(i.property)({type:String})],e.prototype,"iconColor",void 0),v([Object(i.property)({type:String})],e.prototype,"iconSize",void 0),v([Object(i.property)({type:String})],e.prototype,"role",void 0),v([Object(i.property)({type:String,reflect:!0})],e.prototype,"id",void 0),v([Object(i.property)({type:Boolean})],e.prototype,"small",void 0),v([Object(i.property)({type:Boolean})],e.prototype,"readonly",void 0),v([Object(i.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),v([Object(i.property)({type:Boolean})],e.prototype,"disabled",void 0),v([Object(i.property)({type:Number})],e.prototype,"determinateProgress",void 0),v([Object(i.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),v([Object(i.property)({type:String})],e.prototype,"tooltipText",void 0),v([Object(i.property)({type:String})],e.prototype,"tooltipPlacement",void 0),v([Object(i.property)({type:String})],e.prototype,"iconSet",void 0),v([Object(i.property)({type:String,hasChanged:(o,e)=>o!==e})],e.prototype,"value",void 0),v([Object(i.internalProperty)({hasChanged:(o,e)=>o!==e})],e.prototype,"textOverflow",void 0),v([Object(i.internalProperty)()],e.prototype,"renderedText",void 0),e=v([Object(a.a)("md-chip")],e),o.ELEMENT=e}(t||(t={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{95: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(6),l=o(5),i=o(0),h=o(66),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-63.js

@@ -1,22 +1,51 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{122:function(o,r,a){"use strict";a.r(r),a.d(r,"coachmarkPlacement",(function(){return n})),a.d(r,"Coachmark",(function(){return s}));a(17);var c=a(7),e=a(5),t=a(16),m=a(6),p=a(0),l=a(4),d=p.css`.md-coachmark{--coachmark-arrow-border-color:var(--coachmark-default-bg-color);display:inline-flex;position:relative}.md-coachmark__popper{border-radius:.3125rem;display:none;min-width:10.625rem;max-width:18.75rem;padding:.75rem;position:absolute;width:100%;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);color:var(--coachmark-default-text-color)}.md-coachmark__popper--blue{background:var(--coachmark-blue-bg-color);color:var(--coachmark-blue-text-color);--coachmark-arrow-border-color:var(--coachmark-blue-bg-color)}.md-coachmark__popper--green{background:var(--coachmark-green-bg-color);color:var(--coachmark-green-text-color);--coachmark-arrow-border-color:var(--coachmark-green-bg-color)}.md-coachmark__popper--purple{background:var(--coachmark-purple-bg-color);color:var(--coachmark-purple-text-color);--coachmark-arrow-border-color:var(--coachmark-purple-bg-color)}.md-coachmark__popper--violet{background:var(--coachmark-violet-bg-color);color:var(--coachmark-violet-text-color);--coachmark-arrow-border-color:var(--coachmark-violet-bg-color)}.md-coachmark__popper--mint{background:var(--coachmark-mint-bg-color);color:var(--coachmark-mint-text-color);--coachmark-arrow-border-color:var(--coachmark-mint-bg-color)}.md-coachmark__popper--darkmint{background:var(--coachmark-darkmint-bg-color);color:var(--coachmark-darkmint-text-color);--coachmark-arrow-border-color:var(--coachmark-darkmint-bg-color)}.md-coachmark__popper--yellow{background:var(--coachmark-yellow-bg-color);color:var(--coachmark-yellow-text-color);--coachmark-arrow-border-color:var(--coachmark-yellow-bg-color)}.md-coachmark__popper--red{background:var(--coachmark-red-bg-color);color:var(--coachmark-red-text-color);--coachmark-arrow-border-color:var(--coachmark-red-bg-color)}.md-coachmark__popper--darkred{background:var(--coachmark-darkred-bg-color);color:var(--coachmark-darkred-text-color);--coachmark-arrow-border-color:var(--coachmark-darkred-bg-color)}.md-coachmark__popper--orange{background:var(--coachmark-orange-bg-color);color:var(--coachmark-orange-text-color);--coachmark-arrow-border-color:var(--coachmark-orange-bg-color)}.md-coachmark__popper--cyan{background:var(--coachmark-cyan-bg-color);color:var(--coachmark-cyan-text-color);--coachmark-arrow-border-color:var(--coachmark-cyan-bg-color)}.md-coachmark__popper--outline{background:var(--coachmark-outline-color);color:var(--coachmark-outline-text-color);--coachmark-arrow-border-color:var(--coachmark-outline-color)}.md-coachmark__popper.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-arrow-border-color)}.md-coachmark__popper.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-arrow-border-color)}.md-coachmark__popper.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-arrow-border-color)}.md-coachmark__popper.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-arrow-border-color)}.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}}`,h=function(o,r,a,c){var e,t=arguments.length,m=t<3?r:null===c?c=Object.getOwnPropertyDescriptor(r,a):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)m=Reflect.decorate(o,r,a,c);else for(var p=o.length-1;p>=0;p--)(e=o[p])&&(m=(t<3?e(m):t>3?e(r,a,m):e(r,a))||m);return t>3&&m&&Object.defineProperty(r,a,m),m};const n=["auto","left","right","top","bottom"];var s;!function(o){let r=class extends(Object(c.b)(p.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(o){const r=o.target;if(r){const o=r.assignedElements({flatten:!0});o.length&&(this.slotContent=o)}}update(o){var r;super.update(o),o.has("show")&&this.show&&(this.setFocusableElements(),(null===(r=this.focusableElements)||void 0===r?void 0:r.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[m.a,d]}coachmarkContentTemplate(){return p.html`
-        <div class="md-coachmark__content">
-          ${this.message?this.message:p.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
-          <div class="md-coachmark__action">
-            ${this.hidebutton?p.html` <slot name="coachmark-action"></slot> `:p.html` <md-button variant="secondary" @button-click=${this.coachAction}>${this.actionname}</md-button> `}
-          </div>
-        </div>
-      `}wrappedCoachmarkContentTemplate(){const o=Object(t.a)("md-theme",this);return"momentumV2"===(null==o?void 0:o.theme)?p.html`
-          <md-theme theme="momentumV2" ?darkTheme=${!o.darkTheme}>
-            ${this.coachmarkContentTemplate()}
-          </md-theme>
-        `:this.coachmarkContentTemplate()}render(){return p.html`
-        <div class="md-coachmark ${Object(l.classMap)(this.coachWrapClassMap)}">
-          <div class="md-coachmark__popper ${Object(l.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>
-      `}};h([Object(p.property)({type:String})],r.prototype,"message",void 0),h([Object(p.property)({type:String})],r.prototype,"actionname",void 0),h([Object(p.property)({type:Boolean})],r.prototype,"hidebutton",void 0),h([Object(p.property)({type:String})],r.prototype,"placement",void 0),h([Object(p.property)({type:Boolean})],r.prototype,"show",void 0),h([Object(p.property)({type:String})],r.prototype,"color",void 0),h([Object(p.query)(".md-coachmark__popper")],r.prototype,"popper",void 0),h([Object(p.query)(".md-coachmark__reference")],r.prototype,"reference",void 0),r=h([Object(e.a)("md-coachmark")],r),o.ELEMENT=r}(s||(s={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{120:function(o,e,r){"use strict";r.r(e),r.d(e,"Chip",(function(){return t}));r(14),r(84),r(43);var t,c=r(1),a=r(5),l=r(6),i=r(0),d=r(2),g=r(4),n=r(3),b=i.css`:focus{outline:0}.md-chip{padding:.25rem 1rem;font-size:var(--font-size-body-midsize,.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(--font-size-body-midsize,.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}}`,v=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};!function(o){let e=class extends i.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};`:d.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:d.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:d.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?i.html`
+          <style>
+            :host .md-chip {
+              ${this.renderBgColor()};
+              ${this.renderTextColor()};
+              ${this.renderHeight()};
+            }
+          </style>
+        `:d.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 c.b.Space:case c.b.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[l.a,b]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?i.html`
+              <md-progress-bar
+                class="md-chip--loading"
+                type="determinate"
+                value="${this.determinateProgress}"
+                displayFormat="none"
+              >
+              </md-progress-bar>
+            `:i.html`
+              <md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
+            `:d.nothing}iconTemplate(){const o=this.disabled?"":this.iconColor;return this.icon?i.html`
+            <md-icon
+              class="md-chip--icon"
+              part="chip-icon"
+              name="${this.icon}"
+              color="${o}"
+              iconSet=${Object(n.ifDefined)(this.iconSet||void 0)}
+              size="${Object(n.ifDefined)(this.iconSize||void 0)}"
+            >
+            </md-icon>
+          `:d.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${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 i.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(g.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>
+      `}};v([Object(i.property)({type:String})],e.prototype,"color",void 0),v([Object(i.property)({type:String})],e.prototype,"bgColor",void 0),v([Object(i.property)({type:String})],e.prototype,"textColor",void 0),v([Object(i.property)({type:String})],e.prototype,"height",void 0),v([Object(i.property)({type:String})],e.prototype,"icon",void 0),v([Object(i.property)({type:String})],e.prototype,"iconColor",void 0),v([Object(i.property)({type:String})],e.prototype,"iconSize",void 0),v([Object(i.property)({type:String})],e.prototype,"role",void 0),v([Object(i.property)({type:String,reflect:!0})],e.prototype,"id",void 0),v([Object(i.property)({type:Boolean})],e.prototype,"small",void 0),v([Object(i.property)({type:Boolean})],e.prototype,"readonly",void 0),v([Object(i.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),v([Object(i.property)({type:Boolean})],e.prototype,"disabled",void 0),v([Object(i.property)({type:Number})],e.prototype,"determinateProgress",void 0),v([Object(i.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),v([Object(i.property)({type:String})],e.prototype,"tooltipText",void 0),v([Object(i.property)({type:String})],e.prototype,"tooltipPlacement",void 0),v([Object(i.property)({type:String})],e.prototype,"iconSet",void 0),v([Object(i.property)({type:String,hasChanged:(o,e)=>o!==e})],e.prototype,"value",void 0),v([Object(i.internalProperty)({hasChanged:(o,e)=>o!==e})],e.prototype,"textOverflow",void 0),v([Object(i.internalProperty)()],e.prototype,"renderedText",void 0),e=v([Object(a.a)("md-chip")],e),o.ELEMENT=e}(t||(t={}))}}]);

package/dist/chunks/md-64.js

@@ -1,47 +1,22 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{121:function(t,e,o){"use strict";o.r(e),o.d(e,"CoachmarkPopover",(function(){return r}));o(17),o(14),o(85);var r,n=o(5),a=o(6),i=o(0),c=o(4),p=i.css`.md-coachmark{--coachmark-arrow-border-color:var(--coachmark-default-bg-color)}.md-coachmark md-popover::part(popover){min-width:10.625rem;max-width:18.75rem}.md-coachmark__popper{border-radius:.3125rem;min-width:10.625rem;max-width:18.75rem;width:282px}.md-coachmark__popper .header-container{display:flex;width:100%;gap:.25rem;padding-right:1.75rem;align-items:center}.md-coachmark__popper .header-container.hide-close{margin-right:.75rem}.md-coachmark__popper .header-title{font-family:var(--brand-font-bold);font-size:.875rem;font-weight:var(--brand-font-weight-bold,700);line-height:1.25rem}.md-coachmark__popper .body-container{display:flex}.md-coachmark__popper .md-coachmark__content{font-family:var(--brand-font-regular);font-size:.875rem;font-weight:450;line-height:1.25rem}.md-coachmark__popper .footer-container{display:flex;justify-content:flex-end;flex-direction:row;gap:.5rem;padding-top:.75rem;flex-grow:1}@media(forced-colors:active){.md-coachmark__popper{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}}`,s=function(t,e,o,r){var n,a=arguments.length,i=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,r);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(i=(a<3?n(i):a>3?n(e,o,i):n(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i};!function(t){let e=class extends i.LitElement{constructor(){super(...arguments),this.placement="bottom",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[a.a,p]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(t){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent=t)}}updated(t){super.updated(t),t.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return i.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{122:function(o,r,a){"use strict";a.r(r),a.d(r,"coachmarkPlacement",(function(){return n})),a.d(r,"Coachmark",(function(){return s}));a(17);var c=a(7),e=a(5),t=a(16),m=a(6),p=a(0),l=a(4),d=p.css`.md-coachmark{--coachmark-arrow-border-color:var(--coachmark-default-bg-color);display:inline-flex;position:relative}.md-coachmark__popper{border-radius:.3125rem;display:none;min-width:10.625rem;max-width:18.75rem;padding:.75rem;position:absolute;width:100%;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);color:var(--coachmark-default-text-color)}.md-coachmark__popper--blue{background:var(--coachmark-blue-bg-color);color:var(--coachmark-blue-text-color);--coachmark-arrow-border-color:var(--coachmark-blue-bg-color)}.md-coachmark__popper--green{background:var(--coachmark-green-bg-color);color:var(--coachmark-green-text-color);--coachmark-arrow-border-color:var(--coachmark-green-bg-color)}.md-coachmark__popper--purple{background:var(--coachmark-purple-bg-color);color:var(--coachmark-purple-text-color);--coachmark-arrow-border-color:var(--coachmark-purple-bg-color)}.md-coachmark__popper--violet{background:var(--coachmark-violet-bg-color);color:var(--coachmark-violet-text-color);--coachmark-arrow-border-color:var(--coachmark-violet-bg-color)}.md-coachmark__popper--mint{background:var(--coachmark-mint-bg-color);color:var(--coachmark-mint-text-color);--coachmark-arrow-border-color:var(--coachmark-mint-bg-color)}.md-coachmark__popper--darkmint{background:var(--coachmark-darkmint-bg-color);color:var(--coachmark-darkmint-text-color);--coachmark-arrow-border-color:var(--coachmark-darkmint-bg-color)}.md-coachmark__popper--yellow{background:var(--coachmark-yellow-bg-color);color:var(--coachmark-yellow-text-color);--coachmark-arrow-border-color:var(--coachmark-yellow-bg-color)}.md-coachmark__popper--red{background:var(--coachmark-red-bg-color);color:var(--coachmark-red-text-color);--coachmark-arrow-border-color:var(--coachmark-red-bg-color)}.md-coachmark__popper--darkred{background:var(--coachmark-darkred-bg-color);color:var(--coachmark-darkred-text-color);--coachmark-arrow-border-color:var(--coachmark-darkred-bg-color)}.md-coachmark__popper--orange{background:var(--coachmark-orange-bg-color);color:var(--coachmark-orange-text-color);--coachmark-arrow-border-color:var(--coachmark-orange-bg-color)}.md-coachmark__popper--cyan{background:var(--coachmark-cyan-bg-color);color:var(--coachmark-cyan-text-color);--coachmark-arrow-border-color:var(--coachmark-cyan-bg-color)}.md-coachmark__popper--outline{background:var(--coachmark-outline-color);color:var(--coachmark-outline-text-color);--coachmark-arrow-border-color:var(--coachmark-outline-color)}.md-coachmark__popper.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-arrow-border-color)}.md-coachmark__popper.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-arrow-border-color)}.md-coachmark__popper.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-arrow-border-color)}.md-coachmark__popper.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-arrow-border-color)}.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}}`,h=function(o,r,a,c){var e,t=arguments.length,m=t<3?r:null===c?c=Object.getOwnPropertyDescriptor(r,a):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)m=Reflect.decorate(o,r,a,c);else for(var p=o.length-1;p>=0;p--)(e=o[p])&&(m=(t<3?e(m):t>3?e(r,a,m):e(r,a))||m);return t>3&&m&&Object.defineProperty(r,a,m),m};const n=["auto","left","right","top","bottom"];var s;!function(o){let r=class extends(Object(c.b)(p.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(o){const r=o.target;if(r){const o=r.assignedElements({flatten:!0});o.length&&(this.slotContent=o)}}update(o){var r;super.update(o),o.has("show")&&this.show&&(this.setFocusableElements(),(null===(r=this.focusableElements)||void 0===r?void 0:r.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[m.a,d]}coachmarkContentTemplate(){return p.html`
         <div class="md-coachmark__content">
-          ${this.message?this.message:i.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
-        </div>
-      `}renderHeader(){return i.html`
-        <div class="header-container ${Object(c.classMap)({"hide-close":this.hideCloseButton})}">
-          ${this.headerIconName?i.html`<md-icon name=${this.headerIconName} size="16" iconSet="momentumDesign"></md-icon>`:""}
-          ${this.header?i.html`<span class="header-title">${this.header}</span>`:""}
-        </div>
-      `}renderBody(){return i.html` <div class="body-container">${this.coachmarkContentTemplate()}</div> `}renderFooter(){return i.html`
-        <div class="footer-container">
-          ${this.primaryButton?i.html`<md-button
-                variant="inverted-primary"
-                size="28"
-                @button-click=${()=>this.notifyPrimaryButtonAction()}
-              >
-                ${this.primaryButton}</md-button
-              >`:""}
-          ${this.secondaryButton?i.html`<md-button
-                variant="inverted-secondary"
-                size="28"
-                @button-click=${()=>this.notifySecondaryButtonAction()}
-              >
-                ${this.secondaryButton}</md-button
-              >`:""}
-          ${this.linkText?i.html`<a href=${this.href} @click=${()=>this.notifyLinkAction()} target="_blank" rel="noreferrer">
-                ${this.linkText}</a
-              >`:""}
+          ${this.message?this.message:p.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
+          <div class="md-coachmark__action">
+            ${this.hidebutton?p.html` <slot name="coachmark-action"></slot> `:p.html` <md-button variant="secondary" @button-click=${this.coachAction}>${this.actionname}</md-button> `}
+          </div>
         </div>
-      `}render(){return i.html`
-        <md-popover
-          class="md-coachmark"
-          ?is-open=${this.show}
-          role="dialog"
-          show-arrow
-          ?show-close=${!this.hideCloseButton}
-          interactive
-          trigger="manual"
-          placement=${this.placement}
-          @popover-open-changed="${t=>{t.detail.isOpen||this.notifyCoachClose()}}"
-        >
-          <slot slot="triggerElement"></slot>
-          <div class="md-coachmark__popper" tabindex="-1">
-            ${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
+      `}wrappedCoachmarkContentTemplate(){const o=Object(t.a)("md-theme",this);return"momentumV2"===(null==o?void 0:o.theme)?p.html`
+          <md-theme theme="momentumV2" ?darkTheme=${!o.darkTheme}>
+            ${this.coachmarkContentTemplate()}
+          </md-theme>
+        `:this.coachmarkContentTemplate()}render(){return p.html`
+        <div class="md-coachmark ${Object(l.classMap)(this.coachWrapClassMap)}">
+          <div class="md-coachmark__popper ${Object(l.classMap)(this.coachClassMap)}" tabindex="0">
+            ${this.wrappedCoachmarkContentTemplate()}
+            <div id="arrow" class="md-coachmark__arrow" data-popper-arrow></div>
           </div>
-        </md-popover>
-      `}};s([Object(i.property)({type:String})],e.prototype,"placement",void 0),s([Object(i.property)({type:String})],e.prototype,"headerIconName",void 0),s([Object(i.property)({type:String})],e.prototype,"header",void 0),s([Object(i.property)({type:String})],e.prototype,"message",void 0),s([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),s([Object(i.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],e.prototype,"hideCloseButton",void 0),s([Object(i.property)({type:String})],e.prototype,"primaryButton",void 0),s([Object(i.property)({type:String})],e.prototype,"secondaryButton",void 0),s([Object(i.property)({type:String})],e.prototype,"linkText",void 0),s([Object(i.property)({type:String})],e.prototype,"href",void 0),s([Object(i.query)(".md-coachmark__trigger-component")],e.prototype,"triggerComponent",void 0),s([Object(i.query)(".md-coachmark__popper")],e.prototype,"popper",void 0),e=s([Object(n.a)("md-coachmark-popover")],e),t.ELEMENT=e}(r||(r={}))}}]);
+          <div class="md-coachmark__reference" @click=${()=>this.notifyCoachCreate()} aria-describedby="coachmark">
+            <slot></slot>
+          </div>
+        </div>
+      `}};h([Object(p.property)({type:String})],r.prototype,"message",void 0),h([Object(p.property)({type:String})],r.prototype,"actionname",void 0),h([Object(p.property)({type:Boolean})],r.prototype,"hidebutton",void 0),h([Object(p.property)({type:String})],r.prototype,"placement",void 0),h([Object(p.property)({type:Boolean})],r.prototype,"show",void 0),h([Object(p.property)({type:String})],r.prototype,"color",void 0),h([Object(p.query)(".md-coachmark__popper")],r.prototype,"popper",void 0),h([Object(p.query)(".md-coachmark__reference")],r.prototype,"reference",void 0),r=h([Object(e.a)("md-coachmark")],r),o.ELEMENT=r}(s||(s={}))}}]);

package/dist/chunks/md-65.js

@@ -1,5 +1,47 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{93:function(t,e,r){"use strict";r.r(e),r.d(e,"CompositeAvatar",(function(){return o}));var o,s=r(6),a=r(5),n=r(0),i=r(4),c=r(40),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([[65],{121:function(t,e,o){"use strict";o.r(e),o.d(e,"CoachmarkPopover",(function(){return r}));o(17),o(14),o(85);var r,n=o(5),a=o(6),i=o(0),c=o(4),p=i.css`.md-coachmark{--coachmark-arrow-border-color:var(--coachmark-default-bg-color)}.md-coachmark md-popover::part(popover){min-width:10.625rem;max-width:18.75rem}.md-coachmark__popper{border-radius:.3125rem;min-width:10.625rem;max-width:18.75rem;width:282px}.md-coachmark__popper .header-container{display:flex;width:100%;gap:.25rem;padding-right:1.75rem;align-items:center}.md-coachmark__popper .header-container.hide-close{margin-right:.75rem}.md-coachmark__popper .header-title{font-family:var(--brand-font-bold);font-size:.875rem;font-weight:var(--brand-font-weight-bold,700);line-height:1.25rem}.md-coachmark__popper .body-container{display:flex}.md-coachmark__popper .md-coachmark__content{font-family:var(--brand-font-regular);font-size:.875rem;font-weight:450;line-height:1.25rem}.md-coachmark__popper .footer-container{display:flex;justify-content:flex-end;flex-direction:row;gap:.5rem;padding-top:.75rem;flex-grow:1}@media(forced-colors:active){.md-coachmark__popper{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}}`,s=function(t,e,o,r){var n,a=arguments.length,i=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,r);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(i=(a<3?n(i):a>3?n(e,o,i):n(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i};!function(t){let e=class extends i.LitElement{constructor(){super(...arguments),this.placement="bottom",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[a.a,p]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(t){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent=t)}}updated(t){super.updated(t),t.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return i.html`
+        <div class="md-coachmark__content">
+          ${this.message?this.message:i.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></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={}))}}]);
+      `}renderHeader(){return i.html`
+        <div class="header-container ${Object(c.classMap)({"hide-close":this.hideCloseButton})}">
+          ${this.headerIconName?i.html`<md-icon name=${this.headerIconName} size="16" iconSet="momentumDesign"></md-icon>`:""}
+          ${this.header?i.html`<span class="header-title">${this.header}</span>`:""}
+        </div>
+      `}renderBody(){return i.html` <div class="body-container">${this.coachmarkContentTemplate()}</div> `}renderFooter(){return i.html`
+        <div class="footer-container">
+          ${this.primaryButton?i.html`<md-button
+                variant="inverted-primary"
+                size="28"
+                @button-click=${()=>this.notifyPrimaryButtonAction()}
+              >
+                ${this.primaryButton}</md-button
+              >`:""}
+          ${this.secondaryButton?i.html`<md-button
+                variant="inverted-secondary"
+                size="28"
+                @button-click=${()=>this.notifySecondaryButtonAction()}
+              >
+                ${this.secondaryButton}</md-button
+              >`:""}
+          ${this.linkText?i.html`<a href=${this.href} @click=${()=>this.notifyLinkAction()} target="_blank" rel="noreferrer">
+                ${this.linkText}</a
+              >`:""}
+        </div>
+      `}render(){return i.html`
+        <md-popover
+          class="md-coachmark"
+          ?is-open=${this.show}
+          role="dialog"
+          show-arrow
+          ?show-close=${!this.hideCloseButton}
+          interactive
+          trigger="manual"
+          placement=${this.placement}
+          @popover-open-changed="${t=>{t.detail.isOpen||this.notifyCoachClose()}}"
+        >
+          <slot slot="triggerElement"></slot>
+          <div class="md-coachmark__popper" tabindex="-1">
+            ${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
+          </div>
+        </md-popover>
+      `}};s([Object(i.property)({type:String})],e.prototype,"placement",void 0),s([Object(i.property)({type:String})],e.prototype,"headerIconName",void 0),s([Object(i.property)({type:String})],e.prototype,"header",void 0),s([Object(i.property)({type:String})],e.prototype,"message",void 0),s([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),s([Object(i.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],e.prototype,"hideCloseButton",void 0),s([Object(i.property)({type:String})],e.prototype,"primaryButton",void 0),s([Object(i.property)({type:String})],e.prototype,"secondaryButton",void 0),s([Object(i.property)({type:String})],e.prototype,"linkText",void 0),s([Object(i.property)({type:String})],e.prototype,"href",void 0),s([Object(i.query)(".md-coachmark__trigger-component")],e.prototype,"triggerComponent",void 0),s([Object(i.query)(".md-coachmark__popper")],e.prototype,"popper",void 0),e=s([Object(n.a)("md-coachmark-popover")],e),t.ELEMENT=e}(r||(r={}))}}]);

package/dist/chunks/md-66.js

@@ -1 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{98:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,n=a(5),i=a(0),r=a(15),o=a(45),d=function(t,e,a,s){var n,i=arguments.length,r=i<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 o=t.length-1;o>=0;o--)(n=t[o])&&(r=(i<3?n(r):i>3?n(e,a,r):n(e,a))||r);return i>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends o.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;this.startDate?this.endDate?(this.startDate=this.dateToSqlTranslate(e),this.endDate=void 0):e<r.DateTime.fromISO(this.startDate)?(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e)):this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e),this.emitDateRange(),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,"/")}emitDateRange(){if(!this.startDate||!this.endDate)return;const t=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(t)}};d([Object(i.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),d([Object(i.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=d([Object(n.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{93:function(t,e,r){"use strict";r.r(e),r.d(e,"CompositeAvatar",(function(){return o}));var o,s=r(6),a=r(5),n=r(0),i=r(4),c=r(40),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-67.js

@@ -1,23 +1 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{123:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(30),i(36);var a,o=i(5),r=i(9),l=i(6),s=i(0),n=i(3),d=i(15),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([[67],{98:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,n=a(5),i=a(0),r=a(15),o=a(45),d=function(t,e,a,s){var n,i=arguments.length,r=i<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 o=t.length-1;o>=0;o--)(n=t[o])&&(r=(i<3?n(r):i>3?n(e,a,r):n(e,a))||r);return i>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends o.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;this.startDate?this.endDate?(this.startDate=this.dateToSqlTranslate(e),this.endDate=void 0):e<r.DateTime.fromISO(this.startDate)?(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e)):this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e),this.emitDateRange(),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,"/")}emitDateRange(){if(!this.startDate||!this.endDate)return;const t=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(t)}};d([Object(i.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),d([Object(i.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=d([Object(n.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);

package/dist/chunks/md-68.js

@@ -1,5 +1,23 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{99:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(37),i=a.n(r),n=a(6),l=a(67),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([[68],{123:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(30),i(36);var a,o=i(5),r=i(9),l=i(6),s=i(0),n=i(3),d=i(15),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-69.js

@@ -1,11 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{100:function(e,t,d){"use strict";d.r(t),d.d(t,"DraggableItem",(function(){return n}));var n,o=d(7),i=d(5),r=d(6),a=d(0),l=d(2),s=d(4),c=d(67),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([[69],{99:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(37),i=a.n(r),n=a(6),l=a(68),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={}))}}]);