@momentum-ui/web-components 2.13.8 → 2.13.10

package/dist/chunks/md-65.js

@@ -1,72 +1,30 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{94:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(18),e(15);var o,n=e(7),a=e(6),s=e(5),r=(e(45),e(47),e(44),e(20)),l=e.n(r),d=(e(46),e(0)),h=e(3),c=e(2),m=(e(75),e(63)),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},u=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(()=>u(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(t){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(c.ifDefined)(this.label||void 0)}
-                aria-modal="true"
-                style=${Object(c.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)}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{116: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(3),c=i(4),h=i(2),b=i(24),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)}
               >
-                <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_16"></md-icon>
-                  </md-button>`:h.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_16":"maximize_16"}></md-icon>
-                  </md-button>`}
-
-                  <md-button
-                    color="color-none"
-                    class="md-floating__close"
-                    ariaLabel="${this.closeAriaLabel}"
-                    circle
-                    @click=${this.handleClose}
-                  >
-                    <md-icon name="cancel_16"></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=${t=>this.handleMinimize(t)}
-                      @floating-modal-close=${this.handleClose}
-                      ?show=${this.show}
-                      >
-                      ${this.minimize&&this.headerSlot}
-                  </md-floating-modal-minimized>
-              </div>`:h.nothing}
-             
-            `:h.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={}))}}]);
+                ${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>
+        ${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-66.js

@@ -1,19 +1,70 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{95:function(t,e,i){"use strict";i.r(e),i.d(e,"Form",(function(){return o}));var o,r=i(0),n=i(2),s=i(7),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(s.e)(r.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}))}}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 r.html`
-        <form
-          class="md-form"
-          role="form"
-          name=${Object(n.ifDefined)(this.name||void 0)}
-          rel=${Object(n.ifDefined)(this.rel||void 0)}
-          action=${Object(n.ifDefined)(this.action||void 0)}
-          accept-charset=${this.charset}
-          enctype=${this.enctype}
-          aria-label=${Object(n.ifDefined)(this.label||void 0)}
-          ?novalidate=${this.novalidate}
-          method=${this.method}
-          target=${this.target}
-          part="form"
-          @submit=${this.handleFormSubmit}
-        >
-          <slot></slot>
-        </form>
-      `}};a([Object(r.property)({type:String})],e.prototype,"rel",void 0),a([Object(r.property)({type:String})],e.prototype,"name",void 0),a([Object(r.property)({type:String})],e.prototype,"action",void 0),a([Object(r.property)({type:String})],e.prototype,"label",void 0),a([Object(r.property)({type:String})],e.prototype,"method",void 0),a([Object(r.property)({type:String})],e.prototype,"target",void 0),a([Object(r.property)({type:String})],e.prototype,"enctype",void 0),a([Object(r.property)({type:Boolean,reflect:!0,attribute:"no-validate"})],e.prototype,"novalidate",void 0),a([Object(r.property)({type:String,reflect:!0,attribute:"accept-charset"})],e.prototype,"charset",void 0),a([Object(r.property)({type:Boolean,reflect:!0,attribute:"is-valid"})],e.prototype,"isvalid",void 0),a([Object(r.property)({type:String,attribute:"autofill-token"})],e.prototype,"token",void 0),a([Object(r.property)({type:Boolean,attribute:"allow-redirect"})],e.prototype,"allowRedirect",void 0),a([Object(r.property)({type:String,attribute:"autofill-name"})],e.prototype,"autofillname",void 0),a([Object(r.query)(".md-form")],e.prototype,"form",void 0),e=a([Object(s.f)("md-form")],e),t.ELEMENT=e}(o||(o={}))}}]);
+(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(16),e(13);var o,n=e(7),a=e(6),s=e(5),r=(e(48),e(50),e(47),e(20)),l=e.n(r),d=(e(49),e(0)),c=e(3),h=e(2),m=(e(77),e(66)),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-67.js

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

package/dist/chunks/md-68.js

@@ -1,38 +1,21 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{117:function(e,i,n){"use strict";n.r(i),n.d(i,"linkTag",(function(){return s})),n.d(i,"linkColor",(function(){return k})),n.d(i,"linkRole",(function(){return b})),n.d(i,"Link",(function(){return m}));var t=n(5),l=n(6),r=n(0),o=n(4),a=n(2),d=r.css`.md-link{border-radius:.25rem;cursor:pointer;display:inline-flex;font-size:var(--link-inline-font-size,14px);line-height:170%;width:fit-content;color:var(--link-default,#005e7d)}.md-link:hover{color:var(--link-hover,#005e7d)}.md-link:focus{box-shadow:0 0 0 2px var(--link-focus-outline,#007aa3);color:var(--link-focus,#005e7d)}.md-link.active{color:var(--link-pressed,#064157)}.md-link.disabled,.md-link.md-link--inline.disabled{color:var(--link-disabled,#b2b2b2)!important}.md-link.md-link--inline{color:var(--link-inline,#a12512)}.md-link.md-link--inline:hover{color:var(--link-inline-hover,#6e1d13)}.md-link.md-link--inline:focus{color:var(--link-inline-focus,#a12512)}.md-link.md-link--inline.active{color:var(--link-inline-pressed,#4a1812)}.md-link .md-link--blue{color:var(--link-blue,#00a0d1)}.md-link .md-link--blue:hover{color:var(--link-blue-hover,#007aa3)}.md-link .md-link--blue.active{color:var(--link-blue-active,#005e7d)}.md-link .md-link--red{color:var(--link-red,#f7644a)}.md-link .md-link--red:hover{color:var(--link-red-hover,#d4371c)}.md-link .md-link--red.active{color:var(--link-red-active,#a12512)}.md-link .md-link--green{color:var(--link-green,#00ab50)}.md-link .md-link--green:hover{color:var(--link-green-hover,#00853c)}.md-link .md-link--green.active{color:var(--link-green-active,#03612c)}.md-link .md-link--yellow{color:var(--link-yellow,#d97f00)}.md-link .md-link--yellow:hover{color:var(--link-yellow-hover,#a85f00)}.md-link .md-link--yellow.active{color:var(--link-yellow-active,#7d4705)}.md-link .md-link--orange{color:var(--link-orange,#f26b1d)}.md-link .md-link--orange:hover{color:var(--link-orange-hover,#c74f0e)}.md-link .md-link--orange.active{color:var(--link-orange-active,#914017)}.md-link:focus{outline:0}.md-link.disabled{pointer-events:none}.md-link--inline{font-size:var(--link-inline-font-size,14px);line-height:100%;text-decoration:underline}@media(forced-colors:active){.md-link:focus{box-shadow:none;outline:2px solid Highlight}.md-link.disabled{color:GrayText!important}}`,c=function(e,i,n,t){var l,r=arguments.length,o=r<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,n):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,n,t);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(o=(r<3?l(o):r>3?l(i,n,o):l(i,n))||o);return r>3&&o&&Object.defineProperty(i,n,o),o};const s=["a","div","span"],k=["","blue","red","green","yellow","orange"],b=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"];var m;!function(e){let i=class extends r.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.href="",this.tag="a",this.target="_self",this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(e){const i=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",i)}static get styles(){return[t.a,d]}render(){const e={["md-link--"+this.color]:this.color,"md-link--inline":this.inline,disabled:this.disabled};return r.html`
-        ${(()=>{switch(this.tag){case"div":return r.html`
-              <div 
-                class="md-link ${Object(o.classMap)(e)}"
-                tabindex=${this.tabIndex}  
-                aria-label=${Object(a.ifDefined)(this.ariaLabel||void 0)} 
-                aria-disabled=${Object(a.ifDefined)(this.disabled||void 0)}
-                role=${this.ariaRole} 
-                part="link"
-              >
-                <slot></slot>
-              </div>
-            `;case"span":return r.html`
-              <span 
-                class="md-link ${Object(o.classMap)(e)}" 
-                tabindex=${this.tabIndex}  
-                aria-label=${Object(a.ifDefined)(this.ariaLabel||void 0)} 
-                aria-disabled=${Object(a.ifDefined)(this.disabled||void 0)}
-                role=${this.ariaRole} 
-                part="link"
-              > 
-                <slot></slot>
-              </span>
-            `;default:return r.html`
-              <a
-                class="md-link ${Object(o.classMap)(e)}"
-                .target="${this.target}"
-                href=${Object(a.ifDefined)(this.disabled?void 0:this.href)}
-                tabindex=${this.tabIndex}
-                aria-label=${Object(a.ifDefined)(this.ariaLabel||void 0)}
-                aria-disabled=${Object(a.ifDefined)(this.disabled||void 0)}
-                role=${this.ariaRole}
-                part="link"
-              >
-                <slot></slot>
-              </a>
-            `}})()}
-      `}};c([Object(r.property)({type:String,attribute:!1})],i.prototype,"color",void 0),c([Object(r.property)({type:String})],i.prototype,"ariaLabel",void 0),c([Object(r.property)({type:String})],i.prototype,"ariaRole",void 0),c([Object(r.property)({type:Boolean})],i.prototype,"disabled",void 0),c([Object(r.property)({type:Boolean})],i.prototype,"inline",void 0),c([Object(r.property)({type:String})],i.prototype,"href",void 0),c([Object(r.property)({type:String})],i.prototype,"tag",void 0),c([Object(r.property)({type:String})],i.prototype,"target",void 0),c([Object(r.property)({type:Number,attribute:"tab-index",reflect:!0})],i.prototype,"tabIndex",null),i=c([Object(l.a)("md-link")],i),e.ELEMENT=i}(m||(m={}))}}]);
+(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(13);var o,a=t(1),i=t(7),n=t(6),d=t(5),b=t(0),c=t(4),l=t(2),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={}))}}]);