@momentum-ui/web-components 2.14.16 → 2.14.18

package/dist/chunks/md-70.js

@@ -1,19 +1,142 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[70],{97:function(t,e,i){"use strict";i.r(e),i.d(e,"Form",(function(){return o}));var o,r=i(7),n=i(0),s=i(3),a=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};!function(t){let e=class extends(Object(r.e)(n.LitElement)){constructor(){super(...arguments),this.rel="",this.name="",this.action="",this.label="",this.method="get",this.target="_self",this.enctype="application/x-www-form-urlencoded",this.novalidate=!1,this.charset="UTF-8",this.isvalid=!1,this.token="on",this.allowRedirect=!1,this.autofillname="input-name",this.formElement=[],this.handleSubmit=t=>{t.preventDefault(),this.validated()&&this.submitForm()},this.handleFormSubmit=t=>{this.allowRedirect||t.preventDefault(),this.dispatchEvent(new CustomEvent("form-submitted",{composed:!0,bubbles:!0}))}}get formMethod(){return"GET"===this.method?"get":"POST"===this.method?"post":this.method}isSubmittable(t){return t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement}isDisabled(t){return t.hasAttribute("disabled")||"true"===t.getAttribute("aria-disabled")}findSubmittable(t,e){const i=Array.from(t.children);for(const t of i)if(!this.isDisabled(t))if(this.isSubmittable(t)&&e.add(t),t.shadowRoot)this.findSubmittable(t.shadowRoot,e);else if("SLOT"===t.tagName){const i=t.assignedElements();if(i.length){const{parentElement:t}=i[0];t&&this.findSubmittable(t,e)}}else this.findSubmittable(t,e);return[...e]}validated(){return!!this.novalidate||this.isvalid}submitForm(){const{form:t}=this;t.requestSubmit?t.requestSubmit():t.submit()}get submitButton(){return this.querySelector("button[type='submit']")||this.querySelector("input[type='submit']")||this.querySelector("md-button[type='submit']")}disconnectedCallback(){super.disconnectedCallback(),this.cleanupWrappedForms(),this.teardownEvents()}deleteWrappedForm(t){t.removeEventListener("submit",this.handleFormSubmit)}cleanupWrappedForms(){const{formElement:t}=this;if(t.length)for(const e of t)this.deleteWrappedForm(e);this.formElement=[]}createWrappedForm(t){const e=document.createElement("form");e.addEventListener("submit",this.handleFormSubmit);const{parentNode:i}=t;t.autocomplete=this.token,t.id||(t.id=this.autofillname),t.name||(t.name=this.autofillname),i&&(this.formElement.push(e),i.insertBefore(e,t),e.append(t))}teardownEvents(){this.submitButton&&this.submitButton.removeEventListener("click",this.handleSubmit)}setupEvents(){this.submitButton&&this.submitButton.addEventListener("click",this.handleSubmit)}setupSubmittable(){const t=this.findSubmittable(this.form,new Set);if(t.length)for(const e of t)this.createWrappedForm(e)}slottedChanged(){this.setupSubmittable(),this.setupEvents()}render(){return n.html`
-        <form
-          class="md-form"
-          role="form"
-          name=${Object(s.ifDefined)(this.name||void 0)}
-          rel=${Object(s.ifDefined)(this.rel||void 0)}
-          action=${Object(s.ifDefined)(this.action||void 0)}
-          accept-charset=${this.charset}
-          enctype=${this.enctype}
-          aria-label=${Object(s.ifDefined)(this.label||void 0)}
-          ?novalidate=${this.novalidate}
-          method=${this.formMethod}
-          target=${this.target}
-          part="form"
-          @submit=${this.handleFormSubmit}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[70],{122:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return g}));o(14);var r=o(1),i=o(7),s=o(6),d=o(0),n=o(2),a=o(12),l=o(3),p=o(13),c=o(16),h=o(8),u=d.css`:host(:focus){box-shadow:none!important;outline:0!important}:host .md-dropdown{display:flex;flex-direction:column;position:relative}:host .md-dropdown-select{display:none}:host .md-dropdown-label{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);min-height:2rem;padding:0 .75rem}:host .md-dropdown-label--text{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-secondary-text-color);line-height:2rem;outline:0;width:6.25rem;flex:1 0 auto}:host .md-dropdown-label--icon{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem/2);position:relative;vertical-align:bottom;height:inherit;display:flex}:host .md-dropdown-label--icon md-icon{color:var(--md-primary-text-color,#f7f7f7)}:host .md-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown-list{list-style:none;margin:0;padding:0;display:none;background-color:var(--md-primary-bg-color);border:1px solid var(--dropdown-list-border-color);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);left:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;z-index:99;padding:calc(var(--dropdown-list-padding)/16*1rem);font-size:var(--body-primary-font-size,inherit)}:host .md-dropdown-option{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;color:var(--md-primary-text-color,#f7f7f7);padding:.4375rem .75rem .5rem;border-radius:calc(var(--dropdown-list-item-border-radius)/16*1rem);height:calc(var(--dropdown-list-item-height)/16*1rem)}:host .md-dropdown-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;width:calc(100% - 1rem);display:block}:host .md-dropdown-option:hover{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff)}:host .md-dropdown-option[focused]{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown-option[selected]{background-color:var(--dropdown-list-item-bg-color-focus,#00a0d1);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown__expanded .md-dropdown-list{display:block}:host .md-dropdown__expanded .md-dropdown-label--icon{transform:rotate(180deg)}:host .md-dropdown__expanded .md-dropdown-button.arrow-down{transform:rotate(180deg)}:host .md-dropdown--pill .group,:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host .md-dropdown .group{align-items:start;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);display:flex;min-height:2rem;padding:0 .75rem;height:2.125rem}:host .md-dropdown .group md-icon{color:var(--md-primary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:100%}:host .md-dropdown .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#545454)}:host .md-dropdown .group:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown .group:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown .group input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-primary-text-color);display:inline-block;flex:1 1 auto;height:2rem;outline:0}:host .md-dropdown .group ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host .md-dropdown .group .md-dropdown-left-icon{margin-right:.25rem}:host .md-dropdown .md-dropdown-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}:host .md-dropdown .md-dropdown-input[readonly]{pointer-events:none}:host .md-dropdown.md-error .group,:host .md-dropdown.md-error .group:active{border-color:var(--input-error-border-color)!important}:host .md-dropdown.md-warning .group,:host .md-dropdown.md-warning .group:active{border-color:var(--input-warning-border-color)!important}:host .md-dropdown.md-success .group,:host .md-dropdown.md-success .group:active{border-color:var(--input-success-border-color)!important}:host .help-text,:host .md-dropbox__messages{padding-top:.375rem}:host .group[readonly]{border-color:var(--dropdown-bg-color-disabled)!important}:host .group[readonly] md-icon{color:var(--dropdown-bg-color-disabled)!important}:host .md-dropdown-button{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem*1.5);position:relative;vertical-align:bottom;height:inherit;display:flex;align-items:center}:host .md-dropdown-button.clear{align-items:center;padding-top:.25rem;display:flex}:host .md-dropdown-button md-icon{color:var(--combobox-dropdown-item-icon-color)}:host .md-combobox-button.clear{height:auto;padding:.115rem}:host .md-combobox-button.arrow-down:focus,:host .md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}:host .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-radius:8px}:host .md-new-dropdown-label--text{color:var(--md-primary-text-color)}:host .md-new-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-new-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-new-dropdown .group{border-radius:8px;background-color:rgba(0,0,0,0)}:host(:active) .md-new-dropdown .group,:host(:active) .md-new-dropdown-label{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none;border:1px solid var(--md-secondary-seperator-color)!important}:host([focus-visible]) .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none;outline:0}:host([focus-visible]) .group{border-color:var(--dropdown-border-color-focus,#005e7d)}:host([focus-visible]) .md-new-dropdown .group,:host([focus-visible]) .md-new-dropdown-label{outline:2px solid var(--dropdown-border-color-focus)!important;outline-offset:.125rem!important;box-shadow:none;border-color:var(--combobox-focus-new-border-color)}:host([disabled]) .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown-label:active,:host([disabled]) .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown-label:hover>md-icon{opacity:.3}:host([disabled]) .md-dropdown-label:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) .group{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .group md-icon{opacity:.3}:host([disabled]) .group:active,:host([disabled]) .group:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .group:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) md-help-text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown-label--text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label .md-dropdown-label--icon md-icon{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label:active,:host([disabled]) .md-new-dropdown-label:hover{background-color:rgba(0,0,0,0);pointer-events:none;outline:0!important;box-shadow:none;border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown-label:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown .group{background:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;pointer-events:none;outline:0!important}:host([disabled]) .md-new-dropdown .group input{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown .group:active,:host([disabled]) .md-new-dropdown .group:hover{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown .group:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}@media(forced-colors:active){:host([focus-visible]) .md-dropdown .md-dropdown-label{border:2px solid Highlight}:host([focus-visible]) .md-dropdown .md-dropdown-label--text{forced-color-adjust:none;background-color:Canvas;color:CanvasText}:host([focus-visible]) .md-dropdown-list{border:1px solid CanvasText}:host .md-dropdown-option[focused]{forced-color-adjust:none;background-color:Highlight;color:HighlightText}:host .group input{color:HighlightText}:host .group ::input-placeholder{color:GrayText}:host([disabled]) .md-dropdown .md-dropdown-label{border:1px solid GrayText!important}:host([disabled]) .group,:host([disabled]) .group:active{border:1px solid GrayText!important;outline:0!important}:host([disabled]) .group input,:host([disabled]) .group:active input{color:GrayText}:host([disabled]) .group ::input-placeholder,:host([disabled]) .group:active ::input-placeholder{color:HighlightText!important}}`,b=function(e,t,o,r){var i,s=arguments.length,d=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(d=(s<3?i(d):s>3?i(t,o,d):i(t,o))||d);return s>3&&d&&Object.defineProperty(t,o,d),d},m=function(e,t,o,r){return new(o||(o=Promise))((function(i,s){function d(e){try{a(r.next(e))}catch(e){s(e)}}function n(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(d,n)}a((r=r.apply(e,t||[])).next())}))};var g;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,o)=>o.type===t?e.concat(o.message):e,[])}}e.MessageController=t;let o=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.title="Select...",this.options=[],this.optionId="",this.optionValue="",this.defaultOption="",this.disabled=!1,this.customTabIndex=0,this.allowUnselected=!1,this.visibleOptions=8,this.newMomentum=!1,this.compact=!1,this.searchable=!1,this.searchItem=!1,this.inputValue="",this.placeholder="Select...",this.readOnly=!1,this.autofocus=!1,this.leftIcon="",this.trimSpace=!1,this.resultsTextLocalization="No Results",this.helpText="",this.messageArr=[],this.htmlId="",this.clearAriaLabel="Clear",this.clearIconHeight="auto",this.arrowAriaLabel="Expand",this.popupChevronAriaHidden="true",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForDropdown="",this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.messageController=new t,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const o=e.composedPath();o.length&&(t=!!o.find(e=>e===this),t||this.expanded&&this.collapse())},this.onKeyDown=e=>{switch(e.code){case r.b.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case r.b.Space:case r.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case r.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case r.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case r.b.Home:this.expanded?this.focusFirst():this.expand();break;case r.b.End:this.expanded?this.focusLast():this.expand();break;case r.b.Escape||r.b.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}},this.notifyInputValueChanged=Object(c.b)(e=>{this.dispatchEvent(new CustomEvent("dropdown-input",{composed:!0,bubbles:!0,detail:{value:e}})),this.notifySearchResultCount(),requestAnimationFrame(()=>{this.input.focus()})},250)}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(e){super.firstUpdated(e),e.forEach((e,t)=>{if("defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}}),this.searchable&&this.setInitialValue()}updated(e){super.updated(e),e.forEach((e,t)=>{if("options"===t&&this.updateRenderOptions(),"selectedKey"===t){const e=this.renderOptions.findIndex(e=>e.key===this.selectedKey);-1!==e&&(this.focusToIndex(e),this.searchable&&this.setInitialValue())}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}notifySearchResultCount(){if(this.searchResultAriaLabel){const e=/{{.*?}}/g;this.ariaLabelForDropdown=this.searchResultAriaLabel.replace(e,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForDropdown=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForDropdown=`Dropdown Element, ${this.filteredOptions.length} results found.`}setInitialValue(){var e;if(this.options.length){const t=this.renderOptions.find(e=>e.key===this.selectedKey),o=null==t?void 0:t.option;o&&(this.setInputValue(this.getOptionValue(o)),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,this.getOptionId(o)),this.notifyInputValueChanged(this.getOptionValue(o)),this.requestUpdate())}}getOptionValue(e){return this.isOptionObject(e)&&!this.optionValue?Object.values(e)[0]:this.isOptionObject(e)?e[this.optionValue]:e}getOptionId(e){return this.isOptionObject(e)?e[this.optionId]:e}isOptionObject(e){return"object"==typeof e&&null!==e}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:r,value:i}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(r)?console.error(`Dropdown already have option key: "${r}". Ignoring `):r?(e.push(r),t.push({key:r,value:i,option:o})):console.error(`Dropdown key is not defined: "${r}". (value: "${i}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return m(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return m(this,void 0,void 0,(function*(){yield new Promise(e=>requestAnimationFrame(()=>{if(this.optionsListItems)if(this.optionsListItems.length>this.visibleOptions){const e=[...this.optionsListItems].slice(0,this.visibleOptions).reduce((e,t)=>e+t.offsetHeight,0)+"px";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}else{const e="auto";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}e()}))}))}handleFocusIn(e){this.disabled&&this.readOnly||super.handleFocusIn&&super.handleFocusIn(e),this.dispatchEvent(new CustomEvent("dropdown-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.dispatchEvent(new CustomEvent("dropdown-focus-out",{composed:!0,bubbles:!0}))}static get styles(){return[s.a,u]}get filteredOptions(){const e=this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue;if(!e.trim())return this.renderOptions;const t=this.renderOptions.filter(t=>t.value.toLowerCase().includes(e.toLowerCase()));return 0===t.length?[{key:"no-result",value:"No Result",disabled:!0}]:t}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}setVisualListbox(e){this.expanded=e}updateOnNextFrame(e){requestAnimationFrame(e)}setInputValue(e=""){this.input.value=e}shouldChangeButton(){const e=this.input&&this.input.value.length>0;return e&&document.dispatchEvent(new CustomEvent("on-widget-update")),e}toggleVisualListBox(e){var t,o;if(!this.readOnly){if(e.target.classList.contains("md-dropdown-input"))e.target.focus();else if("md-icon"===e.target.localName){const r=null===(o=null===(t=e.target.parentElement)||void 0===t?void 0:t.parentElement)||void 0===o?void 0:o.parentElement;if(r){const e=r.querySelector(".md-dropdown-input");setTimeout(()=>{e.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus()}}handleRemoveAll(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}removeAllSelected(){var e;this.focusReset(),this.selectedKey="",this.inputValue="",this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus()}),this.dispatchEvent(new CustomEvent("dropdown-selection-removed",{composed:!0,bubbles:!0,detail:{}}))}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown),this.addEventListener("remove-all-selected",this.removeAllSelected)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown),this.removeEventListener("remove-all-selected",this.removeAllSelected)}expand(){this.expanded=!0;const e=-1!==this.focusedIndex?"combo-"+this.focusedIndex:"";document.dispatchEvent(new CustomEvent("on-widget-update")),this.label.setAttribute("aria-activedescendant",e),this.optionsList&&this.optionsList.focus(),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1,this.searchable||this.label.setAttribute("aria-activedescendant","")}toggle(){this.expanded?this.collapse():this.expand()}select(){if(-1!==this.focusedIndex){const e=this.renderOptions[this.focusedIndex],t=e.key;t!==this.selectedKey&&(this.selectedKey=t,this.dispatchEvent(new CustomEvent("dropdown-selected",{composed:!0,bubbles:!0,detail:{option:e.option?e.option:e.key}})))}}onLabelClick(){this.label.focus(),this.toggle()}focusFirst(){this.renderOptions.length&&(this.focusedIndex=0)}focusLast(){this.renderOptions.length&&(this.focusedIndex=this.renderOptions.length-1)}focusNext(){this.renderOptions.length&&(-1!==this.focusedIndex&&this.focusedIndex<this.renderOptions.length-1?this.focusedIndex++:this.focusFirst())}focusPrev(){this.renderOptions.length&&(this.focusedIndex>0?this.focusedIndex--:this.focusLast())}focusToIndex(e){this.renderOptions.length&&e>=0&&e<=this.renderOptions.length-1&&(this.focusedIndex=e)}focusToIndexWithOption(e){const t=this.renderOptions.findIndex(t=>t.key===e.key);this.renderOptions.length&&t>=0&&t<=this.renderOptions.length-1&&(this.focusedIndex=t)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return m(this,void 0,void 0,(function*(){yield new Promise(t=>{requestAnimationFrame(()=>{if(this.optionsListItems&&this.optionsListItems.length>this.visibleOptions&&e>=0&&this.optionsListItems.length>e){let t=0;const{top:o,bottom:r}=this.optionsList.getBoundingClientRect(),i=this.optionsListItems[e],s=this.optionsListItems[e+1]||i,d=this.optionsListItems[e-1]||i,n=s.getBoundingClientRect(),a=d.getBoundingClientRect();n.bottom>r?t=n.bottom-r+2:a.top<o&&(t=a.top-o-2),this.optionsList.scrollTop+=t}t()})})}))}getOptionKeyValuePair(e){if("string"==typeof e)return{key:e.trim(),value:e};if(e&&"object"==typeof e){const t=Object.keys(e),o=Object.values(e);if(t.length){if(1===t.length||!this.optionId)return{key:t[0],value:o[0]};if(this.optionId)return{key:e[this.optionId],value:e[this.optionValue||this.optionId]}}}return{key:"undefined",value:"undefined"}}get labelTitle(){if(this.selectedKey){const e=this.renderOptions.find(e=>e.key===this.selectedKey);if(e)return e.value}return this.title}get dropDownClassMap(){return{"md-dropdown__expanded":this.expanded,["md-"+this.messageType]:!!this.messageType,"md-new-dropdown":this.newMomentum}}handleInput(e){const t=e.target.value;this.inputValue=t.trim(),this.notifyInputValueChanged(t.trim())}helpTextTemplate(){return this.helpText?n.html`
+            <md-help-text
+              class="help-text ${Object(a.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
+              .message=${this.helpText}
+              style=${Object(h.styleMap)({width:"100%"})}
+            ></md-help-text>
+          `:n.nothing}messagesTemplate(){return this.messages&&this.messages.length?n.html`
+            <div id="${this.htmlId}-message" part="message" class="md-dropbox__messages">
+              ${Object(p.repeat)(this.messages,(e,t)=>n.html`
+                  <md-help-text
+                    .message=${e}
+                    .id=${this.messageArr[t].id||""}
+                    .ariaLive=${this.messageArr[t].ariaLive||"polite"}
+                    .messageType=${this.messageType}
+                  ></md-help-text>
+                `)}
+            </div>
+          `:n.nothing}iconTemplate(){return n.html`
+        <md-icon
+          class="md-dropdown-left-icon"
+          name="${this.leftIcon}"
+          size="16"
+          iconSet="momentumDesign"
+          @click=${this.toggleVisualListBox}
+        ></md-icon>
+      `}clearButtonTemplate(){return n.html`
+        <button
+          type="button"
+          class="md-dropdown-button clear"
+          aria-label=${this.clearAriaLabel}
+          aria-controls="md-dropdown-input"
+          tabindex="0"
+          ?readonly=${this.readOnly}
+          ?disabled=${this.disabled}
+          @click=${this.handleRemoveAll}
         >
-          <slot></slot>
-        </form>
-      `}};a([Object(n.property)({type:String})],e.prototype,"rel",void 0),a([Object(n.property)({type:String})],e.prototype,"name",void 0),a([Object(n.property)({type:String})],e.prototype,"action",void 0),a([Object(n.property)({type:String})],e.prototype,"label",void 0),a([Object(n.property)({type:String})],e.prototype,"method",void 0),a([Object(n.property)({type:String})],e.prototype,"target",void 0),a([Object(n.property)({type:String})],e.prototype,"enctype",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"no-validate"})],e.prototype,"novalidate",void 0),a([Object(n.property)({type:String,reflect:!0,attribute:"accept-charset"})],e.prototype,"charset",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"is-valid"})],e.prototype,"isvalid",void 0),a([Object(n.property)({type:String,attribute:"autofill-token"})],e.prototype,"token",void 0),a([Object(n.property)({type:Boolean,attribute:"allow-redirect"})],e.prototype,"allowRedirect",void 0),a([Object(n.property)({type:String,attribute:"autofill-name"})],e.prototype,"autofillname",void 0),a([Object(n.query)(".md-form")],e.prototype,"form",void 0),e=a([Object(r.f)("md-form")],e),t.ELEMENT=e}(o||(o={}))}}]);
+          <span>
+            <md-icon
+              class="md-input__icon-clear"
+              name="cancel-bold"
+              size="14"
+              iconSet="momentumDesign"
+              style="height: ${this.clearIconHeight};"
+            ></md-icon
+          ></span>
+        </button>
+      `}arrowButtonTemplate(){return n.html`
+        <button
+          type="button"
+          class="md-dropdown-button arrow-down"
+          aria-expanded=${this.expanded}
+          aria-label=${Object(l.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
+          aria-controls="md-dropdown-input"
+          tabindex="-1"
+          aria-hidden=${this.popupChevronAriaHidden}
+          ?readonly=${this.readOnly}
+          ?disabled=${this.disabled}
+          @click=${this.toggleVisualListBox}
+        >
+          <span>
+            <md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
+          </span>
+        </button>
+      `}render(){return n.html`
+        <div class="md-dropdown ${Object(a.classMap)(this.dropDownClassMap)}" part="dropdown">
+          ${this.searchable?n.html`
+                <div part="group" class="group" ?readonly=${this.readOnly}>
+                  ${this.leftIcon?this.iconTemplate():n.nothing}
+                  <input
+                    class="md-dropdown-input"
+                    type="text"
+                    role="combobox"
+                    aria-autocomplete="both"
+                    aria-label=${this.title}
+                    part="dropdown-input"
+                    aria-expanded=${this.expanded}
+                    placeholder=${this.placeholder}
+                    aria-controls="md-dropdown-list"
+                    ?readonly=${this.readOnly}
+                    ?disabled=${this.disabled}
+                    ?autofocus=${this.autofocus}
+                    title=${this.title}
+                    tabindex="0"
+                    .value=${this.inputValue}
+                    @click=${this.toggleVisualListBox}
+                    @input=${this.handleInput}
+                  />
+                  ${this.compact||!this.searchable?n.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.arrowButtonTemplate()}
+                </div>
+              `:n.html`
+                <label
+                  class="md-dropdown-label ${Object(a.classMap)({"md-new-dropdown-label":this.newMomentum})}"
+                  aria-expanded="${this.expanded}"
+                  aria-label="${this.title}"
+                  aria-controls="md-dropdown-list"
+                  aria-haspopup="listbox"
+                  ?disabled="${this.disabled}"
+                  @click="${()=>this.onLabelClick()}"
+                  part="dropdown-header"
+                  role="combobox"
+                  tabindex="0"
+                >
+                  <span class="md-dropdown-label--text ${Object(a.classMap)({"md-new-dropdown-label--text":this.newMomentum})}"
+                    >${this.labelTitle}</span
+                  >
+                  <span class="md-dropdown-label--icon">
+                    <md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
+                  </span>
+                </label>
+              `}
+          <ul
+            id="md-dropdown-list"
+            class="md-dropdown-list"
+            role="listbox"
+            aria-label="${this.labelTitle}"
+            aria-hidden="${!this.expanded}"
+            part="dropdown-options"
+            tabindex=${Object(l.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
+          >
+            ${this.filteredOptions.map((e,t)=>n.html`
+                <li
+                  id="combo-${t}"
+                  class="md-dropdown-option"
+                  role="option"
+                  tabindex=${Object(l.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
+                  aria-label="${e.value}"
+                  label="${e.value}"
+                  aria-selected="${e.key===this.selectedKey}"
+                  part="dropdown-option"
+                  ?focused="${t===this.focusedIndex}"
+                  ?selected="${e.key===this.selectedKey}"
+                  @click="${()=>{this.focusToIndexWithOption(e),this.select(),this.collapse()}}"
+                >
+                  <span class="select-label" part="label">
+                    <span>${e.value}</span>
+                  </span>
+                </li>
+              `)}
+          </ul>
+        </div>
+        ${this.messagesTemplate()} ${this.helpTextTemplate()}
+      `}};b([Object(d.property)({type:String,attribute:"title"})],o.prototype,"title",void 0),b([Object(d.property)({type:Array})],o.prototype,"options",void 0),b([Object(d.property)({type:String,attribute:"option-id"})],o.prototype,"optionId",void 0),b([Object(d.property)({type:String,attribute:"option-value"})],o.prototype,"optionValue",void 0),b([Object(d.property)({type:Object})],o.prototype,"defaultOption",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0),b([Object(d.property)({type:Number,attribute:"custom-tab-index",reflect:!0})],o.prototype,"customTabIndex",void 0),b([Object(d.property)({type:Boolean,attribute:"allow-unselected",reflect:!0})],o.prototype,"allowUnselected",void 0),b([Object(d.property)({type:Number,attribute:"visible-option",reflect:!0})],o.prototype,"visibleOptions",void 0),b([Object(d.property)({type:Boolean})],o.prototype,"newMomentum",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"compact",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"searchable",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"searchItem",void 0),b([Object(d.property)({type:String,attribute:"input-value",reflect:!0})],o.prototype,"inputValue",void 0),b([Object(d.property)({type:String})],o.prototype,"placeholder",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"readOnly",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"autofocus",void 0),b([Object(d.property)({type:String,attribute:"left-icon",reflect:!0})],o.prototype,"leftIcon",void 0),b([Object(d.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],o.prototype,"trimSpace",void 0),b([Object(d.property)({type:String,attribute:"no-results-i18n"})],o.prototype,"resultsTextLocalization",void 0),b([Object(d.property)({type:String})],o.prototype,"helpText",void 0),b([Object(d.property)({type:Array})],o.prototype,"messageArr",void 0),b([Object(d.property)({type:String})],o.prototype,"htmlId",void 0),b([Object(d.property)({type:String,attribute:"clear-aria-label"})],o.prototype,"clearAriaLabel",void 0),b([Object(d.property)({type:String,attribute:"clear-icon-height"})],o.prototype,"clearIconHeight",void 0),b([Object(d.property)({type:String,attribute:"arrow-aria-label"})],o.prototype,"arrowAriaLabel",void 0),b([Object(d.property)({type:String,attribute:"popup-chevron-aria-hidden"})],o.prototype,"popupChevronAriaHidden",void 0),b([Object(d.property)({type:String,reflect:!0})],o.prototype,"ariaLabel",void 0),b([Object(d.property)({type:String,attribute:"search-result-aria-label"})],o.prototype,"searchResultAriaLabel",void 0),b([Object(d.internalProperty)()],o.prototype,"ariaLabelForDropdown",void 0),b([Object(d.internalProperty)()],o.prototype,"renderOptions",void 0),b([Object(d.internalProperty)()],o.prototype,"selectedKey",void 0),b([Object(d.internalProperty)()],o.prototype,"expanded",void 0),b([Object(d.internalProperty)()],o.prototype,"focusedIndex",void 0),b([Object(d.query)("label")],o.prototype,"label",void 0),b([Object(d.query)(".md-dropdown-input")],o.prototype,"input",void 0),b([Object(d.query)("ul.md-dropdown-list")],o.prototype,"optionsList",void 0),b([Object(d.queryAll)("li.md-dropdown-option")],o.prototype,"optionsListItems",void 0),o=b([Object(i.f)("md-dropdown")],o),e.ELEMENT=o}(g||(g={}))}}]);

package/dist/chunks/md-71.js

@@ -1,22 +1,30 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{120:function(e,r,t){"use strict";t.r(r),t.d(r,"Grabber",(function(){return o}));t(15);var o,a=t(7),i=t(6),b=t(31),d=t(5),n=t(0),l=t(4),s=t(3),c=n.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-grabber__container{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;overflow:hidden}.md-grabber__container:focus-within{box-shadow:0 0 0 2px var(--md-default-focus-outline-color)}.md-grabber{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;position:relative;gap:2px;background-color:var(--grabber-bg-color);border-color:var(--grabber-border-color);justify-content:center;align-items:center;cursor:pointer;transition:transform 150ms ease-in-out}.md-grabber.visible{transform:translate3d(0,0,0)}.md-grabber:hover{background-color:var(--grabber-hover-bg-color)}.md-grabber:active{background-color:var(--grabber-pressed-bg-color)}.md-grabber:focus{outline:0}.md-grabber--leading,.md-grabber--trailing{width:var(--grabber-width,20px);height:40px;border-radius:0 var(--grabber-border-radius) var(--grabber-border-radius) 0;border:1px solid var(--grabber-border-color);border-left-width:0}.md-grabber--leading.md-grabber--dragger,.md-grabber--trailing.md-grabber--dragger{cursor:ew-resize}.md-grabber--leading:not(.visible),.md-grabber--trailing:not(.visible){transform:translate3d(-100%,0,0)}.md-grabber--trailing{rotate:180deg}.md-grabber--bottom,.md-grabber--top{width:40px;height:var(--grabber-width,20px);border-radius:0 0 var(--grabber-border-radius) var(--grabber-border-radius);border:1px solid var(--grabber-border-color);border-top-width:0}.md-grabber--bottom.md-grabber--dragger,.md-grabber--top.md-grabber--dragger{cursor:ns-resize}.md-grabber--bottom:not(.visible),.md-grabber--top:not(.visible){transform:translate3d(0,-100%,0)}.md-grabber--bottom{rotate:180deg}.md-grabber md-icon,.md-grabber md-icon::part(icon){color:var(--grabber-text-color);width:fit-content;height:fit-content}.md-grabber--disabled{background-color:rgba(0,0,0,0)}.md-grabber--disabled:active,.md-grabber--disabled:hover{background-color:rgba(0,0,0,0)}.md-grabber--disabled md-icon::part(icon){color:var(--button-disabled-text-color)}@media(forced-colors:active){.md-grabber__container:focus-within{outline:2px solid ButtonText;outline-offset:1px}.md-grabber{background-color:Highlight}.md-grabber:hover{background-color:Highlight}.md-grabber:active{background-color:Highlight}.md-grabber md-icon,.md-grabber md-icon::part(icon){forced-color-adjust:none;color:HighlightText}}`,g=function(e,r,t,o){var a,i=arguments.length,b=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)b=Reflect.decorate(e,r,t,o);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(b=(i<3?a(b):i>3?a(r,t,b):a(r,t))||b);return i>3&&b&&Object.defineProperty(r,t,b),b};!function(e){let r=class extends(Object(a.a)(n.LitElement)){constructor(){super(...arguments),this.label="Expand",this.checkedLabel="Collapse",this.hovered=!1,this.disabled=!1,this.checked=!1,this.visible=!0,this.focused=!1,this.disableClickToggle=!1,this.alignment="leading",this.dragger=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get styles(){return[d.a,c]}toggleGrabber(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("grabber-toggled",{detail:{checked:this.checked},bubbles:!0,composed:!0})))}handleMouseDown(){this.disableClickToggle||this.toggleGrabber()}handleKeyDown(e){this.disableClickToggle||Object(b.a)(e.code)&&(e.preventDefault(),this.toggleGrabber())}handleMouseEnter(){this.hovered=!0,this.dispatchHoverEvent()}handleMouseLeave(){this.hovered=!1,this.dispatchHoverEvent()}handleFocus(){this.focused=!0}handleBlur(){this.focused=!1}dispatchHoverEvent(){this.dispatchEvent(new CustomEvent("grabber-hover-changed",{bubbles:!0,composed:!0,detail:{hovered:this.hovered}}))}get collapsed(){return!this.checked}get grabberClassMap(){return{"md-grabber--active":this.checked,"md-grabber--disabled":this.disabled,"md-grabber--dragger":this.dragger,["md-grabber--"+this.alignment]:this.alignment,visible:this.visible||this.focused}}get iconName(){return this.dragger?"list-menu-bold":"leading"===this.alignment||"trailing"===this.alignment?this.checked?"arrow-left-bold":"arrow-right-bold":this.checked?"arrow-up-bold":"arrow-down-bold"}get iconSize(){return this.dragger?"10":"12"}render(){return n.html`
-        <div class="md-grabber__container">
-          <button
-            class="md-grabber ${Object(l.classMap)(this.grabberClassMap)}"
-            part="grabber"
-            aria-pressed=${this.checked}
-            ?disabled=${this.disabled}
-            tabindex="0"
-            aria-label=${Object(s.ifDefined)(this.label.length?this.label:void 0)}
-            type="button"
-            role="button"
-            @click="${()=>this.handleMouseDown()}"
-            @keydown="${e=>this.handleKeyDown(e)}"
-            @mouseenter="${()=>this.handleMouseEnter()}"
-            @mouseleave="${()=>this.handleMouseLeave()}"
-            @focus="${()=>this.handleFocus()}"
-            @blur="${()=>this.handleBlur()}"
-          >
-            <md-icon name="${this.iconName}" size="${this.iconSize}" iconSet="momentumDesign"></md-icon>
-          </button>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{123:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return f})),i.d(t,"EditableTextfield",(function(){return g}));var d=i(20),l=i(6),r=i(47),a=i.n(r),s=i(5),o=i(0),n=i(2),c=i(4),h=i(3),b=i(29),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:1.3571428571 rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);cursor:default}.md-editable-textfield--disabled:hover{background-color:rgba(0,0,0,0)}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}.md-editable-textfield--error{background-color:var(--md-alert-error-bg-color,#ffe8e3);border:1px solid var(--editable-textfield-error-border-color,#a12512);color:var(--md-alert-error-text-color,#a12512)}.md-editable-textfield--error:focus{box-shadow:none;outline:0}.md-editable-textfield--warning{background-color:var(--md-alert-warning-bg-color,#ffecc2);border:1px solid var(--editable-textfield-warning-border-color,#d97f00);color:var(--md-alert-warning-text-color,#7d4705)}.md-editable-textfield--warning:focus{box-shadow:none;outline:0}.md-editable-textfield--success{background-color:var(--md-alert-success-bg-color,#befade);border:1px solid var(--editable-textfield-success-border-color,#00ab50);color:var(--md-alert-success-text-color,#03612c)}.md-editable-textfield--success:focus{box-shadow:none;outline:0}.md-editable-textfield--textoverflow{-webkit-box-orient:vertical;display:-webkit-box;overflow-y:hidden;text-overflow:ellipsis}.md-editable-textfield__messages{padding:.375rem 0 0 1rem}@media(forced-colors:active){.md-editable-textfield:focus{outline:1px solid Highlight;box-shadow:none}.md-editable-textfield--disabled{color:GrayText;cursor:default}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}}`,m=function(e,t,i,d){var l,r=arguments.length,a=r<3?t:null===d?d=Object.getOwnPropertyDescriptor(t,i):d;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,d);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(a=(r<3?l(a):r>3?l(t,i,a):l(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};const f=["left","right","center"];var g;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new b.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern){i(new RegExp(this.pattern))}else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(d.a.integerString));break;case"decimal":i(new RegExp(d.a.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:d}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>d.includes(e)))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&d.match("Space"))&&e.preventDefault();const l=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(l)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(l)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=a.a.sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=a.a.sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),d=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],d||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){if(this.type||this.pattern){this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert())}}showAlert(){this.alert=!0}static get styles(){return[l.a,p]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
+            <div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
+              <md-help-text
+                id="alert-message"
+                role="alert"
+                aria-live="assertive"
+                .messageType=${null===(e=this.message)||void 0===e?void 0:e.type}
+                aria-errormessage=${Object(h.ifDefined)(null===(t=this.message)||void 0===t?void 0:t.message)}
+              >
+                ${null===(i=this.message)||void 0===i?void 0:i.message}
+              </md-help-text>
+            </div>
+          `:n.nothing}render(){var e;const t={["md-editable-textfield--"+this.alignment]:this.alignment,"md-editable-textfield--disabled":this.disabled,["md-editable-textfield--"+(null===(e=this.message)||void 0===e?void 0:e.type)]:this.alert&&!!this.message,"md-editable-textfield--textoverflow":this.maxLines.length>0&&!this.isEditing};return o.html`
+        <div
+          style="${this.overflowStyles}"
+          class="md-editable-textfield ${Object(c.classMap)(t)}"
+          role=${Object(h.ifDefined)(this.disabled?void 0:"textbox")}
+          tabindex=${this.disabled?"-1":"0"}
+          ?contenteditable=${this.isEditing}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+          @keydown=${e=>{this.handleKeydown(e)}}
+          aria-invalid=${Object(h.ifDefined)(this.disabled?void 0:this.alert?"true":"false")}
+          aria-label=${Object(h.ifDefined)(this.disabled?void 0:this.ariaLabel)}
+          aria-describedby=${Object(h.ifDefined)(this.disabled?void 0:this.ariaDescribedBy)}
+        >
+          ${a.a.sanitize(this.content)}
         </div>
-      `}};g([Object(n.property)({type:String})],r.prototype,"label",void 0),g([Object(n.property)({type:String})],r.prototype,"checkedLabel",void 0),g([Object(n.property)({type:Boolean})],r.prototype,"hovered",void 0),g([Object(n.property)({type:Boolean})],r.prototype,"disabled",void 0),g([Object(n.property)({type:Boolean})],r.prototype,"checked",void 0),g([Object(n.property)({type:Boolean})],r.prototype,"visible",void 0),g([Object(n.property)({type:Boolean})],r.prototype,"focused",void 0),g([Object(n.property)({type:Boolean,attribute:"disable-click-toggle"})],r.prototype,"disableClickToggle",void 0),g([Object(n.property)({type:String,reflect:!0})],r.prototype,"alignment",void 0),g([Object(n.property)({type:Boolean})],r.prototype,"dragger",void 0),r=g([Object(i.a)("md-grabber")],r),e.ELEMENT=r}(o||(o={}))}}]);
+        ${this.messagesTemplate()}
+      `}};m([Object(o.property)({type:String})],t.prototype,"alignment",void 0),m([Object(o.property)({type:Boolean})],t.prototype,"disabled",void 0),m([Object(o.property)({type:Boolean})],t.prototype,"isEditing",void 0),m([Object(o.property)({type:String,attribute:"max-lines",reflect:!0})],t.prototype,"maxLines",void 0),m([Object(o.property)({type:String,reflect:!0})],t.prototype,"content",void 0),m([Object(o.property)({type:Object})],t.prototype,"message",void 0),m([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"alert",void 0),m([Object(o.property)({type:Boolean})],t.prototype,"hideMessage",void 0),m([Object(o.property)({type:String})],t.prototype,"pattern",void 0),m([Object(o.property)({type:String})],t.prototype,"type",void 0),m([Object(o.property)({type:String})],t.prototype,"ariaLabel",void 0),m([Object(o.property)({type:String,attribute:"aria-described-by"})],t.prototype,"ariaDescribedBy",void 0),m([Object(o.query)(".md-editable-textfield")],t.prototype,"editableField",void 0),t=m([Object(s.a)("md-editable-field")],t),e.ELEMENT=t}(g||(g={}))}}]);

package/dist/chunks/md-72.js

@@ -1,17 +1,70 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{121:function(s,e,t){"use strict";t.r(e),t.d(e,"InputFile",(function(){return a}));t(17);var a,i=t(7),r=t(5),l=t(23),n=t.n(l),o=t(0),j=t(2),c=t(3),p=o.css`:host(md-input-file) md-button{margin:.25rem}:host(md-input-file) input[type=file]{display:none}`,u=function(s,e,t,a){var i,r=arguments.length,l=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(s,e,t,a);else for(var n=s.length-1;n>=0;n--)(i=s[n])&&(l=(r<3?i(l):r>3?i(e,t,l):i(e,t))||l);return r>3&&l&&Object.defineProperty(e,t,l),l},m=function(s,e,t,a){return new(t||(t=Promise))((function(i,r){function l(s){try{o(a.next(s))}catch(s){r(s)}}function n(s){try{o(a.throw(s))}catch(s){r(s)}}function o(s){var e;s.done?i(s.value):(e=s.value,e instanceof t?e:new t((function(s){s(e)}))).then(l,n)}o((a=a.apply(s,e||[])).next())}))};!function(s){let e=class extends o.LitElement{constructor(){super(...arguments),this.acceptLanguage="javascript",this.getLocalization="Input File",this.acceptTypes="",this.fileName=""}static get styles(){return[r.a,p]}triggerFileLoad(s){s.preventDefault(),this.input.click()}handleFile(s){return m(this,void 0,void 0,(function*(){s.preventDefault();const e=this.input.files;if(e&&0!==e.length)for(const s of e){this.fileName=s.name;try{yield this.readFile(s)}catch(s){console.error("Error reading file",s)}}}))}readFile(s){return new Promise((e,t)=>{const a=new FileReader;a.onload=s=>{e(s.target.result)},a.onerror=s=>t(s),a.readAsText(s)})}importLanguage(s){return m(this,void 0,void 0,(function*(){try{const{default:e}=yield t(91)("./"+s);n.a.registerLanguage(""+s,e),this.setAcceptTypes()}catch(s){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const s=n.a.listLanguages();return s.length?s.map(s=>n.a.getLanguage(""+s).aliases).map(s=>s.map(s=>"."+s)).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(s){super.updated(s),s.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage)}render(){return o.html`
-        <div class="md-input-file">
-          <label for="file-input">
-            <md-button color="blue" class="md-input-file-btn" @click=${this.triggerFileLoad}>
-              ${this.getLocalization.trim()}
-            </md-button>
-            ${this.fileName.length?this.fileName:j.nothing}
-          </label>
-          <input
-            type="file"
-            id="file-input"
-            name="file-input"
-            accept=${Object(c.ifDefined)(this.acceptTypes||void 0)}
-            @change=${s=>this.handleFile(s)}
-          />
-        </div>
-      `}};u([Object(o.property)({type:String,attribute:"accept-language"})],e.prototype,"acceptLanguage",void 0),u([Object(o.property)({type:String})],e.prototype,"getLocalization",void 0),u([Object(o.query)("input[type='file']")],e.prototype,"input",void 0),u([Object(o.internalProperty)()],e.prototype,"acceptTypes",void 0),u([Object(o.internalProperty)()],e.prototype,"fileName",void 0),e=u([Object(i.f)("md-input-file")],e),s.ELEMENT=e}(a||(a={}))},91:function(s,e,t){var a={"./1c":[131,89],"./1c.js":[131,89],"./abnf":[132,90],"./abnf.js":[132,90],"./accesslog":[133,91],"./accesslog.js":[133,91],"./actionscript":[134,92],"./actionscript.js":[134,92],"./ada":[135,93],"./ada.js":[135,93],"./angelscript":[136,94],"./angelscript.js":[136,94],"./apache":[137,95],"./apache.js":[137,95],"./applescript":[138,96],"./applescript.js":[138,96],"./arcade":[139,97],"./arcade.js":[139,97],"./arduino":[140,98],"./arduino.js":[140,98],"./armasm":[141,99],"./armasm.js":[141,99],"./asciidoc":[142,100],"./asciidoc.js":[142,100],"./aspectj":[143,101],"./aspectj.js":[143,101],"./autohotkey":[144,102],"./autohotkey.js":[144,102],"./autoit":[145,103],"./autoit.js":[145,103],"./avrasm":[146,104],"./avrasm.js":[146,104],"./awk":[147,105],"./awk.js":[147,105],"./axapta":[148,106],"./axapta.js":[148,106],"./bash":[149,107],"./bash.js":[149,107],"./basic":[150,108],"./basic.js":[150,108],"./bnf":[151,109],"./bnf.js":[151,109],"./brainfuck":[152,110],"./brainfuck.js":[152,110],"./c":[154,112],"./c-like":[153,111],"./c-like.js":[153,111],"./c.js":[154,112],"./cal":[155,113],"./cal.js":[155,113],"./capnproto":[156,114],"./capnproto.js":[156,114],"./ceylon":[157,115],"./ceylon.js":[157,115],"./clean":[158,116],"./clean.js":[158,116],"./clojure":[160,118],"./clojure-repl":[159,117],"./clojure-repl.js":[159,117],"./clojure.js":[160,118],"./cmake":[161,119],"./cmake.js":[161,119],"./coffeescript":[162,120],"./coffeescript.js":[162,120],"./coq":[163,121],"./coq.js":[163,121],"./cos":[164,122],"./cos.js":[164,122],"./cpp":[165,123],"./cpp.js":[165,123],"./crmsh":[166,124],"./crmsh.js":[166,124],"./crystal":[167,125],"./crystal.js":[167,125],"./csharp":[168,126],"./csharp.js":[168,126],"./csp":[169,127],"./csp.js":[169,127],"./css":[170,128],"./css.js":[170,128],"./d":[171,129],"./d.js":[171,129],"./dart":[172,130],"./dart.js":[172,130],"./delphi":[173,131],"./delphi.js":[173,131],"./diff":[174,132],"./diff.js":[174,132],"./django":[175,133],"./django.js":[175,133],"./dns":[176,134],"./dns.js":[176,134],"./dockerfile":[177,135],"./dockerfile.js":[177,135],"./dos":[178,136],"./dos.js":[178,136],"./dsconfig":[179,137],"./dsconfig.js":[179,137],"./dts":[180,138],"./dts.js":[180,138],"./dust":[181,139],"./dust.js":[181,139],"./ebnf":[182,140],"./ebnf.js":[182,140],"./elixir":[183,141],"./elixir.js":[183,141],"./elm":[184,142],"./elm.js":[184,142],"./erb":[185,143],"./erb.js":[185,143],"./erlang":[187,145],"./erlang-repl":[186,144],"./erlang-repl.js":[186,144],"./erlang.js":[187,145],"./excel":[188,146],"./excel.js":[188,146],"./fix":[189,147],"./fix.js":[189,147],"./flix":[190,148],"./flix.js":[190,148],"./fortran":[191,149],"./fortran.js":[191,149],"./fsharp":[192,150],"./fsharp.js":[192,150],"./gams":[193,151],"./gams.js":[193,151],"./gauss":[194,152],"./gauss.js":[194,152],"./gcode":[195,153],"./gcode.js":[195,153],"./gherkin":[196,154],"./gherkin.js":[196,154],"./glsl":[197,155],"./glsl.js":[197,155],"./gml":[198,156],"./gml.js":[198,156],"./go":[199,157],"./go.js":[199,157],"./golo":[200,158],"./golo.js":[200,158],"./gradle":[201,159],"./gradle.js":[201,159],"./groovy":[202,160],"./groovy.js":[202,160],"./haml":[203,161],"./haml.js":[203,161],"./handlebars":[204,162],"./handlebars.js":[204,162],"./haskell":[205,163],"./haskell.js":[205,163],"./haxe":[206,164],"./haxe.js":[206,164],"./hsp":[207,165],"./hsp.js":[207,165],"./htmlbars":[208,166],"./htmlbars.js":[208,166],"./http":[209,167],"./http.js":[209,167],"./hy":[210,168],"./hy.js":[210,168],"./inform7":[211,169],"./inform7.js":[211,169],"./ini":[212,170],"./ini.js":[212,170],"./irpf90":[213,171],"./irpf90.js":[213,171],"./isbl":[214,172],"./isbl.js":[214,172],"./java":[215,173],"./java.js":[215,173],"./javascript":[216,174],"./javascript.js":[216,174],"./jboss-cli":[217,175],"./jboss-cli.js":[217,175],"./json":[218,176],"./json.js":[218,176],"./julia":[220,178],"./julia-repl":[219,177],"./julia-repl.js":[219,177],"./julia.js":[220,178],"./kotlin":[221,179],"./kotlin.js":[221,179],"./lasso":[222,180],"./lasso.js":[222,180],"./latex":[223,181],"./latex.js":[223,181],"./ldif":[224,182],"./ldif.js":[224,182],"./leaf":[225,183],"./leaf.js":[225,183],"./less":[226,184],"./less.js":[226,184],"./lisp":[227,185],"./lisp.js":[227,185],"./livecodeserver":[228,186],"./livecodeserver.js":[228,186],"./livescript":[229,187],"./livescript.js":[229,187],"./llvm":[230,188],"./llvm.js":[230,188],"./lsl":[231,189],"./lsl.js":[231,189],"./lua":[232,190],"./lua.js":[232,190],"./makefile":[233,191],"./makefile.js":[233,191],"./markdown":[234,192],"./markdown.js":[234,192],"./mathematica":[235,193],"./mathematica.js":[235,193],"./matlab":[236,194],"./matlab.js":[236,194],"./maxima":[237,195],"./maxima.js":[237,195],"./mel":[238,196],"./mel.js":[238,196],"./mercury":[239,197],"./mercury.js":[239,197],"./mipsasm":[240,198],"./mipsasm.js":[240,198],"./mizar":[241,199],"./mizar.js":[241,199],"./mojolicious":[242,200],"./mojolicious.js":[242,200],"./monkey":[243,201],"./monkey.js":[243,201],"./moonscript":[244,202],"./moonscript.js":[244,202],"./n1ql":[245,203],"./n1ql.js":[245,203],"./nginx":[246,204],"./nginx.js":[246,204],"./nim":[247,205],"./nim.js":[247,205],"./nix":[248,206],"./nix.js":[248,206],"./node-repl":[249,207],"./node-repl.js":[249,207],"./nsis":[250,208],"./nsis.js":[250,208],"./objectivec":[251,209],"./objectivec.js":[251,209],"./ocaml":[252,210],"./ocaml.js":[252,210],"./openscad":[253,211],"./openscad.js":[253,211],"./oxygene":[254,212],"./oxygene.js":[254,212],"./parser3":[255,213],"./parser3.js":[255,213],"./perl":[256,214],"./perl.js":[256,214],"./pf":[257,215],"./pf.js":[257,215],"./pgsql":[258,216],"./pgsql.js":[258,216],"./php":[260,218],"./php-template":[259,217],"./php-template.js":[259,217],"./php.js":[260,218],"./plaintext":[261,219],"./plaintext.js":[261,219],"./pony":[262,220],"./pony.js":[262,220],"./powershell":[263,221],"./powershell.js":[263,221],"./processing":[264,222],"./processing.js":[264,222],"./profile":[265,223],"./profile.js":[265,223],"./prolog":[266,224],"./prolog.js":[266,224],"./properties":[267,225],"./properties.js":[267,225],"./protobuf":[268,226],"./protobuf.js":[268,226],"./puppet":[269,227],"./puppet.js":[269,227],"./purebasic":[270,228],"./purebasic.js":[270,228],"./python":[272,230],"./python-repl":[271,229],"./python-repl.js":[271,229],"./python.js":[272,230],"./q":[273,231],"./q.js":[273,231],"./qml":[274,232],"./qml.js":[274,232],"./r":[275,233],"./r.js":[275,233],"./reasonml":[276,234],"./reasonml.js":[276,234],"./rib":[277,235],"./rib.js":[277,235],"./roboconf":[278,236],"./roboconf.js":[278,236],"./routeros":[279,237],"./routeros.js":[279,237],"./rsl":[280,238],"./rsl.js":[280,238],"./ruby":[281,239],"./ruby.js":[281,239],"./ruleslanguage":[282,240],"./ruleslanguage.js":[282,240],"./rust":[283,241],"./rust.js":[283,241],"./sas":[284,242],"./sas.js":[284,242],"./scala":[285,243],"./scala.js":[285,243],"./scheme":[286,244],"./scheme.js":[286,244],"./scilab":[287,245],"./scilab.js":[287,245],"./scss":[288,246],"./scss.js":[288,246],"./shell":[289,247],"./shell.js":[289,247],"./smali":[290,248],"./smali.js":[290,248],"./smalltalk":[291,249],"./smalltalk.js":[291,249],"./sml":[292,250],"./sml.js":[292,250],"./sqf":[293,251],"./sqf.js":[293,251],"./sql":[294,252],"./sql.js":[294,252],"./sql_more":[295,253],"./sql_more.js":[295,253],"./stan":[296,254],"./stan.js":[296,254],"./stata":[297,255],"./stata.js":[297,255],"./step21":[298,256],"./step21.js":[298,256],"./stylus":[299,257],"./stylus.js":[299,257],"./subunit":[300,258],"./subunit.js":[300,258],"./swift":[301,259],"./swift.js":[301,259],"./taggerscript":[302,260],"./taggerscript.js":[302,260],"./tap":[303,261],"./tap.js":[303,261],"./tcl":[304,262],"./tcl.js":[304,262],"./thrift":[305,263],"./thrift.js":[305,263],"./tp":[306,264],"./tp.js":[306,264],"./twig":[307,265],"./twig.js":[307,265],"./typescript":[308,266],"./typescript.js":[308,266],"./vala":[309,267],"./vala.js":[309,267],"./vbnet":[310,268],"./vbnet.js":[310,268],"./vbscript":[312,270],"./vbscript-html":[311,269],"./vbscript-html.js":[311,269],"./vbscript.js":[312,270],"./verilog":[313,271],"./verilog.js":[313,271],"./vhdl":[314,272],"./vhdl.js":[314,272],"./vim":[315,273],"./vim.js":[315,273],"./x86asm":[316,274],"./x86asm.js":[316,274],"./xl":[317,275],"./xl.js":[317,275],"./xml":[318,276],"./xml.js":[318,276],"./xquery":[319,277],"./xquery.js":[319,277],"./yaml":[320,278],"./yaml.js":[320,278],"./zephir":[321,279],"./zephir.js":[321,279]};function i(s){if(!t.o(a,s))return Promise.resolve().then((function(){var e=new Error("Cannot find module '"+s+"'");throw e.code="MODULE_NOT_FOUND",e}));var e=a[s],i=e[0];return t.e(e[1]).then((function(){return t.t(i,7)}))}i.keys=function(){return Object.keys(a)},i.id=91,s.exports=i}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{99:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(14);var o,n=e(7),a=e(5),s=e(6),r=(e(48),e(49),e(50),e(25)),l=e.n(r),d=(e(51),e(0)),c=e(2),h=e(3),m=(e(78),e(67)),p=function(t,i,e,o){var n,a=arguments.length,s=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(i,e,s):n(i,e))||s);return a>3&&s&&Object.defineProperty(i,e,s),s},b=function(t,i,e,o){return new(e||(e=Promise))((function(n,a){function s(t){try{l(o.next(t))}catch(t){a(t)}}function r(t){try{l(o.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,r)}l((o=o.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(n.a)(Object(n.e)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,o=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",t.rect.width+"px","important"),i.style.setProperty("height",t.rect.height+"px","important");const{initialX:n,initialY:a}=this.getInitialPosition();e+=t.deltaRect.left+n,o+=t.deltaRect.top+a,this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[s.a,m.a]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.position)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>b(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l.a.modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l.a.modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&l.a.isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
+        ${this.show?d.html`
+              <div
+                class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"
+                part="floating"
+                role="dialog"
+                aria-label=${Object(h.ifDefined)(this.label||void 0)}
+                aria-modal="true"
+                style=${Object(h.ifDefined)(this.containerRect?`width: ${this.full?"100% !important":this.containerRect.width+"px !important"};\n                  height: ${this.full?"100% !important":this.containerRect.height+"px !important"};\n                  top: ${this.full?"0 !important":""};\n                  left: ${this.full?"0 !important":""};\n                  bottom: ${this.full?"0 !important":""};\n                  right: ${this.full?"0 !important":""};\n                  ${this.full?"transform: none !important":""};\n                  ${this.full?"":`transform: ${this.position?`translate(${this.position.x}px, ${this.position.y}px)`:this.containerTransform} !important`};`:void 0)}
+              >
+                <div class="md-floating__header">
+                  <div class="md-floating__header-text">
+                    ${this.heading?d.html` ${this.heading} `:d.html`
+                          ${!this.minimize&&this.headerSlot}
+                          <slot name="header"></slot>
+                        `}
+                  </div>
+                  ${this.minimizable?d.html` <md-button
+                        color="color-none"
+                        class="md-floating__minimize"
+                        ariaLabel="${this.minimizeAriaLabel}"
+                        circle
+                        @click=${this.handleMinimize}
+                      >
+                        <md-icon name="minus-bold" size="16" iconSet="momentumDesign"></md-icon>
+                      </md-button>`:c.nothing}
+                  ${this.minimize?"":d.html` <md-button
+                        color="color-none"
+                        class="md-floating__resize"
+                        ariaLabel="${this.full?this.resizeAriaLabel:this.maximizeScreenLabel}"
+                        circle
+                        @click=${this.handleToggleExpandCollapse}
+                      >
+                        <md-icon
+                          name=${this.full?"minimize-bold":"maximize-bold"}
+                          size="16"
+                          iconSet="momentumDesign"
+                        ></md-icon>
+                      </md-button>`}
+
+                  <md-button
+                    color="color-none"
+                    class="md-floating__close"
+                    ariaLabel="${this.closeAriaLabel}"
+                    circle
+                    @click=${this.handleClose}
+                  >
+                    <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
+                  </md-button>
+                </div>
+                <div class="md-floating__body" part="floating-body">
+                  <slot></slot>
+                </div>
+              </div>
+              ${this.minimizable?d.html` <div class="md-floating-min-parent" part="minimize-floating" tabindex="-1">
+                    <md-floating-modal-minimized
+                      class="float-modal-min"
+                      part="floating-minimized"
+                      heading=${this.heading}
+                      .minimize=${this.minimize}
+                      .minPosition=${this.minPosition}
+                      @floating-min-modal-minimize=${()=>this.handleMinimize()}
+                      @floating-modal-close=${this.handleClose}
+                      ?show=${this.show}
+                    >
+                      ${this.minimize&&this.headerSlot}
+                    </md-floating-modal-minimized>
+                  </div>`:c.nothing}
+            `:c.nothing}
+      `}};p([Object(d.property)({type:String})],i.prototype,"heading",void 0),p([Object(d.property)({type:String})],i.prototype,"label",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),p([Object(d.property)({type:Boolean,reflect:!0,attribute:"aspect-ratio"})],i.prototype,"aspectRatio",void 0),p([Object(d.property)({type:Boolean,reflect:!0,attribute:"fixed-strategy"})],i.prototype,"fixed",void 0),p([Object(d.property)({type:Boolean,reflect:!0,attribute:"full-screen"})],i.prototype,"full",void 0),p([Object(d.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),p([Object(d.property)({type:String,attribute:"resize-aria-label"})],i.prototype,"resizeAriaLabel",void 0),p([Object(d.property)({type:String,attribute:"maximize-aria-label"})],i.prototype,"maximizeScreenLabel",void 0),p([Object(d.property)({type:String,attribute:"minimize-aria-label"})],i.prototype,"minimizeAriaLabel",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),p([Object(d.property)({type:Object})],i.prototype,"position",void 0),p([Object(d.property)({type:Object})],i.prototype,"minPosition",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],i.prototype,"minimizable",void 0),p([Object(d.property)({type:Object})],i.prototype,"containerRect",void 0),p([Object(d.internalProperty)()],i.prototype,"dragOccured",void 0),p([Object(d.query)(".md-floating")],i.prototype,"container",void 0),p([Object(d.query)(".md-floating__body")],i.prototype,"body",void 0),p([Object(d.query)(".md-floating__header")],i.prototype,"header",void 0),p([Object(d.query)(".md-floating-min-parent")],i.prototype,"minimizedHeader",void 0),p([Object(d.query)('slot[name="header"]')],i.prototype,"headerSlot",void 0),i=p([Object(a.a)("md-floating-modal")],i),t.ELEMENT=i}(o||(o={}))}}]);

package/dist/chunks/md-73.js

@@ -1,76 +1,19 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{105:function(e,t,r){"use strict";r.r(t),r.d(t,"MeetingAlertRole",(function(){return c})),r.d(t,"MeetingAlert",(function(){return p}));r(50),r(17),r(15);var o=r(1),l=r(6),a=r(5),i=r(0),n=r(2),m=r(3);var s=i.css`.md-alert__container{position:fixed;z-index:9999}.md-alert__container--top-left{left:1em;top:1em}.md-alert__container--top-center{left:50%;top:1em;transform:translate(-50%)}.md-alert__container--top-right{right:1em;top:1em}.md-alert__container--bottom-left{bottom:1em;left:1em}.md-alert__container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.md-alert__container--bottom-right{bottom:1em;right:1em}.md-alert__container--call{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-alert{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:var(--meeting-alert-bg-color,#fff);border:1px solid var(--meeting-alert-border-color,rgba(0,0,0,.12));box-shadow:0 8px 16px 0 rgba(0,0,0,.08);justify-content:space-between;margin-bottom:.5rem;max-height:19.25rem;min-height:4.875rem;padding:.5rem .8125rem .5rem 1.0625rem;width:21.375rem}.md-alert__icon{font-family:momentum-ui-icons;font-size:2.75rem;line-height:0}.md-alert__icon::before{content:"\\f6e8";color:var(--meeting-alert-info-text-color,#00a0d1)}.md-alert__content{display:flex;flex-basis:0%;flex-direction:column;flex-grow:2;padding-left:1rem;padding-right:.125rem}.md-alert__title{color:var(--meeting-alert-info-text-color,#00a0d1);font-size:var(--body-primary-font-size,1rem);line-height:1.5rem}.md-alert__message,.md-alert__status{font-size:var(--body-secondary-font-size,.875rem);font-family:var(--brand-font-medium, var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif));line-height:1.125rem}.md-alert__status{color:var(--meeting-alert-success-text-color,#03612c)}.md-alert__message{color:var(--meeting-alert-text-color,#292929)}.md-alert__message,.md-alert__title{max-width:10rem;word-wrap:break-word}.md-alert__button{margin-left:.5rem}.md-alert.md-alert--success .md-alert__icon::before{content:"\\f381";color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--success .md-alert__title{color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--warning .md-alert__title{color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--error .md-alert__title{color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--meeting .md-alert__content{width:10rem}.md-alert.md-alert--meeting .md-alert__content--wide{width:13rem}.md-alert.md-alert--meeting .md-alert__message,.md-alert.md-alert--meeting .md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-alert.md-alert--meeting .md-alert__title{color:var(--meeting-alert-title-text-color,#000)}.md-alert.md-alert--call{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin-right:.9375rem;max-height:31.25rem;min-height:17.625rem;padding:.75rem 1.0625rem 1.5625rem 1.0625rem;width:17.375rem}.md-alert.md-alert--call .md-alert__title{color:var(--meeting-alert-title-text-color,#000);font-size:.875rem;font-weight:700;line-height:1.375rem;padding-bottom:1.5rem}.md-alert.md-alert--call .md-alert__caller{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.md-alert.md-alert--call .md-alert__caller-title{font-size:1rem;font-weight:700;line-height:1.5rem;padding-top:.5rem}.md-alert.md-alert--call .md-alert__caller-subtitle{font-size:.875rem;line-height:1.375rem}.md-alert.md-alert--call .md-alert--call--buttons{padding-top:1.5rem}.md-alert.md-alert--call .md-alert--call--buttons .md-icon{fill:#fff}.md-alert.md-alert--call .md-list{padding-top:.75rem}.md-alert.md-alert--call .md-list .md-list-item{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:hover{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.md-alert.md-alert--call .md-list .md-list-item-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid rgba(0,0,0,.08)}`,d=function(e,t,r,o){var l,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(i=(a<3?l(i):a>3?l(t,r,i):l(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.attendees=[{title:"Attendee",src:null,alt:"Attendee"}],this.closeAriaLabel="close",this.onKeyDown=null,this.onSnooze=null,this.message="",this.snoozeAriaLabel="snooze",this.role="button",this.show=!1,this.src="",this.status="",this.userStyles="",this.title="",this._onSnooze=e=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:e}}))},this._onClose=e=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:e}}))},this.handleSnooze=e=>{this.onSnooze?this.onSnooze(e):this._onSnooze(e),e.stopPropagation()},this.handleClose=e=>{this._onClose(e),e.stopPropagation()},this.handleKeyDown=e=>{if(e.code===o.b.Escape&&this.handleClose(e),e.code===o.b.Enter||e.code===o.b.Space){switch(e.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(e);break;case"snooze":this.handleSnooze(e)}e.preventDefault()}this.onKeyDown&&this.onKeyDown(e)}}getStyles(){return i.html`
-        <style>
-          ::slotted(img) {
-            display: inline-block;
-            vertical-align: middle;
-            -ms-interpolation-mode: bicubic;
-            height: auto;
-            max-width: 100%;
-            border-style: none;
-          }
-          ${this.userStyles}
-        </style>
-      `}static get styles(){return[a.a,s]}render(){const{attendees:e,message:t,onSnooze:r,role:o,src:l,status:a,title:s,closeAriaLabel:d,show:c,snoozeAriaLabel:p}=this;return i.html`
-        ${this.getStyles()}
-        ${c?i.html`
-              <div
-                aria-label="Meeting Alert"
-                class=${"md-alert md-alert--meeting"}
-                @keydown=${e=>this.handleKeyDown(e)}
-                role=${o}
-              >
-                <slot name="custom-avatar"> ${e.length>=2?(e=>{const t="display: flex;width: 1.625rem;height: 1.625rem;font-size: .56875rem;line-height: .8125rem;";return i.html`
-    <div class="md-composite-avatar md-composite-avatar--wc-override" style=${"position: relative; display: block;\n  width: 2.5rem;\n  height: 2.5rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;"}>
-      <md-avatar
-        slot="avatar"
-        class="md-avatar"
-        alt=${e[0].alt||e[0].title}
-        src=${Object(m.ifDefined)(e[0].src?e[0].src:void 0)}
-        title=${e[0].title}
-        size="24"
-        style=${t+"position: absolute;left: 0px;top: 0px;"}
-      ></md-avatar>
-      <md-avatar
-        slot="avatar"
-        class="md-avatar"
-        alt=${e[1].alt||e[1].title}
-        src=${Object(m.ifDefined)(e[1].src?e[1].src:void 0)}
-        title=${e[1].title}
-        size="24"
-        style=${t+"position: absolute;right: 0px;bottom: 0px;"}
-      ></md-avatar>
-    </div>
-  `})(e):i.html` <md-avatar title=${s} label="avatar" src=${l} tabindex="-1"></md-avatar> `} </slot>
-                <div class=${"md-alert__content "+(r?"":" md-alert__content--wide")}>
-                  <div class="md-alert__title" title=${s}>${s}</div>
-                  <div class="md-alert__status" title=${a}>${a}</div>
-                  <div class="md-alert__message" title=${t}>${t}</div>
-                </div>
-                ${r?i.html`
-                      <div class="md-alert__button">
-                        <md-button
-                          variant="secondary"
-                          aria-label=${p}
-                          circle
-                          @click=${e=>{this.handleSnooze(e)}}
-                          .size=${40}
-                        >
-                          <md-icon name="alarm-bold" size="16" iconSet="momentumDesign"></md-icon>
-                        </md-button>
-                      </div>
-                    `:n.nothing}
-                <slot name="custom-action">
-                  <md-button
-                    class="md-alert__button"
-                    variant="ghost"
-                    ariaLabel=${d}
-                    circle
-                    @click=${e=>{this.handleClose(e)}}
-                    .size=${40}
-                  >
-                    <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
-                  </md-button>
-                </slot>
-              </div>
-            `:n.nothing}
-      `}};d([Object(i.property)({type:Array})],t.prototype,"attendees",void 0),d([Object(i.property)({type:String})],t.prototype,"closeAriaLabel",void 0),d([Object(i.property)({attribute:!1})],t.prototype,"onKeyDown",void 0),d([Object(i.property)({attribute:!1})],t.prototype,"onSnooze",void 0),d([Object(i.property)({type:String})],t.prototype,"message",void 0),d([Object(i.property)({type:String})],t.prototype,"snoozeAriaLabel",void 0),d([Object(i.property)({type:String})],t.prototype,"role",void 0),d([Object(i.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(i.property)({type:String})],t.prototype,"src",void 0),d([Object(i.property)({type:String})],t.prototype,"status",void 0),d([Object(i.property)({type:String})],t.prototype,"userStyles",void 0),d([Object(i.property)({type:String})],t.prototype,"title",void 0),t=d([Object(l.a)("md-meeting-alert")],t),e.ELEMENT=t}(p||(p={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{100:function(t,e,i){"use strict";i.r(e),i.d(e,"Form",(function(){return o}));var o,r=i(7),n=i(0),s=i(3),a=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};!function(t){let e=class extends(Object(r.e)(n.LitElement)){constructor(){super(...arguments),this.rel="",this.name="",this.action="",this.label="",this.method="get",this.target="_self",this.enctype="application/x-www-form-urlencoded",this.novalidate=!1,this.charset="UTF-8",this.isvalid=!1,this.token="on",this.allowRedirect=!1,this.autofillname="input-name",this.formElement=[],this.handleSubmit=t=>{t.preventDefault(),this.validated()&&this.submitForm()},this.handleFormSubmit=t=>{this.allowRedirect||t.preventDefault(),this.dispatchEvent(new CustomEvent("form-submitted",{composed:!0,bubbles:!0}))}}get formMethod(){return"GET"===this.method?"get":"POST"===this.method?"post":this.method}isSubmittable(t){return t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement}isDisabled(t){return t.hasAttribute("disabled")||"true"===t.getAttribute("aria-disabled")}findSubmittable(t,e){const i=Array.from(t.children);for(const t of i)if(!this.isDisabled(t))if(this.isSubmittable(t)&&e.add(t),t.shadowRoot)this.findSubmittable(t.shadowRoot,e);else if("SLOT"===t.tagName){const i=t.assignedElements();if(i.length){const{parentElement:t}=i[0];t&&this.findSubmittable(t,e)}}else this.findSubmittable(t,e);return[...e]}validated(){return!!this.novalidate||this.isvalid}submitForm(){const{form:t}=this;t.requestSubmit?t.requestSubmit():t.submit()}get submitButton(){return this.querySelector("button[type='submit']")||this.querySelector("input[type='submit']")||this.querySelector("md-button[type='submit']")}disconnectedCallback(){super.disconnectedCallback(),this.cleanupWrappedForms(),this.teardownEvents()}deleteWrappedForm(t){t.removeEventListener("submit",this.handleFormSubmit)}cleanupWrappedForms(){const{formElement:t}=this;if(t.length)for(const e of t)this.deleteWrappedForm(e);this.formElement=[]}createWrappedForm(t){const e=document.createElement("form");e.addEventListener("submit",this.handleFormSubmit);const{parentNode:i}=t;t.autocomplete=this.token,t.id||(t.id=this.autofillname),t.name||(t.name=this.autofillname),i&&(this.formElement.push(e),i.insertBefore(e,t),e.append(t))}teardownEvents(){this.submitButton&&this.submitButton.removeEventListener("click",this.handleSubmit)}setupEvents(){this.submitButton&&this.submitButton.addEventListener("click",this.handleSubmit)}setupSubmittable(){const t=this.findSubmittable(this.form,new Set);if(t.length)for(const e of t)this.createWrappedForm(e)}slottedChanged(){this.setupSubmittable(),this.setupEvents()}render(){return n.html`
+        <form
+          class="md-form"
+          role="form"
+          name=${Object(s.ifDefined)(this.name||void 0)}
+          rel=${Object(s.ifDefined)(this.rel||void 0)}
+          action=${Object(s.ifDefined)(this.action||void 0)}
+          accept-charset=${this.charset}
+          enctype=${this.enctype}
+          aria-label=${Object(s.ifDefined)(this.label||void 0)}
+          ?novalidate=${this.novalidate}
+          method=${this.formMethod}
+          target=${this.target}
+          part="form"
+          @submit=${this.handleFormSubmit}
+        >
+          <slot></slot>
+        </form>
+      `}};a([Object(n.property)({type:String})],e.prototype,"rel",void 0),a([Object(n.property)({type:String})],e.prototype,"name",void 0),a([Object(n.property)({type:String})],e.prototype,"action",void 0),a([Object(n.property)({type:String})],e.prototype,"label",void 0),a([Object(n.property)({type:String})],e.prototype,"method",void 0),a([Object(n.property)({type:String})],e.prototype,"target",void 0),a([Object(n.property)({type:String})],e.prototype,"enctype",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"no-validate"})],e.prototype,"novalidate",void 0),a([Object(n.property)({type:String,reflect:!0,attribute:"accept-charset"})],e.prototype,"charset",void 0),a([Object(n.property)({type:Boolean,reflect:!0,attribute:"is-valid"})],e.prototype,"isvalid",void 0),a([Object(n.property)({type:String,attribute:"autofill-token"})],e.prototype,"token",void 0),a([Object(n.property)({type:Boolean,attribute:"allow-redirect"})],e.prototype,"allowRedirect",void 0),a([Object(n.property)({type:String,attribute:"autofill-name"})],e.prototype,"autofillname",void 0),a([Object(n.query)(".md-form")],e.prototype,"form",void 0),e=a([Object(r.f)("md-form")],e),t.ELEMENT=e}(o||(o={}))}}]);