@momentum-ui/web-components 2.13.23 → 2.14.1

package/dist/chunks/md-66.js

@@ -1,70 +1,142 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{95:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(15);var o,n=e(7),a=e(6),s=e(5),r=(e(46),e(47),e(48),e(21)),l=e.n(r),d=(e(49),e(0)),c=e(2),h=e(3),m=(e(76),e(65)),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>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{117:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return g}));o(15);var r=o(1),i=o(7),s=o(5),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:center;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}
+        >
+          <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>
-              </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={}))}}]);
+              `: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-67.js

@@ -1,19 +1,30 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{96: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([[67],{118: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(19),l=i(5),r=i(45),a=i.n(r),s=i(6),o=i(0),n=i(2),c=i(4),h=i(3),b=i(28),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)}
         >
-          <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={}))}}]);
+          ${a.a.sanitize(this.content)}
+        </div>
+        ${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-68.js

@@ -1,21 +1,70 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{117:function(e,r,t){"use strict";t.r(r),t.d(r,"Grabber",(function(){return o}));t(15);var o,a=t(1),i=t(7),n=t(6),d=t(5),b=t(0),c=t(4),l=t(3),s=b.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: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: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,n=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,r,t,o);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(n=(i<3?a(n):i>3?a(r,t,n):a(r,t))||n);return i>3&&n&&Object.defineProperty(r,t,n),n};!function(e){let r=class extends(Object(i.a)(b.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.alignment="leading"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get styles(){return[d.a,s]}toggleGrabber(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("grabber-toggled",{detail:{checked:this.checked},bubbles:!0,composed:!0})))}handleMouseDownn(){this.toggleGrabber()}handleKeyDown(e){e.code!==a.b.Enter&&e.code!==a.b.Space&&e.code!==a.b.NumpadEnter||(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--"+this.alignment]:this.alignment,visible:this.visible||this.focused}}get iconName(){return"leading"===this.alignment||"trailing"===this.alignment?this.checked?"arrow-left-bold":"arrow-right-bold":this.checked?"arrow-up-bold":"arrow-down-bold"}render(){return b.html`
-        <div class="md-grabber__container">
-          <button
-            class="md-grabber ${Object(c.classMap)(this.grabberClassMap)}"
-            aria-pressed=${this.checked}
-            ?disabled=${this.disabled}
-            tabindex="0"
-            aria-label=${Object(l.ifDefined)(this.label.length?this.label:void 0)}
-            type="button"
-            role="button"
-            @click="${()=>this.handleMouseDownn()}"
-            @keydown="${e=>this.handleKeyDown(e)}"
-            @mouseenter="${()=>this.handleMouseEnter()}"
-            @mouseleave="${()=>this.handleMouseLeave()}"
-            @focus="${()=>this.handleFocus()}"
-            @blur="${()=>this.handleBlur()}"
-          >
-            <md-icon name="${this.iconName}" size="12" iconSet="momentumDesign"></md-icon>
-          </button>
-        </div>
-      `}};g([Object(b.property)({type:String})],r.prototype,"label",void 0),g([Object(b.property)({type:String})],r.prototype,"checkedLabel",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"hovered",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"disabled",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"checked",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"visible",void 0),g([Object(b.property)({type:Boolean})],r.prototype,"focused",void 0),g([Object(b.property)({type:String,reflect:!0})],r.prototype,"alignment",void 0),r=g([Object(n.a)("md-grabber")],r),e.ELEMENT=r}(o||(o={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{96:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(15);var o,n=e(7),a=e(6),s=e(5),r=(e(46),e(47),e(48),e(21)),l=e.n(r),d=(e(49),e(0)),c=e(2),h=e(3),m=(e(76),e(65)),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-69.js

@@ -1,17 +1,19 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{118: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){let e="";this.fileName=s.name;try{e=yield this.readFile(s)}catch(s){e=""}}}))}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(90)("./"+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={}))},90:function(s,e,t){var a={"./1c":[129,87],"./1c.js":[129,87],"./abnf":[130,88],"./abnf.js":[130,88],"./accesslog":[131,89],"./accesslog.js":[131,89],"./actionscript":[132,90],"./actionscript.js":[132,90],"./ada":[133,91],"./ada.js":[133,91],"./angelscript":[134,92],"./angelscript.js":[134,92],"./apache":[135,93],"./apache.js":[135,93],"./applescript":[136,94],"./applescript.js":[136,94],"./arcade":[137,95],"./arcade.js":[137,95],"./arduino":[138,96],"./arduino.js":[138,96],"./armasm":[139,97],"./armasm.js":[139,97],"./asciidoc":[140,98],"./asciidoc.js":[140,98],"./aspectj":[141,99],"./aspectj.js":[141,99],"./autohotkey":[142,100],"./autohotkey.js":[142,100],"./autoit":[143,101],"./autoit.js":[143,101],"./avrasm":[144,102],"./avrasm.js":[144,102],"./awk":[145,103],"./awk.js":[145,103],"./axapta":[146,104],"./axapta.js":[146,104],"./bash":[147,105],"./bash.js":[147,105],"./basic":[148,106],"./basic.js":[148,106],"./bnf":[149,107],"./bnf.js":[149,107],"./brainfuck":[150,108],"./brainfuck.js":[150,108],"./c":[152,110],"./c-like":[151,109],"./c-like.js":[151,109],"./c.js":[152,110],"./cal":[153,111],"./cal.js":[153,111],"./capnproto":[154,112],"./capnproto.js":[154,112],"./ceylon":[155,113],"./ceylon.js":[155,113],"./clean":[156,114],"./clean.js":[156,114],"./clojure":[158,116],"./clojure-repl":[157,115],"./clojure-repl.js":[157,115],"./clojure.js":[158,116],"./cmake":[159,117],"./cmake.js":[159,117],"./coffeescript":[160,118],"./coffeescript.js":[160,118],"./coq":[161,119],"./coq.js":[161,119],"./cos":[162,120],"./cos.js":[162,120],"./cpp":[163,121],"./cpp.js":[163,121],"./crmsh":[164,122],"./crmsh.js":[164,122],"./crystal":[165,123],"./crystal.js":[165,123],"./csharp":[166,124],"./csharp.js":[166,124],"./csp":[167,125],"./csp.js":[167,125],"./css":[168,126],"./css.js":[168,126],"./d":[169,127],"./d.js":[169,127],"./dart":[170,128],"./dart.js":[170,128],"./delphi":[171,129],"./delphi.js":[171,129],"./diff":[172,130],"./diff.js":[172,130],"./django":[173,131],"./django.js":[173,131],"./dns":[174,132],"./dns.js":[174,132],"./dockerfile":[175,133],"./dockerfile.js":[175,133],"./dos":[176,134],"./dos.js":[176,134],"./dsconfig":[177,135],"./dsconfig.js":[177,135],"./dts":[178,136],"./dts.js":[178,136],"./dust":[179,137],"./dust.js":[179,137],"./ebnf":[180,138],"./ebnf.js":[180,138],"./elixir":[181,139],"./elixir.js":[181,139],"./elm":[182,140],"./elm.js":[182,140],"./erb":[183,141],"./erb.js":[183,141],"./erlang":[185,143],"./erlang-repl":[184,142],"./erlang-repl.js":[184,142],"./erlang.js":[185,143],"./excel":[186,144],"./excel.js":[186,144],"./fix":[187,145],"./fix.js":[187,145],"./flix":[188,146],"./flix.js":[188,146],"./fortran":[189,147],"./fortran.js":[189,147],"./fsharp":[190,148],"./fsharp.js":[190,148],"./gams":[191,149],"./gams.js":[191,149],"./gauss":[192,150],"./gauss.js":[192,150],"./gcode":[193,151],"./gcode.js":[193,151],"./gherkin":[194,152],"./gherkin.js":[194,152],"./glsl":[195,153],"./glsl.js":[195,153],"./gml":[196,154],"./gml.js":[196,154],"./go":[197,155],"./go.js":[197,155],"./golo":[198,156],"./golo.js":[198,156],"./gradle":[199,157],"./gradle.js":[199,157],"./groovy":[200,158],"./groovy.js":[200,158],"./haml":[201,159],"./haml.js":[201,159],"./handlebars":[202,160],"./handlebars.js":[202,160],"./haskell":[203,161],"./haskell.js":[203,161],"./haxe":[204,162],"./haxe.js":[204,162],"./hsp":[205,163],"./hsp.js":[205,163],"./htmlbars":[206,164],"./htmlbars.js":[206,164],"./http":[207,165],"./http.js":[207,165],"./hy":[208,166],"./hy.js":[208,166],"./inform7":[209,167],"./inform7.js":[209,167],"./ini":[210,168],"./ini.js":[210,168],"./irpf90":[211,169],"./irpf90.js":[211,169],"./isbl":[212,170],"./isbl.js":[212,170],"./java":[213,171],"./java.js":[213,171],"./javascript":[214,172],"./javascript.js":[214,172],"./jboss-cli":[215,173],"./jboss-cli.js":[215,173],"./json":[216,174],"./json.js":[216,174],"./julia":[218,176],"./julia-repl":[217,175],"./julia-repl.js":[217,175],"./julia.js":[218,176],"./kotlin":[219,177],"./kotlin.js":[219,177],"./lasso":[220,178],"./lasso.js":[220,178],"./latex":[221,179],"./latex.js":[221,179],"./ldif":[222,180],"./ldif.js":[222,180],"./leaf":[223,181],"./leaf.js":[223,181],"./less":[224,182],"./less.js":[224,182],"./lisp":[225,183],"./lisp.js":[225,183],"./livecodeserver":[226,184],"./livecodeserver.js":[226,184],"./livescript":[227,185],"./livescript.js":[227,185],"./llvm":[228,186],"./llvm.js":[228,186],"./lsl":[229,187],"./lsl.js":[229,187],"./lua":[230,188],"./lua.js":[230,188],"./makefile":[231,189],"./makefile.js":[231,189],"./markdown":[232,190],"./markdown.js":[232,190],"./mathematica":[233,191],"./mathematica.js":[233,191],"./matlab":[234,192],"./matlab.js":[234,192],"./maxima":[235,193],"./maxima.js":[235,193],"./mel":[236,194],"./mel.js":[236,194],"./mercury":[237,195],"./mercury.js":[237,195],"./mipsasm":[238,196],"./mipsasm.js":[238,196],"./mizar":[239,197],"./mizar.js":[239,197],"./mojolicious":[240,198],"./mojolicious.js":[240,198],"./monkey":[241,199],"./monkey.js":[241,199],"./moonscript":[242,200],"./moonscript.js":[242,200],"./n1ql":[243,201],"./n1ql.js":[243,201],"./nginx":[244,202],"./nginx.js":[244,202],"./nim":[245,203],"./nim.js":[245,203],"./nix":[246,204],"./nix.js":[246,204],"./node-repl":[247,205],"./node-repl.js":[247,205],"./nsis":[248,206],"./nsis.js":[248,206],"./objectivec":[249,207],"./objectivec.js":[249,207],"./ocaml":[250,208],"./ocaml.js":[250,208],"./openscad":[251,209],"./openscad.js":[251,209],"./oxygene":[252,210],"./oxygene.js":[252,210],"./parser3":[253,211],"./parser3.js":[253,211],"./perl":[254,212],"./perl.js":[254,212],"./pf":[255,213],"./pf.js":[255,213],"./pgsql":[256,214],"./pgsql.js":[256,214],"./php":[258,216],"./php-template":[257,215],"./php-template.js":[257,215],"./php.js":[258,216],"./plaintext":[259,217],"./plaintext.js":[259,217],"./pony":[260,218],"./pony.js":[260,218],"./powershell":[261,219],"./powershell.js":[261,219],"./processing":[262,220],"./processing.js":[262,220],"./profile":[263,221],"./profile.js":[263,221],"./prolog":[264,222],"./prolog.js":[264,222],"./properties":[265,223],"./properties.js":[265,223],"./protobuf":[266,224],"./protobuf.js":[266,224],"./puppet":[267,225],"./puppet.js":[267,225],"./purebasic":[268,226],"./purebasic.js":[268,226],"./python":[270,228],"./python-repl":[269,227],"./python-repl.js":[269,227],"./python.js":[270,228],"./q":[271,229],"./q.js":[271,229],"./qml":[272,230],"./qml.js":[272,230],"./r":[273,231],"./r.js":[273,231],"./reasonml":[274,232],"./reasonml.js":[274,232],"./rib":[275,233],"./rib.js":[275,233],"./roboconf":[276,234],"./roboconf.js":[276,234],"./routeros":[277,235],"./routeros.js":[277,235],"./rsl":[278,236],"./rsl.js":[278,236],"./ruby":[279,237],"./ruby.js":[279,237],"./ruleslanguage":[280,238],"./ruleslanguage.js":[280,238],"./rust":[281,239],"./rust.js":[281,239],"./sas":[282,240],"./sas.js":[282,240],"./scala":[283,241],"./scala.js":[283,241],"./scheme":[284,242],"./scheme.js":[284,242],"./scilab":[285,243],"./scilab.js":[285,243],"./scss":[286,244],"./scss.js":[286,244],"./shell":[287,245],"./shell.js":[287,245],"./smali":[288,246],"./smali.js":[288,246],"./smalltalk":[289,247],"./smalltalk.js":[289,247],"./sml":[290,248],"./sml.js":[290,248],"./sqf":[291,249],"./sqf.js":[291,249],"./sql":[292,250],"./sql.js":[292,250],"./sql_more":[293,251],"./sql_more.js":[293,251],"./stan":[294,252],"./stan.js":[294,252],"./stata":[295,253],"./stata.js":[295,253],"./step21":[296,254],"./step21.js":[296,254],"./stylus":[297,255],"./stylus.js":[297,255],"./subunit":[298,256],"./subunit.js":[298,256],"./swift":[299,257],"./swift.js":[299,257],"./taggerscript":[300,258],"./taggerscript.js":[300,258],"./tap":[301,259],"./tap.js":[301,259],"./tcl":[302,260],"./tcl.js":[302,260],"./thrift":[303,261],"./thrift.js":[303,261],"./tp":[304,262],"./tp.js":[304,262],"./twig":[305,263],"./twig.js":[305,263],"./typescript":[306,264],"./typescript.js":[306,264],"./vala":[307,265],"./vala.js":[307,265],"./vbnet":[308,266],"./vbnet.js":[308,266],"./vbscript":[310,268],"./vbscript-html":[309,267],"./vbscript-html.js":[309,267],"./vbscript.js":[310,268],"./verilog":[311,269],"./verilog.js":[311,269],"./vhdl":[312,270],"./vhdl.js":[312,270],"./vim":[313,271],"./vim.js":[313,271],"./x86asm":[314,272],"./x86asm.js":[314,272],"./xl":[315,273],"./xl.js":[315,273],"./xml":[316,274],"./xml.js":[316,274],"./xquery":[317,275],"./xquery.js":[317,275],"./yaml":[318,276],"./yaml.js":[318,276],"./zephir":[319,277],"./zephir.js":[319,277]};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=90,s.exports=i}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{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}
+        >
+          <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={}))}}]);