@momentum-ui/web-components 2.4.11-dev1 → 2.5.1-dev3

package/dist/chunks/md-15.js

@@ -1 +1,118 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[15],{8:function(n,t,r){"use strict";r.d(t,"n",(function(){return e})),r.d(t,"h",(function(){return o})),r.d(t,"g",(function(){return i})),r.d(t,"d",(function(){return f})),r.d(t,"f",(function(){return c})),r.d(t,"a",(function(){return d})),r.d(t,"c",(function(){return a})),r.d(t,"b",(function(){return s})),r.d(t,"q",(function(){return m})),r.d(t,"s",(function(){return l})),r.d(t,"r",(function(){return y})),r.d(t,"e",(function(){return h})),r.d(t,"i",(function(){return w})),r.d(t,"m",(function(){return O})),r.d(t,"k",(function(){return p})),r.d(t,"l",(function(){return v})),r.d(t,"j",(function(){return D})),r.d(t,"p",(function(){return b})),r.d(t,"o",(function(){return k}));var u=r(13);function e(){return u.DateTime.local()}function o(n,t){return"Monday"===t?n.startOf("week"):n.startOf("week").minus({days:1})}function i(n){return n.startOf("month")}function f(n){return n.get("day")}function c(n){return n.get("month")}function d(n,t){return n.plus({days:t})}function a(n,t){return n.plus({weeks:t})}function s(n,t){return n.plus({months:t})}function m(n,t){return n.plus({days:0-t})}function l(n,t){return n.plus({weeks:0-t})}function y(n,t){return n.plus({months:0-t})}function h(n){return n.locale}function w(n,t){return t.setLocale(n).weekdayShort.substr(0,1)}function O(n,t){return n.setLocale(t)}function p(n,t){return n.day===t.day&&n.month===t.month&&n.year===t.year}function v(n,t){return n.month===t.month}function D(n,t){var r,u,e,o;return(null===(r=t.minDate)||void 0===r?void 0:r.startOf("day"))&&n.startOf("day")<(null===(u=t.minDate)||void 0===u?void 0:u.startOf("day"))||(null===(e=t.maxDate)||void 0===e?void 0:e.startOf("day"))&&n.startOf("day")>(null===(o=t.maxDate)||void 0===o?void 0:o.startOf("day"))||t.filterDate&&t.filterDate(n)||!1}function b(n,t){const r=u.DateTime.fromObject({month:n.month,day:1});return t&&t>=r}function k(n,t){const r=u.DateTime.fromObject({month:n.month,day:n.daysInMonth});return t&&t<=r}}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[15],{24:function(e,t,i){"use strict";i.r(t),i.d(t,"containerSize",(function(){return g})),i.d(t,"inputSize",(function(){return y})),i.d(t,"inputType",(function(){return f})),i.d(t,"inputShape",(function(){return v})),i.d(t,"iconNames",(function(){return _})),i.d(t,"iconPosition",(function(){return x})),i.d(t,"nestedLevel",(function(){return w})),i.d(t,"ariaInvalidType",(function(){return k})),i.d(t,"Input",(function(){return O}));var n=i(1),r=i(33),o=i(4),d=i(10),a=i(5),l=i(0),s=i(2),p=i(3),m=i(14),c=i(9),u=(i(50),i(15),i(51),i(48),l.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal;box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:#545454;opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc)}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{background-color:transparent;color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454);display:flex}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:transparent;color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-hover-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad)}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{background-color:transparent;display:flex}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:transparent}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--md-alert-warning-bg-color,#ffecc2);border-color:var(--input-warning-border-color,#fc9d03)}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--md-alert-warning-bg-color,#ffecc2)}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{background-color:transparent;display:flex}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:transparent}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fc9e"}.md-input-container.md-success .md-input{background-color:var(--md-alert-success-bg-color,#78f5b8);border-color:var(--input-success-border-color,#00ab50)}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--md-alert-success-bg-color,#78f5b8)}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{background-color:transparent;display:flex}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:transparent}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{background-color:transparent;display:flex}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:transparent}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input{border:.0625rem solid;border-radius:4px;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;height:2.125rem;padding:0 1rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.1875rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.75rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.75rem}.md-input--before{padding-left:2.75rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}`),h=i(6),b=function(e,t,i,n){var r,o=arguments.length,d=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(d=(o<3?r(d):o>3?r(t,i,d):r(t,i))||d);return o>3&&d&&Object.defineProperty(t,i,d),d};const g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],y=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],f=["text","number","password","email","tel","checkbox"],v=["none","pill"],_=d,x=["before","after"],w=[0,1,2,3],k=["grammar","false","spelling","true"];var O;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,i)=>i.type===t?e.concat(i.message):e,[])}}e.MessageController=t;let i=class extends(Object(r.a)(l.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.isEditing=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",e=>this.handleOutsideClick(e))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",e=>this.handleOutsideClick(e))}select(){this.input.select()}handleOutsideClick(e){let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==n.a.Space&&t!==n.a.Enter)return;e.preventDefault()}this.input.focus(),this.handleChange(e)}handleLabelClick(){this.input.focus()}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[""+this.containerSize]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,["md-"+this.messageType]:!!this.messageType,["md-input--nested-"+this.nestedLevel]:!!this.nestedLevel,"md-multi":this.multi}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[""+this.inputSize]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,["md-input--"+this.shape]:!!this.shape,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value}}inputTemplate(){return this.multiline?l.html`
+            <textarea
+              part="input"
+              class="md-input ${Object(p.classMap)(this.inputTemplateClassMap)}"
+              @blur=${e=>this.handleBlur(e)}
+              @input=${e=>this.handleChange(e)}
+              @focus=${e=>this.handleFocus(e)}
+              @keydown=${e=>this.handleKeyDown(e)}
+              @mousedown=${e=>this.handleMouseDown(e)}
+              tabindex="0"
+              .value=${this.value}
+              aria-describedby=${this.ariaDescribedBy}
+              ?required=${this.required}
+              ?autofocus=${this.autofocus}
+              aria-label=${this.ariaLabel}
+              aria-invalid=${this.ariaInvalid}
+              aria-errormessage="default message"
+              ?disabled=${this.disabled}
+              id=${this.htmlId}
+              placeholder=${this.placeholder}
+              ?readonly=${this.readOnly}
+              maxlength=${Object(h.ifDefined)(this.maxLength)}
+            ></textarea>
+          `:l.html`
+            <input
+              part="input"
+              class="md-input ${Object(p.classMap)(this.inputTemplateClassMap)}"
+              @blur=${e=>this.handleBlur(e)}
+              @input=${e=>this.handleChange(e)}
+              @focus=${e=>this.handleFocus(e)}
+              @keydown=${e=>this.handleKeyDown(e)}
+              @mousedown=${e=>this.handleMouseDown(e)}
+              tabindex="0"
+              ?required=${this.required}
+              ?autofocus=${this.autofocus}
+              type=${this.type}
+              .value=${this.value}
+              aria-describedby=${this.ariaDescribedBy}
+              aria-label=${this.ariaLabel}
+              aria-invalid=${this.ariaInvalid}
+              ?disabled=${this.disabled}
+              id=${this.htmlId}
+              placeholder=${this.placeholder}
+              ?readonly=${this.readOnly}
+              min=${Object(h.ifDefined)(this.min)}
+              max=${Object(h.ifDefined)(this.max)}
+              maxlength=${Object(h.ifDefined)(this.maxLength)}
+            />
+          `}inputLeftTemplate(){return this.searchable?l.html`
+          <div class="md-input__before">
+            ${this.isLoading?l.html`
+                  <md-spinner size="20"></md-spinner>
+                `:l.html`
+                  <md-icon name="search_20"></md-icon>
+                `}
+          </div>
+        `:"before"===this.auxiliaryContentPosition?l.html`
+              <div class="md-input__before">
+                <slot name="input-section"> </slot>
+              </div>
+            `:s.nothing}inputRightTemplate(){return this.clear&&!this.disabled&&this.value?l.html`
+          <div class="md-input__after">
+            <md-button
+              hasRemoveStyle
+              @click=${e=>this.handleClear(e)}
+              @keydown=${e=>this.handleClear(e)}
+            >
+              <md-icon
+                class="md-input__icon-clear"
+                name="clear-active_12"
+                aria-label=${this.clearAriaLabel||"Clear Input"}
+              >
+              </md-icon>
+            </md-button>
+          </div>
+        `:this.compact?void 0:l.html`
+          <div class="md-input__after">
+            <slot name="input-section-right"></slot>
+          </div>
+        `}secondaryLabelTemplate(){return this.secondaryLabel?l.html`
+            <md-label
+              class="md-input__secondary-label ${Object(p.classMap)({disabled:this.disabled})}"
+              secondaryLabel
+              .htmlFor=${this.htmlId}
+              .label=${this.secondaryLabel}
+              @label-click="${()=>this.handleLabelClick()}"
+            ></md-label>
+          `:s.nothing}helpTextTemplate(){return this.helpText?l.html`
+            <md-help-text
+              class="help-text"
+              .message=${this.helpText}
+              style=${Object(c.styleMap)({width:"100%"})}
+            ></md-help-text>
+          `:s.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?l.html`
+            <div part="message" class="md-input__messages">
+              ${Object(m.repeat)(this.messages,e=>l.html`
+                    <md-help-text
+                      .message=${e}
+                      .messageType=${this.messageType}
+                    ></md-help-text>
+                  `)}
+            </div>
+          `:s.nothing}labelTemplate(){return this.label?l.html`
+            <md-label
+              class="md-input__label ${Object(p.classMap)({disabled:this.disabled})}"
+              .htmlFor=${this.htmlId}
+              .label=${this.label}
+              @label-click="${()=>this.handleLabelClick()}"
+            ></md-label>
+          `:s.nothing}static get styles(){return[o.a,u]}render(){return l.html`
+        <div class="md-input-container ${Object(p.classMap)(this.inputClassMap)}" part="md-input-container">
+          ${this.labelTemplate()}
+          <div class="md-input__wrapper ${Object(p.classMap)(this.inputWrapperClassMap)}">
+            ${this.inputLeftTemplate()} ${this.inputTemplate()} ${this.inputRightTemplate()}
+          </div>
+          ${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
+        </div>
+      `}};b([Object(l.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),b([Object(l.property)({type:String})],i.prototype,"ariaInvalid",void 0),b([Object(l.property)({type:String})],i.prototype,"ariaLabel",void 0),b([Object(l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),b([Object(l.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"clear",void 0),b([Object(l.property)({type:String})],i.prototype,"clearAriaLabel",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"compact",void 0),b([Object(l.property)({type:String})],i.prototype,"containerSize",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"disabled",void 0),b([Object(l.property)({type:String})],i.prototype,"id",void 0),b([Object(l.property)({type:String})],i.prototype,"inputSize",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"isFilled",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"isLoading",void 0),b([Object(l.property)({type:String})],i.prototype,"label",void 0),b([Object(l.property)({type:String})],i.prototype,"helpText",void 0),b([Object(l.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),b([Object(l.property)({type:String})],i.prototype,"htmlId",void 0),b([Object(l.property)({type:Array})],i.prototype,"messageArr",void 0),b([Object(l.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),b([Object(l.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),b([Object(l.property)({type:Number})],i.prototype,"maxLength",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"multi",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"multiline",void 0),b([Object(l.property)({type:String,reflect:!0})],i.prototype,"name",void 0),b([Object(l.property)({type:Number})],i.prototype,"nestedLevel",void 0),b([Object(l.property)({type:String})],i.prototype,"placeholder",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"readOnly",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"required",void 0),b([Object(l.property)({type:Boolean})],i.prototype,"searchable",void 0),b([Object(l.property)({type:String})],i.prototype,"secondaryLabel",void 0),b([Object(l.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),b([Object(l.property)({type:String})],i.prototype,"shape",void 0),b([Object(l.property)({type:String})],i.prototype,"type",void 0),b([Object(l.property)({type:String,reflect:!0})],i.prototype,"value",void 0),b([Object(l.query)(".md-input")],i.prototype,"input",void 0),b([Object(l.internalProperty)()],i.prototype,"isEditing",void 0),i=b([Object(a.a)("md-input")],i),e.ELEMENT=i}(O||(O={}))}}]);

package/dist/chunks/md-16.js

@@ -1,117 +1,19 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[16],{24:function(e,t,i){"use strict";i.r(t),i.d(t,"containerSize",(function(){return y})),i.d(t,"inputSize",(function(){return f})),i.d(t,"inputType",(function(){return v})),i.d(t,"inputShape",(function(){return _})),i.d(t,"iconNames",(function(){return x})),i.d(t,"iconPosition",(function(){return w})),i.d(t,"nestedLevel",(function(){return k})),i.d(t,"ariaInvalidType",(function(){return O})),i.d(t,"Input",(function(){return $}));var n=i(1),r=i(33),o=i(4),d=i(11),a=i.n(d),l=i(5),s=i(0),p=i(2),m=i(3),c=i(14),u=i(9),h=(i(51),i(15),i(52),i(49),s.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal;box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:#545454;opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc)}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{background-color:transparent;color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454);display:flex}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:transparent;color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-hover-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad)}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{background-color:transparent;display:flex}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:transparent}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--md-alert-warning-bg-color,#ffecc2);border-color:var(--input-warning-border-color,#fc9d03)}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--md-alert-warning-bg-color,#ffecc2)}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{background-color:transparent;display:flex}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:transparent}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fc96"}.md-input-container.md-success .md-input{background-color:var(--md-alert-success-bg-color,#78f5b8);border-color:var(--input-success-border-color,#00ab50)}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--md-alert-success-bg-color,#78f5b8)}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{background-color:transparent;display:flex}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:transparent}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{background-color:transparent;display:flex}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:transparent}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input{border:.0625rem solid;border-radius:4px;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;height:2.125rem;padding:0 1rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.1875rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.75rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.75rem}.md-input--before{padding-left:2.75rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}`),b=i(6),g=function(e,t,i,n){var r,o=arguments.length,d=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(d=(o<3?r(d):o>3?r(t,i,d):r(t,i))||d);return o>3&&d&&Object.defineProperty(t,i,d),d};const y=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],f=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],v=["text","number","password","email","tel","checkbox"],_=["none","pill"],x=a.a,w=["before","after"],k=[0,1,2,3],O=["grammar","false","spelling","true"];var $;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,i)=>i.type===t?e.concat(i.message):e,[])}}e.MessageController=t;let i=class extends(Object(r.a)(s.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.isEditing=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",e=>this.handleOutsideClick(e))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",e=>this.handleOutsideClick(e))}select(){this.input.select()}handleOutsideClick(e){let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==n.a.Space&&t!==n.a.Enter)return;e.preventDefault()}this.input.focus(),this.handleChange(e)}handleLabelClick(){this.input.focus()}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[""+this.containerSize]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,["md-"+this.messageType]:!!this.messageType,["md-input--nested-"+this.nestedLevel]:!!this.nestedLevel,"md-multi":this.multi}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[""+this.inputSize]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,["md-input--"+this.shape]:!!this.shape,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value}}inputTemplate(){return this.multiline?s.html`
-            <textarea
-              part="input"
-              class="md-input ${Object(m.classMap)(this.inputTemplateClassMap)}"
-              @blur=${e=>this.handleBlur(e)}
-              @input=${e=>this.handleChange(e)}
-              @focus=${e=>this.handleFocus(e)}
-              @keydown=${e=>this.handleKeyDown(e)}
-              @mousedown=${e=>this.handleMouseDown(e)}
-              tabindex="0"
-              .value=${this.value}
-              aria-describedby=${this.ariaDescribedBy}
-              ?required=${this.required}
-              ?autofocus=${this.autofocus}
-              aria-label=${this.ariaLabel}
-              aria-invalid=${this.ariaInvalid}
-              aria-errormessage="default message"
-              ?disabled=${this.disabled}
-              id=${this.htmlId}
-              placeholder=${this.placeholder}
-              ?readonly=${this.readOnly}
-            ></textarea>
-          `:s.html`
-            <input
-              part="input"
-              class="md-input ${Object(m.classMap)(this.inputTemplateClassMap)}"
-              @blur=${e=>this.handleBlur(e)}
-              @input=${e=>this.handleChange(e)}
-              @focus=${e=>this.handleFocus(e)}
-              @keydown=${e=>this.handleKeyDown(e)}
-              @mousedown=${e=>this.handleMouseDown(e)}
-              tabindex="0"
-              ?required=${this.required}
-              ?autofocus=${this.autofocus}
-              type=${this.type}
-              .value=${this.value}
-              aria-describedby=${this.ariaDescribedBy}
-              aria-label=${this.ariaLabel}
-              aria-invalid=${this.ariaInvalid}
-              ?disabled=${this.disabled}
-              id=${this.htmlId}
-              placeholder=${this.placeholder}
-              ?readonly=${this.readOnly}
-              min=${Object(b.ifDefined)(this.min)}
-              max=${Object(b.ifDefined)(this.max)}
-              maxlength=${Object(b.ifDefined)(this.maxLength)}
-            />
-          `}inputLeftTemplate(){return this.searchable?s.html`
-          <div class="md-input__before">
-            ${this.isLoading?s.html`
-                  <md-spinner size="20"></md-spinner>
-                `:s.html`
-                  <md-icon name="search_20"></md-icon>
-                `}
-          </div>
-        `:"before"===this.auxiliaryContentPosition?s.html`
-              <div class="md-input__before">
-                <slot name="input-section"> </slot>
-              </div>
-            `:p.nothing}inputRightTemplate(){return this.clear&&!this.disabled&&this.value?s.html`
-          <div class="md-input__after">
-            <md-button
-              hasRemoveStyle
-              @click=${e=>this.handleClear(e)}
-              @keydown=${e=>this.handleClear(e)}
-            >
-              <md-icon
-                class="md-input__icon-clear"
-                name="clear-active_12"
-                aria-label=${this.clearAriaLabel||"Clear Input"}
-              >
-              </md-icon>
-            </md-button>
-          </div>
-        `:this.compact?void 0:s.html`
-          <div class="md-input__after">
-            <slot name="input-section-right"></slot>
-          </div>
-        `}secondaryLabelTemplate(){return this.secondaryLabel?s.html`
-            <md-label
-              class="md-input__secondary-label ${Object(m.classMap)({disabled:this.disabled})}"
-              secondaryLabel
-              .htmlFor=${this.htmlId}
-              .label=${this.secondaryLabel}
-              @label-click="${()=>this.handleLabelClick()}"
-            ></md-label>
-          `:p.nothing}helpTextTemplate(){return this.helpText?s.html`
-            <md-help-text
-              class="help-text"
-              .message=${this.helpText}
-              style=${Object(u.styleMap)({width:"100%"})}
-            ></md-help-text>
-          `:p.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?s.html`
-            <div part="message" class="md-input__messages">
-              ${Object(c.repeat)(this.messages,e=>s.html`
-                    <md-help-text
-                      .message=${e}
-                      .messageType=${this.messageType}
-                    ></md-help-text>
-                  `)}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[16],{32:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return i})),r.d(t,"menuOverlaySize",(function(){return w})),r.d(t,"menuOverlayPlacement",(function(){return O})),r.d(t,"MenuOverlay",(function(){return E}));var i,o=r(1),n=r(5),s=r(34),a=r(25),l=r.n(a),d=r(26),h=r.n(d),p=r(27),c=r.n(p),m=r(28),u=r.n(m),g=r(21),v=r(0),y=v.css`:host{--vw-padding:16px}.md-menu-overlay{box-sizing:border-box;color:var(--md-primary-text-color);position:relative}.md-menu-overlay *{box-sizing:inherit}.md-menu-overlay .overlay-content{background-color:var(--md-secondary-white-bg-color);border:1px solid var(--md-menu-overlay-border-color,--gray-20);border-radius:.5rem;display:flex;justify-content:space-around;max-width:calc(100vw - var(--vw-padding) * 2);overflow-y:auto}.md-menu-overlay .overlay-container{border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.14);box-sizing:border-box;display:none;position:absolute;z-index:1000}.md-menu-overlay .overlay-container[data-show]{display:block}.overlay-arrow{filter:drop-shadow(0 0 5px rgba(0,0,0,.16));height:0;visibility:hidden;width:0;z-index:-1}.overlay-arrow[data-show]{visibility:visible}.overlay-container[data-popper-placement^=top]>.overlay-arrow{border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem var(--md-tertiary-white-bg-color);bottom:-.875rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-tertiary-white-bg-color);border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.875rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-tertiary-white-bg-color);border-top:solid 1rem transparent;left:-.875rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-tertiary-white-bg-color);border-top:solid 1rem transparent;right:-.875rem}`,b=function(e,t,r,i){var o,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,r,s):o(t,r))||s);return n>3&&s&&Object.defineProperty(t,r,s),s},f=function(e,t,r,i){return new(r||(r=Promise))((function(o,n){function s(e){try{l(i.next(e))}catch(e){n(e)}}function a(e){try{l(i.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,a)}l((i=i.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(i||(i={}));const w=["small","large"],O=["left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"];var E;!function(e){let t=class extends(Object(s.a)(v.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.popperInstance=null,this.triggerElement=null,this.handleTriggerClick=e=>{this.toggleOverlay()},this.handleOutsideOverlayKeydown=e=>f(this,void 0,void 0,(function*(){let t=!1;const r=e.composedPath();r.length&&(t=!!r.find(e=>e===this),!t)||this.overlayContainer&&e.code===o.a.Escape&&(e.preventDefault(),this.isOpen&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))})),this.handleTriggerKeyDown=e=>f(this,void 0,void 0,(function*(){switch(e.code){case o.a.Space:case o.a.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}})),this.handleOutsideOverlayClick=e=>{let t=!1;const r=e.composedPath();r.length&&(t=!!r.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${i.small};`:`width: ${i.large};`}getStyles(){return v.html`
+        <style>
+          :host .md-menu-overlay .overlay-content {
+            ${this.renderMaxHeight()};
+            ${this.renderWidth()};
+          }
+        </style>
+      `}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement=null)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return f(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.trigger&&(this.triggerElement=this.trigger[0],this.triggerElement.addEventListener("click",this.handleTriggerClick),this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0)}))}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&this.triggerElement.setAttribute("aria-expanded","true")):(this.dispatchMenuClose(),this.triggerElement&&this.triggerElement.removeAttribute("aria-expanded")))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>f(this,void 0,void 0,(function*(){this.isOpen&&(this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...g.defaultModifiers,h.a,c.a,u.a,l.a,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,15]}},{name:"arrow",options:{element:this.arrow,padding:5}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}static get styles(){return[y]}render(){return v.html`
+        ${this.getStyles()}
+        <div aria-expanded=${this.isOpen} class="md-menu-overlay">
+          <slot name="menu-trigger"></slot>
+          <div part="overlay" class="overlay-container" role="tooltip">
+            <div id="arrow" class="overlay-arrow" data-popper-arrow></div>
+            <div class="overlay-content" part="overlay-content">
+              <slot></slot>
             </div>
-          `:p.nothing}labelTemplate(){return this.label?s.html`
-            <md-label
-              class="md-input__label ${Object(m.classMap)({disabled:this.disabled})}"
-              .htmlFor=${this.htmlId}
-              .label=${this.label}
-              @label-click="${()=>this.handleLabelClick()}"
-            ></md-label>
-          `:p.nothing}static get styles(){return[o.a,h]}render(){return s.html`
-        <div class="md-input-container ${Object(m.classMap)(this.inputClassMap)}">
-          ${this.labelTemplate()}
-          <div class="md-input__wrapper ${Object(m.classMap)(this.inputWrapperClassMap)}">
-            ${this.inputLeftTemplate()} ${this.inputTemplate()} ${this.inputRightTemplate()}
           </div>
-          ${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
         </div>
-      `}};g([Object(s.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),g([Object(s.property)({type:String})],i.prototype,"ariaInvalid",void 0),g([Object(s.property)({type:String})],i.prototype,"ariaLabel",void 0),g([Object(s.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),g([Object(s.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"clear",void 0),g([Object(s.property)({type:String})],i.prototype,"clearAriaLabel",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"compact",void 0),g([Object(s.property)({type:String})],i.prototype,"containerSize",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"disabled",void 0),g([Object(s.property)({type:String})],i.prototype,"id",void 0),g([Object(s.property)({type:String})],i.prototype,"inputSize",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"isFilled",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"isLoading",void 0),g([Object(s.property)({type:String})],i.prototype,"label",void 0),g([Object(s.property)({type:String})],i.prototype,"helpText",void 0),g([Object(s.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),g([Object(s.property)({type:String})],i.prototype,"htmlId",void 0),g([Object(s.property)({type:Array})],i.prototype,"messageArr",void 0),g([Object(s.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),g([Object(s.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),g([Object(s.property)({type:Number})],i.prototype,"maxLength",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"multi",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"multiline",void 0),g([Object(s.property)({type:String,reflect:!0})],i.prototype,"name",void 0),g([Object(s.property)({type:Number})],i.prototype,"nestedLevel",void 0),g([Object(s.property)({type:String})],i.prototype,"placeholder",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"readOnly",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"required",void 0),g([Object(s.property)({type:Boolean})],i.prototype,"searchable",void 0),g([Object(s.property)({type:String})],i.prototype,"secondaryLabel",void 0),g([Object(s.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),g([Object(s.property)({type:String})],i.prototype,"shape",void 0),g([Object(s.property)({type:String})],i.prototype,"type",void 0),g([Object(s.property)({type:String,reflect:!0})],i.prototype,"value",void 0),g([Object(s.query)(".md-input")],i.prototype,"input",void 0),g([Object(s.internalProperty)()],i.prototype,"isEditing",void 0),i=g([Object(l.a)("md-input")],i),e.ELEMENT=i}($||($={}))}}]);
+      `}};b([Object(v.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),b([Object(v.property)({type:String})],t.prototype,"size",void 0),b([Object(v.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),b([Object(v.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),b([Object(v.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),b([Object(v.property)({type:Boolean})],t.prototype,"disabled",void 0),b([Object(v.property)({type:String})],t.prototype,"placement",void 0),b([Object(v.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),b([Object(v.query)(".overlay-arrow")],t.prototype,"arrow",void 0),b([Object(v.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=b([Object(n.a)("md-menu-overlay")],t),e.ELEMENT=t}(E||(E={}))}}]);

package/dist/chunks/md-17.js

@@ -1,19 +1,17 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{32:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return i})),r.d(t,"menuOverlaySize",(function(){return w})),r.d(t,"menuOverlayPlacement",(function(){return O})),r.d(t,"MenuOverlay",(function(){return E}));var i,o=r(1),n=r(5),s=r(34),a=r(25),l=r.n(a),d=r(26),h=r.n(d),p=r(27),c=r.n(p),m=r(28),u=r.n(m),g=r(21),v=r(0),y=v.css`:host{--vw-padding:16px}.md-menu-overlay{box-sizing:border-box;color:var(--md-primary-text-color);position:relative}.md-menu-overlay *{box-sizing:inherit}.md-menu-overlay .overlay-content{background-color:var(--md-secondary-white-bg-color);border:1px solid var(--md-menu-overlay-border-color,--gray-20);border-radius:.5rem;display:flex;justify-content:space-around;max-width:calc(100vw - var(--vw-padding) * 2);overflow-y:auto}.md-menu-overlay .overlay-container{border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.14);box-sizing:border-box;display:none;position:absolute;z-index:1000}.md-menu-overlay .overlay-container[data-show]{display:block}.overlay-arrow{filter:drop-shadow(0 0 5px rgba(0,0,0,.16));height:0;visibility:hidden;width:0;z-index:-1}.overlay-arrow[data-show]{visibility:visible}.overlay-container[data-popper-placement^=top]>.overlay-arrow{border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem var(--md-tertiary-white-bg-color);bottom:-.875rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-tertiary-white-bg-color);border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.875rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-tertiary-white-bg-color);border-top:solid 1rem transparent;left:-.875rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-tertiary-white-bg-color);border-top:solid 1rem transparent;right:-.875rem}`,b=function(e,t,r,i){var o,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,r,s):o(t,r))||s);return n>3&&s&&Object.defineProperty(t,r,s),s},f=function(e,t,r,i){return new(r||(r=Promise))((function(o,n){function s(e){try{l(i.next(e))}catch(e){n(e)}}function a(e){try{l(i.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,a)}l((i=i.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(i||(i={}));const w=["small","large"],O=["left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"];var E;!function(e){let t=class extends(Object(s.a)(v.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.popperInstance=null,this.triggerElement=null,this.handleTriggerClick=e=>{this.toggleOverlay()},this.handleOutsideOverlayKeydown=e=>f(this,void 0,void 0,(function*(){let t=!1;const r=e.composedPath();r.length&&(t=!!r.find(e=>e===this),!t)||this.overlayContainer&&e.code===o.a.Escape&&(e.preventDefault(),this.isOpen&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))})),this.handleTriggerKeyDown=e=>f(this,void 0,void 0,(function*(){switch(e.code){case o.a.Space:case o.a.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}})),this.handleOutsideOverlayClick=e=>{let t=!1;const r=e.composedPath();r.length&&(t=!!r.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${i.small};`:`width: ${i.large};`}getStyles(){return v.html`
-        <style>
-          :host .md-menu-overlay .overlay-content {
-            ${this.renderMaxHeight()};
-            ${this.renderWidth()};
-          }
-        </style>
-      `}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement=null)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return f(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.trigger&&(this.triggerElement=this.trigger[0],this.triggerElement.addEventListener("click",this.handleTriggerClick),this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0)}))}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&this.triggerElement.setAttribute("aria-expanded","true")):(this.dispatchMenuClose(),this.triggerElement&&this.triggerElement.removeAttribute("aria-expanded")))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>f(this,void 0,void 0,(function*(){this.isOpen&&(this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...g.defaultModifiers,h.a,c.a,u.a,l.a,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,15]}},{name:"arrow",options:{element:this.arrow,padding:5}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}static get styles(){return[y]}render(){return v.html`
-        ${this.getStyles()}
-        <div aria-expanded=${this.isOpen} class="md-menu-overlay">
-          <slot name="menu-trigger"></slot>
-          <div part="overlay" class="overlay-container" role="tooltip">
-            <div id="arrow" class="overlay-arrow" data-popper-arrow></div>
-            <div class="overlay-content" part="overlay-content">
-              <slot></slot>
-            </div>
-          </div>
-        </div>
-      `}};b([Object(v.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),b([Object(v.property)({type:String})],t.prototype,"size",void 0),b([Object(v.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),b([Object(v.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),b([Object(v.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),b([Object(v.property)({type:Boolean})],t.prototype,"disabled",void 0),b([Object(v.property)({type:String})],t.prototype,"placement",void 0),b([Object(v.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),b([Object(v.query)(".overlay-arrow")],t.prototype,"arrow",void 0),b([Object(v.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=b([Object(n.a)("md-menu-overlay")],t),e.ELEMENT=t}(E||(E={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{29:function(e,t,r){"use strict";var a=r(0);t.a=a.css`.md-datepicker__month-container{display:flex;flex-direction:column;height:17.5rem;justify-content:space-between;padding:12px 10px 12px}.md-datepicker__navigation--buttons{align-items:center;color:var(--md-primary-text-color,inherit);display:flex;justify-content:space-between;line-height:normal;width:2.75rem}.md-datepicker__navigation--buttons md-button[disabled]::part(button){background-color:none;color:var(--md-disabled-text-color,inherit)}.md-datepicker__month{width:auto}.md-datepicker__week{height:2.125rem}.md-datepicker__navigation--current-month{font-size:1rem;font-weight:700;text-transform:capitalize}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color:var(--md-secondary-text-color,#545454);display:flex;font-size:.625rem;justify-content:space-around;line-height:.875rem;margin:12px 0 8px;text-transform:capitalize}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color,#545454)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{border:1px solid var(--datepicker-range-text-color,#121212);height:1.8rem;left:7%;position:absolute;top:4%;width:1.8rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-range-hover-bg-color,#dedede)}.md-datepicker__day--selected::part(button){background:var(--md-primary-text-color,#121212);color:var(--md-secondary-bg-color,#fff)}.md-datepicker__day--outside-month{color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color,#121212);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:1.75rem;position:absolute;top:0;width:2.25rem;z-index:-1}.md-datepicker__day--in-range::part(button):focus,.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-range-text-color,#121212)}.md-datepicker__day--in-range::part(button):focus::before,.md-datepicker__day--in-range::part(button):hover::before{background:radial-gradient(circle at 43% center,var(--datepicker-range-hover-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--in-range::part(button):focus::after,.md-datepicker__day--in-range::part(button):hover::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-hover-bg-color) 51%,var(--datepicker-range-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--week-first::part(button)::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--week-last::part(button)::before{border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--start-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--start-date::part(button)::before{background:radial-gradient(circle at 40% center,var(--md-primary-text-color,#121212) 59%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--start-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--end-date::part(button)::before{background:radial-gradient(circle at 47% center,var(--datepicker-range-edge-bg-color,#121212) 58%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--end-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}`},72:function(e,t,r){"use strict";r.r(t),r.d(t,"DatePickerDay",(function(){return a}));r(17);var a,d=r(5),i=r(8),o=r(19),n=r(4),c=r(0),s=r(3),p=r(6),l=r(29),h=function(e,t,r,a){var d,i=arguments.length,o=i<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(d=e[n])&&(o=(i<3?d(o):i>3?d(t,r,o):d(t,r))||o);return i>3&&o&&Object.defineProperty(t,r,o),o};!function(e){let t=class extends c.LitElement{constructor(){super(...arguments),this.focused=!1,this.selected=!1,this.disabled=!1,this.day=Object(i.n)(),this.viewAnchorMonth=void 0,this.filterParams=void 0,this.datePickerProps=void 0,this.isOutsideMonth=!1,this.isToday=!1,this.parentRangePicker=null,this.dateIsInRange=!1,this.handleClick=e=>{this.dispatchEvent(new CustomEvent("day-select",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))},this.isDateInRange=()=>{const e=this.parentRangePicker,t=null==e?void 0:e.startDate,r=null==e?void 0:e.endDate;return!this.isPrimarySelection()&&(this.day.toSQLDate()>t&&this.day.toSQLDate()<r||this.day.toSQLDate()==t||this.day.toSQLDate()==r||!1)},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("day-key-event",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))}}connectedCallback(){super.connectedCallback(),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.parentRangePicker=Object(o.a)("md-date-range-picker",this)}updated(e){var t,r;super.updated(e),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.focused&&this.button&&(null===(r=null===(t=this.button.shadowRoot)||void 0===t?void 0:t.querySelector("button"))||void 0===r||r.focus()),this.parentRangePicker&&(this.dateIsInRange=this.isDateInRange())}isPrimarySelection(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)&&void 0===this.parentRangePicker.endDate}isLeadingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.firstElementChild)}isEndingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.lastElementChild)}isStartDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)===this.day.toSQLDate()&&!this.isPrimarySelection()}isEndDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.endDate)===this.day.toSQLDate()}static get styles(){return[n.a,l.a]}render(){var e,t;const r={"md-datepicker__day--selected":this.selected,"md-datepicker__day--focus":this.focused,"md-datepicker__day--today":this.isToday,"md-datepicker__day--outside-month":this.isOutsideMonth,"md-datepicker__day--in-range":this.dateIsInRange,"md-datepicker__day--week-first":this.isLeadingRangeEdge(),"md-datepicker__day--week-last":this.isEndingRangeEdge(),"md-datepicker__day--start-date":this.isStartDate(),"md-datepicker__day--end-date":this.isEndDate()};return c.html`
+        <md-button
+          circle
+          size=${28}
+          color=${"color-none"}
+          ?disabled=${this.disabled}
+          class="md-datepicker__day ${Object(s.classMap)(r)}"
+          @click=${e=>{this.disabled||this.handleClick(e)}}
+          @keydown=${e=>this.handleKeyDown(e)}
+          ariaLabel=${""+(null===(e=this.day)||void 0===e?void 0:e.toFormat("D, dd MMMM yyyy"))}
+          title=${""+(null===(t=this.day)||void 0===t?void 0:t.toFormat("D, dd MMMM yyyy"))}
+          aria-selected=${Object(p.ifDefined)(this.selected)}
+          tab-index=${this.focused?"0":"-1"}
+        >
+          ${this.day&&Object(i.d)(this.day)}
+        </md-button>
+      `}};h([Object(c.property)({type:Boolean,reflect:!0})],t.prototype,"focused",void 0),h([Object(c.property)({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),h([Object(c.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),h([Object(c.property)({attribute:!1})],t.prototype,"day",void 0),h([Object(c.property)({attribute:!1})],t.prototype,"viewAnchorMonth",void 0),h([Object(c.property)({attribute:!1})],t.prototype,"filterParams",void 0),h([Object(c.property)({attribute:!1})],t.prototype,"datePickerProps",void 0),h([Object(c.internalProperty)()],t.prototype,"isOutsideMonth",void 0),h([Object(c.internalProperty)()],t.prototype,"isToday",void 0),h([Object(c.internalProperty)()],t.prototype,"parentRangePicker",void 0),h([Object(c.internalProperty)()],t.prototype,"dateIsInRange",void 0),h([Object(c.query)("md-button")],t.prototype,"button",void 0),t=h([Object(d.a)("md-datepicker-day")],t),e.ELEMENT=t}(a||(a={}))}}]);

package/dist/chunks/md-18.js

@@ -1,17 +1,12 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[18],{29:function(e,t,r){"use strict";var a=r(0);t.a=a.css`.md-datepicker__month-container{display:flex;flex-direction:column;height:17rem;justify-content:space-between;padding:4px 10px 12px}.md-datepicker__navigation--buttons{align-items:center;color:var(--md-primary-text-color,inherit);display:flex;justify-content:space-between;line-height:normal;width:2.75rem}.md-datepicker__navigation--buttons md-button[disabled]::part(button){background-color:none;color:var(--md-disabled-text-color,inherit)}.md-datepicker__month{width:auto}.md-datepicker__week{height:2.125rem}.md-datepicker__navigation--current-month{font-size:1rem;font-weight:700;text-transform:capitalize}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color:var(--md-secondary-text-color,#545454);display:flex;font-size:.625rem;justify-content:space-around;line-height:.875rem;margin:12px 0 8px;text-transform:capitalize}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color,#545454)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{border:1px solid var(--datepicker-range-text-color,#121212);height:1.8rem;left:7%;position:absolute;top:4%;width:1.8rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-range-hover-bg-color,#dedede)}.md-datepicker__day--selected::part(button){background:var(--md-primary-text-color,#121212);color:var(--md-secondary-bg-color,#fff)}.md-datepicker__day--outside-month{color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color,#121212);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:1.75rem;position:absolute;top:0;width:2.25rem;z-index:-1}.md-datepicker__day--in-range::part(button):focus,.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-range-text-color,#121212)}.md-datepicker__day--in-range::part(button):focus::before,.md-datepicker__day--in-range::part(button):hover::before{background:radial-gradient(circle at 43% center,var(--datepicker-range-hover-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--in-range::part(button):focus::after,.md-datepicker__day--in-range::part(button):hover::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-hover-bg-color) 51%,var(--datepicker-range-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--week-first::part(button)::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--week-last::part(button)::before{border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--start-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--start-date::part(button)::before{background:radial-gradient(circle at 40% center,var(--md-primary-text-color,#121212) 59%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--start-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--end-date::part(button)::before{background:radial-gradient(circle at 47% center,var(--datepicker-range-edge-bg-color,#121212) 58%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--end-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}`},73:function(e,t,r){"use strict";r.r(t),r.d(t,"DatePickerDay",(function(){return a}));r(17);var a,d=r(5),i=r(8),o=r(19),n=r(4),c=r(0),s=r(3),p=r(6),l=r(29),h=function(e,t,r,a){var d,i=arguments.length,o=i<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(d=e[n])&&(o=(i<3?d(o):i>3?d(t,r,o):d(t,r))||o);return i>3&&o&&Object.defineProperty(t,r,o),o};!function(e){let t=class extends c.LitElement{constructor(){super(...arguments),this.focused=!1,this.selected=!1,this.disabled=!1,this.day=Object(i.n)(),this.viewAnchorMonth=void 0,this.filterParams=void 0,this.datePickerProps=void 0,this.isOutsideMonth=!1,this.isToday=!1,this.parentRangePicker=null,this.dateIsInRange=!1,this.handleClick=e=>{this.dispatchEvent(new CustomEvent("day-select",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))},this.isDateInRange=()=>{const e=this.parentRangePicker,t=null==e?void 0:e.startDate,r=null==e?void 0:e.endDate;return!this.isPrimarySelection()&&(this.day.toSQLDate()>t&&this.day.toSQLDate()<r||this.day.toSQLDate()==t||this.day.toSQLDate()==r||!1)},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("day-key-event",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))}}connectedCallback(){super.connectedCallback(),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.parentRangePicker=Object(o.a)("md-date-range-picker",this)}updated(e){var t,r;super.updated(e),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.focused&&this.button&&(null===(r=null===(t=this.button.shadowRoot)||void 0===t?void 0:t.querySelector("button"))||void 0===r||r.focus()),this.parentRangePicker&&(this.dateIsInRange=this.isDateInRange())}isPrimarySelection(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)&&void 0===this.parentRangePicker.endDate}isLeadingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.firstElementChild)}isEndingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.lastElementChild)}isStartDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)===this.day.toSQLDate()&&!this.isPrimarySelection()}isEndDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.endDate)===this.day.toSQLDate()}static get styles(){return[n.a,l.a]}render(){var e,t;const r={"md-datepicker__day--selected":this.selected,"md-datepicker__day--focus":this.focused,"md-datepicker__day--today":this.isToday,"md-datepicker__day--outside-month":this.isOutsideMonth,"md-datepicker__day--in-range":this.dateIsInRange,"md-datepicker__day--week-first":this.isLeadingRangeEdge(),"md-datepicker__day--week-last":this.isEndingRangeEdge(),"md-datepicker__day--start-date":this.isStartDate(),"md-datepicker__day--end-date":this.isEndDate()};return c.html`
-        <md-button
-          circle
-          size=${28}
-          color=${"color-none"}
-          ?disabled=${this.disabled}
-          class="md-datepicker__day ${Object(s.classMap)(r)}"
-          @click=${e=>{this.disabled||this.handleClick(e)}}
-          @keydown=${e=>this.handleKeyDown(e)}
-          ariaLabel=${""+(null===(e=this.day)||void 0===e?void 0:e.toFormat("D, dd MMMM yyyy"))}
-          title=${""+(null===(t=this.day)||void 0===t?void 0:t.toFormat("D, dd MMMM yyyy"))}
-          aria-selected=${Object(p.ifDefined)(this.selected)}
-          tab-index=${this.focused?"0":"-1"}
-        >
-          ${this.day&&Object(i.d)(this.day)}
-        </md-button>
-      `}};h([Object(c.property)({type:Boolean,reflect:!0})],t.prototype,"focused",void 0),h([Object(c.property)({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),h([Object(c.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),h([Object(c.property)({attribute:!1})],t.prototype,"day",void 0),h([Object(c.property)({attribute:!1})],t.prototype,"viewAnchorMonth",void 0),h([Object(c.property)({attribute:!1})],t.prototype,"filterParams",void 0),h([Object(c.property)({attribute:!1})],t.prototype,"datePickerProps",void 0),h([Object(c.internalProperty)()],t.prototype,"isOutsideMonth",void 0),h([Object(c.internalProperty)()],t.prototype,"isToday",void 0),h([Object(c.internalProperty)()],t.prototype,"parentRangePicker",void 0),h([Object(c.internalProperty)()],t.prototype,"dateIsInRange",void 0),h([Object(c.query)("md-button")],t.prototype,"button",void 0),t=h([Object(d.a)("md-datepicker-day")],t),e.ELEMENT=t}(a||(a={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[18],{71:function(t,e,r){"use strict";r.r(e),r.d(e,"DatePickerWeek",(function(){return o}));r(72);var o,i=r(5),n=r(8),a=r(4),c=r(0),s=r(29),d=function(t,e,r,o){var i,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(a=(n<3?i(a):n>3?i(e,r,a):i(e,r))||a);return n>3&&a&&Object.defineProperty(e,r,a),a};!function(t){let e=class extends c.LitElement{constructor(){super(...arguments),this.startOfWeekDay=Object(n.n)(),this.viewAnchorMonth=Object(n.n)().month,this.filterParams=void 0,this.datePickerProps=void 0,this.renderDays=()=>[0,1,2,3,4,5,6].map(t=>{const e=Object(n.a)(this.startOfWeekDay,t);return c.html`
+          <md-datepicker-day
+            .viewAnchorMonth=${this.viewAnchorMonth}
+            .day=${e}
+            .filterParams=${this.filterParams}
+            .datePickerProps=${this.datePickerProps}
+          ></md-datepicker-day>
+        `})}static get styles(){return[a.a,s.a]}render(){return c.html`
+        <div class="md-datepicker__week">
+          ${this.renderDays()}
+        </div>
+      `}};d([Object(c.property)({attribute:!1})],e.prototype,"startOfWeekDay",void 0),d([Object(c.property)({attribute:!1})],e.prototype,"viewAnchorMonth",void 0),d([Object(c.property)({attribute:!1})],e.prototype,"filterParams",void 0),d([Object(c.property)({attribute:!1})],e.prototype,"datePickerProps",void 0),e=d([Object(i.a)("md-datepicker-week")],e),t.ELEMENT=e}(o||(o={}))}}]);