q2-tecton-elements 1.8.6 → 1.8.9

package/dist/q2-tecton-elements/{p-75162a97.entry.js → p-a011181d.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as e,g as r}from"./p-f844ee08.js";import{c as o,s as n,m as i,l as s,a as c}from"./p-3b555dae.js";const h=class{constructor(e){t(this,e),this.input=a(this,"input",7),this.change=a(this,"change",7),this.scheduledAfterRender=[],this.guid=o(),this.resize="vertical",this.checkRows=()=>{const{contentContainer:t,rows:a,textareaField:e,resize:r}=this;a&&!["none","horizontal"].includes(r)&&(t.style.height=t.offsetHeight+"px",e.removeAttribute("rows"))},this.checkCols=()=>{const{contentContainer:t,cols:a,textareaField:e,resize:r}=this;a&&!["none","vertical"].includes(r)&&(t.style.width=t.offsetWidth+"px",e.removeAttribute("cols"))},this.onTextareaFocus=()=>{this.hasFocus=!0,this.valueOnFocus=this.value,n(this)},this.onTextareaBlur=()=>{const{valueOnFocus:t,textareaField:{value:a}}=this;this.hasFocus=!1,n(this),t!==a&&this.change.emit({value:a})},this.onTextareaInput=t=>{t.stopPropagation(),this.input.emit({value:t.target.value})},this.onTextareaChange=t=>{t.stopPropagation(),this.change.emit({value:t.target.value})},this.onMouseDown=t=>{const{contentContainer:a}=this;this.downParams={width:a.offsetWidth,height:a.offsetHeight,x:t.clientX,y:t.clientY},document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)},this.onMouseMove=t=>{this.setHeight(t),this.setWidth(t)},this.onTouchStart=t=>{if(1!==t.touches.length)return;t.preventDefault();const{contentContainer:a}=this,e=t.touches[0];this.downParams={width:a.offsetWidth,height:a.offsetHeight,x:e.pageX,y:e.pageY},document.addEventListener("touchmove",this.onTouchMove),document.addEventListener("touchend",this.onTouchMove)},this.onTouchMove=t=>{this.setHeight(t),this.setWidth(t)},this.onMouseUp=()=>{document.removeEventListener("mousemove",this.onMouseMove),this.downParams=null}}componentDidRender(){this.scheduledAfterRender.push(this.checkRows,this.checkCols),this.scheduledAfterRender.forEach(t=>t()),this.scheduledAfterRender=[]}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return"input-guid-"+this.guid}get inputDescribedBy(){return this.showMessages?this.inputId+"-description":void 0}get wrapperClasses(){return`field-container${this.hasError?" has-error":""}${this.value?" has-value":""}${this.hasFocus?" has-focus":""}`}get showResize(){const{resize:t}=this;return t&&"none"!==t}valueObserver(){const{maxlength:t,value:a=""}=this;if(!t)return;const e=a.substr(0,t);e!==a&&this.change.emit({value:e})}rowsObserver(){this.contentContainer.style.height=null}colsObserver(){this.contentContainer.style.width=null}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push(()=>n(this))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push(()=>n(this))}onHostElementFocus(){this.textareaField.focus(),this.textareaField.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}setWidth(t){var a,e;const{contentContainer:r,resize:o,downParams:{width:n,x:i}}=this;if(!["both","horizontal"].includes(o))return;const s=t instanceof MouseEvent?t.clientX:null!==(e=null===(a=t.touches[0])||void 0===a?void 0:a.pageX)&&void 0!==e?e:0;r.style.width=n-(i-s)+"px"}setHeight(t){var a,e;const{contentContainer:r,resize:o,downParams:{height:n,y:i}}=this;if(!["both","vertical"].includes(o))return;const s=t instanceof MouseEvent?t.clientY:null!==(e=null===(a=t.touches[0])||void 0===a?void 0:a.pageY)&&void 0!==e?e:0;r.style.height=n-(i-s)+"px"}render(){return e("div",{class:this.wrapperClasses},this.label&&!this.hideLabel&&s(this),e("div",{class:"content-container",ref:t=>this.contentContainer=t},this.inputDOM(),this.maxlength?this.maxLengthDOM():"",i(this)))}maxLengthDOM(){var t;return e("div",{class:"max-length","aria-hidden":"true"},(null===(t=this.value)||void 0===t?void 0:t.length)||0,"/",this.maxlength)}inputDOM(){return e("div",{class:"input-container"},e("textarea",{id:this.inputId,placeholder:this.placeholder&&c(this.placeholder)||void 0,"test-id":"inputField",maxLength:this.maxlength,"aria-describedby":this.inputDescribedBy,"aria-invalid":""+this.hasError,"aria-required":""+!this.optional,"aria-label":this.hideLabel&&this.label,spellcheck:this.spellcheck,rows:this.rows||3,cols:this.cols,value:this.value,ref:t=>this.textareaField=t,readonly:!!this.readonly,disabled:!!this.disabled,maxlength:this.maxlength,onInput:this.onTextareaInput,onChange:this.onTextareaChange,onFocus:this.onTextareaFocus,onBlur:this.onTextareaBlur}),this.hasError?e("q2-icon",{type:"error",class:"icon-error"}):"",this.showResize&&e("button",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,class:"btn-resize","aria-label":c("tecton.element.input.resize"),tabIndex:-1},e("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M8.5 11.5l3-3m-7 3l7-7m-11 7l11-11",fill:"none","stroke-stroke-linecap":"square"}))))}get hostElement(){return r(this)}static get watchers(){return{value:["valueObserver"],rows:["rowsObserver"],cols:["colsObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};h.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-textarea-margin-top, var(--app-scale-6x, 30px));margin-bottom:var(--tct-textarea-margin-bottom, var(--app-scale-6x, 30px));font-size:var(--tct-textarea-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}label{display:block;padding-left:var(--tct-textarea-label-padding-left, 0);padding-right:var(--tct-textarea-label-padding-right, 0);margin-top:var(--tct-textarea-label-margin-top, 0);margin-bottom:var(\n        --tct-textarea-label-margin-bottom,\n        var(--tct-scale-1x, var(--app-scale-1x, 5px))\n    );color:var(--tct-textarea-label-font-color, inherit);font-size:var(--tct-textarea-label-font-size, inherit);font-weight:var(--tct-textarea-label-font-weight, 600);text-transform:var(--tct-textarea-label-text-transform, none);letter-spacing:var(--tct-textarea-label-letter-spacing, normal);-webkit-transition:color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n        --tct-textarea-label-optional-margin-left,\n        var(--tct-scale-1x, var(--app-scale-1x, 5px))\n    );color:var(\n        --tct-textarea-label-optional-font-color,\n        var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n    );font-size:var(--tct-textarea-label-optional-font-size, 12px);font-weight:var(--tct-textarea-label-optional-font-weight, 400)}.input-container{min-height:var(--q2-textarea-min-height, var(--tct-textarea-min-height));height:100%;--q2-textarea-border-top-left-radius:var(\n        --tct-textarea-border-top-left-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );--q2-textarea-border-top-right-radius:var(\n        --tct-textarea-border-top-right-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );--q2-textarea-border-bottom-right-radius:var(\n        --tct-textarea-border-bottom-right-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );--q2-textarea-border-bottom-left-radius:var(\n        --tct-textarea-border-bottom-left-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );--q2-textarea-border-radius:var(--q2-textarea-border-top-left-radius)\n        var(--q2-textarea-border-top-right-radius) var(--q2-textarea-border-bottom-right-radius)\n        var(--q2-textarea-border-bottom-left-radius);--q2-textarea-border-width:var(--tct-textarea-border-top-width, 1px)\n        var(--tct-textarea-border-right-width, 1px) var(--tct-textarea-border-bottom-width, 1px)\n        var(--tct-textarea-border-left-width, 1px);--q2-textarea-focus-border-width:var(--tct-textarea-focus-border-top-width, 1px)\n        var(--tct-textarea-focus-border-right-width, 1px)\n        var(--tct-textarea-focus-border-bottom-width, 1px)\n        var(--tct-textarea-focus-border-left-width, 1px);--q2-textarea-icon-clearance:34px}.content-container{--q2-textarea-min-height:44px;--q2-textarea-min-width:150px;position:relative;display:inline-block;min-height:var(--q2-textarea-min-height, var(--tct-textarea-min-height, 44px));min-width:var(--q2-textarea-min-width, var(--tct-textarea-min-width, 150px))}:host(:not([cols])) .content-container{width:100%}textarea{resize:none;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:var(--q2-textarea-min-height, var(--tct-textarea-min-height));padding:var(--tct-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))\n        var(--tct-textarea-horizontal-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)));background-color:var(\n        --tct-textarea-bg,\n        var(--t-input-bg, var(--tct-gray-14, var(--app-gray-14, #f2f2f2)))\n    );color:var(--tct-textarea-font-color, var(--t-input-font-color, inherit));border-width:var(--q2-textarea-border-width);border-style:solid;border-color:var(\n        --tct-textarea-border-color,\n        var(--t-input-border, var(--tct-gray-11, var(--app-gray-11, #cccccc)))\n    );border-radius:var(--q2-textarea-border-radius);-webkit-box-shadow:var(--tct-textarea-box-shadow, none);box-shadow:var(--tct-textarea-box-shadow, none);scrollbar-width:thin;scrollbar-color:var(--t-a11y-gray-color) transparent;-webkit-transition:border-width\n            var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        border-color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        -webkit-box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n            var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        border-color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        -webkit-box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n            var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        border-color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n            var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        border-color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        -webkit-box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}textarea::-webkit-scrollbar{width:var(--app-scale-1x);height:var(--app-scale-1x);margin:var(--app-scale-1x)}textarea::-webkit-scrollbar-thumb{background:var(--t-a11y-gray-color);border-radius:2px}textarea::-webkit-scrollbar-track{background:transparent}textarea:not([cols]){width:100%}textarea:focus{border-width:var(--q2-textarea-focus-border-width, 1px);border-color:var(\n        --tct-textarea-focus-border-color,\n        var(--t-input-focus, var(--tct-gray-9, var(--app-gray-9, #999999)))\n    );-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n        var(--tct-textarea-focus-box-shadow, 0 0 transparent);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n        var(--tct-textarea-focus-box-shadow, 0 0 transparent)}textarea::-webkit-input-placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}textarea::-moz-placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}textarea:-ms-input-placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}textarea::-ms-input-placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}textarea::placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}q2-icon{margin-top:calc(var(--tct-textarea-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-textarea-border-bottom-width, 1px) / 2);pointer-events:none;position:absolute;top:var(--tct-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)));color:var(\n        --tct-textarea-icon-stroke-primary,\n        var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))\n    );right:0;margin-right:var(--tct-scale-2x, var(--app-scale-2x, 10px));--tct-icon-stroke-primary:var(\n        --tct-textarea-icon-stroke-primary,\n        var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n    );--t-icon-stroke-primary:var(\n        --tct-textarea-icon-stroke-primary,\n        var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n    )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.messages-container{height:0px;overflow:hidden;background-color:var(\n        --tct-message-bg,\n        var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n    );-webkit-box-shadow:var(\n        --tct-textarea-message-box-shadow,\n        var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n    );box-shadow:var(\n        --tct-textarea-message-box-shadow,\n        var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n    );-webkit-transition:height\n        var(--tct-textarea-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));transition:height\n        var(--tct-textarea-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-textarea-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n        --tct-textarea-disabled-opacity,\n        var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n    )}textarea[disabled]{cursor:not-allowed}.has-error textarea{padding-right:var(--q2-textarea-icon-clearance)}.has-error label{color:var(\n        --tct-textarea-error-label-font-color,\n        var(--tct-textarea-label-font-color, inherit)\n    )}.has-error textarea:not(:focus){border-color:var(--tct-textarea-error-border-color, var(--const-stoplight-alert, #c30000))}.max-length{color:var(--tct-textarea-max-length-color, var(--t-textA, rgba(77, 77, 77, 0.77)));font-size:var(\n        --tct-textarea-max-length-font-size,\n        var(--tct-font-size-small, var(--app-font-size-small, 12px))\n    );position:absolute;right:0}.btn-resize{--tct-textarea-resize-icon-padding:calc(\n        calc(\n                var(--tct-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px)) -\n                    var(--tct-textarea-resize-icon-size, 12px)\n            ) / 2\n    );width:var(--tct-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px));height:var(--tct-textarea-resize-btn-height, var(--tct-btn-icon-height, 44px));background:var(--tct-textarea-resize-btn-background, transparent);stroke:var(--tct-textarea-resize-color, var(--t-textA, rgba(77, 77, 77, 0.77)));border:0;position:absolute;right:calc(var(--tct-textarea-resize-icon-padding) * -1 + 2px);bottom:calc(var(--tct-textarea-resize-icon-padding) * -1 + 2px);display:block;padding:var(--tct-textarea-resize-icon-padding);font-size:0}.btn-resize:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}:host([resize='both']) .btn-resize{cursor:se-resize}:host([resize='vertical']) .btn-resize{cursor:s-resize}:host([resize='horizontal']) .btn-resize{cursor:e-resize}";export{h as q2_textarea}
+import{r as t,c as a,h as r,g as e}from"./p-9f992b04.js";import{c as o,s as n,m as i,l as s,a as c}from"./p-ea8d3941.js";const h=class{constructor(r){t(this,r),this.input=a(this,"input",7),this.change=a(this,"change",7),this.scheduledAfterRender=[],this.guid=o(),this.resize="vertical",this.checkRows=()=>{const{contentContainer:t,rows:a,textareaField:r,resize:e}=this;a&&!["none","horizontal"].includes(e)&&(t.style.height=t.offsetHeight+"px",r.removeAttribute("rows"))},this.checkCols=()=>{const{contentContainer:t,cols:a,textareaField:r,resize:e}=this;a&&!["none","vertical"].includes(e)&&(t.style.width=t.offsetWidth+"px",r.removeAttribute("cols"))},this.onTextareaFocus=()=>{this.hasFocus=!0,this.valueOnFocus=this.value,n(this)},this.onTextareaBlur=()=>{const{valueOnFocus:t,textareaField:{value:a}}=this;this.hasFocus=!1,n(this),t!==a&&this.change.emit({value:a})},this.onTextareaInput=t=>{t.stopPropagation(),this.input.emit({value:t.target.value})},this.onTextareaChange=t=>{t.stopPropagation(),this.change.emit({value:t.target.value})},this.onMouseDown=t=>{const{contentContainer:a}=this;this.downParams={width:a.offsetWidth,height:a.offsetHeight,x:t.clientX,y:t.clientY},document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)},this.onMouseMove=t=>{this.setHeight(t),this.setWidth(t)},this.onTouchStart=t=>{if(1!==t.touches.length)return;t.preventDefault();const{contentContainer:a}=this,r=t.touches[0];this.downParams={width:a.offsetWidth,height:a.offsetHeight,x:r.pageX,y:r.pageY},document.addEventListener("touchmove",this.onTouchMove),document.addEventListener("touchend",this.onTouchMove)},this.onTouchMove=t=>{this.setHeight(t),this.setWidth(t)},this.onMouseUp=()=>{document.removeEventListener("mousemove",this.onMouseMove),this.downParams=null}}componentDidRender(){this.scheduledAfterRender.push(this.checkRows,this.checkCols),this.scheduledAfterRender.forEach(t=>t()),this.scheduledAfterRender=[]}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return"input-guid-"+this.guid}get inputDescribedBy(){return this.showMessages?this.inputId+"-description":void 0}get wrapperClasses(){return`field-container${this.hasError?" has-error":""}${this.value?" has-value":""}${this.hasFocus?" has-focus":""}`}get showResize(){const{resize:t}=this;return t&&"none"!==t}valueObserver(){const{maxlength:t,value:a=""}=this;if(!t)return;const r=a.substr(0,t);r!==a&&this.change.emit({value:r})}rowsObserver(){this.contentContainer.style.height=null}colsObserver(){this.contentContainer.style.width=null}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push(()=>n(this))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push(()=>n(this))}onHostElementFocus(){this.textareaField.focus(),this.textareaField.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}setWidth(t){var a,r;const{contentContainer:e,resize:o,downParams:{width:n,x:i}}=this;if(!["both","horizontal"].includes(o))return;const s=t instanceof MouseEvent?t.clientX:null!==(r=null===(a=t.touches[0])||void 0===a?void 0:a.pageX)&&void 0!==r?r:0;e.style.width=n-(i-s)+"px"}setHeight(t){var a,r;const{contentContainer:e,resize:o,downParams:{height:n,y:i}}=this;if(!["both","vertical"].includes(o))return;const s=t instanceof MouseEvent?t.clientY:null!==(r=null===(a=t.touches[0])||void 0===a?void 0:a.pageY)&&void 0!==r?r:0;e.style.height=n-(i-s)+"px"}render(){return r("div",{class:this.wrapperClasses},this.label&&!this.hideLabel&&s(this),r("div",{class:"content-container",ref:t=>this.contentContainer=t},this.inputDOM(),this.maxlength?this.maxLengthDOM():"",i(this)))}maxLengthDOM(){var t;return r("div",{class:"max-length","aria-hidden":"true"},(null===(t=this.value)||void 0===t?void 0:t.length)||0,"/",this.maxlength)}inputDOM(){return r("div",{class:"input-container"},r("textarea",{id:this.inputId,placeholder:this.placeholder&&c(this.placeholder)||void 0,"test-id":"inputField",maxLength:this.maxlength,"aria-describedby":this.inputDescribedBy,"aria-invalid":""+this.hasError,"aria-required":""+!this.optional,"aria-label":this.hideLabel&&this.label,spellcheck:this.spellcheck,rows:this.rows||3,cols:this.cols,value:this.value,ref:t=>this.textareaField=t,readonly:!!this.readonly,disabled:!!this.disabled,maxlength:this.maxlength,onInput:this.onTextareaInput,onChange:this.onTextareaChange,onFocus:this.onTextareaFocus,onBlur:this.onTextareaBlur}),this.hasError?r("q2-icon",{type:"error",class:"icon-error"}):"",this.showResize&&r("button",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,class:"btn-resize","aria-label":c("tecton.element.input.resize"),tabIndex:-1},r("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M8.5 11.5l3-3m-7 3l7-7m-11 7l11-11",fill:"none","stroke-stroke-linecap":"square"}))))}get hostElement(){return e(this)}static get watchers(){return{value:["valueObserver"],rows:["rowsObserver"],cols:["colsObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};h.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-textarea-margin-top, var(--app-scale-6x, 30px));margin-bottom:var(--tct-textarea-margin-bottom, var(--app-scale-6x, 30px));font-size:var(--tct-textarea-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}label{display:block;padding-left:var(--tct-textarea-label-padding-left, 0);padding-right:var(--tct-textarea-label-padding-right, 0);margin-top:var(--tct-textarea-label-margin-top, 0);margin-bottom:var(\n        --tct-textarea-label-margin-bottom,\n        var(--tct-scale-1x, var(--app-scale-1x, 5px))\n    );color:var(--tct-textarea-label-font-color, inherit);font-size:var(--tct-textarea-label-font-size, inherit);font-weight:var(--tct-textarea-label-font-weight, 600);text-transform:var(--tct-textarea-label-text-transform, none);letter-spacing:var(--tct-textarea-label-letter-spacing, normal);-webkit-transition:color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n        --tct-textarea-label-optional-margin-left,\n        var(--tct-scale-1x, var(--app-scale-1x, 5px))\n    );color:var(\n        --tct-textarea-label-optional-font-color,\n        var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n    );font-size:var(--tct-textarea-label-optional-font-size, 12px);font-weight:var(--tct-textarea-label-optional-font-weight, 400)}.input-container{min-height:var(--q2-textarea-min-height, var(--tct-textarea-min-height));height:100%;--q2-textarea-border-top-left-radius:var(\n        --tct-textarea-border-top-left-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );--q2-textarea-border-top-right-radius:var(\n        --tct-textarea-border-top-right-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );--q2-textarea-border-bottom-right-radius:var(\n        --tct-textarea-border-bottom-right-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );--q2-textarea-border-bottom-left-radius:var(\n        --tct-textarea-border-bottom-left-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );--q2-textarea-border-radius:var(--q2-textarea-border-top-left-radius)\n        var(--q2-textarea-border-top-right-radius) var(--q2-textarea-border-bottom-right-radius)\n        var(--q2-textarea-border-bottom-left-radius);--q2-textarea-border-width:var(--tct-textarea-border-top-width, 1px)\n        var(--tct-textarea-border-right-width, 1px) var(--tct-textarea-border-bottom-width, 1px)\n        var(--tct-textarea-border-left-width, 1px);--q2-textarea-focus-border-width:var(--tct-textarea-focus-border-top-width, 1px)\n        var(--tct-textarea-focus-border-right-width, 1px)\n        var(--tct-textarea-focus-border-bottom-width, 1px)\n        var(--tct-textarea-focus-border-left-width, 1px);--q2-textarea-icon-clearance:34px}.content-container{--q2-textarea-min-height:44px;--q2-textarea-min-width:150px;position:relative;display:inline-block;min-height:var(--q2-textarea-min-height, var(--tct-textarea-min-height, 44px));min-width:var(--q2-textarea-min-width, var(--tct-textarea-min-width, 150px))}:host(:not([cols])) .content-container{width:100%}textarea{resize:none;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:var(--q2-textarea-min-height, var(--tct-textarea-min-height));padding:var(--tct-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))\n        var(--tct-textarea-horizontal-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)));background-color:var(\n        --tct-textarea-bg,\n        var(--t-input-bg, var(--tct-gray-14, var(--app-gray-14, #f2f2f2)))\n    );color:var(--tct-textarea-font-color, var(--t-input-font-color, inherit));border-width:var(--q2-textarea-border-width);border-style:solid;border-color:var(\n        --tct-textarea-border-color,\n        var(--t-input-border, var(--tct-gray-11, var(--app-gray-11, #cccccc)))\n    );border-radius:var(--q2-textarea-border-radius);-webkit-box-shadow:var(--tct-textarea-box-shadow, none);box-shadow:var(--tct-textarea-box-shadow, none);scrollbar-width:thin;scrollbar-color:var(--t-a11y-gray-color) transparent;-webkit-transition:border-width\n            var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        border-color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        -webkit-box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n            var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        border-color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        -webkit-box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n            var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        border-color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n            var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        border-color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n        -webkit-box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}textarea::-webkit-scrollbar{width:var(--app-scale-1x);height:var(--app-scale-1x);margin:var(--app-scale-1x)}textarea::-webkit-scrollbar-thumb{background:var(--t-a11y-gray-color);border-radius:2px}textarea::-webkit-scrollbar-track{background:transparent}textarea:not([cols]){width:100%}textarea:focus{border-width:var(--q2-textarea-focus-border-width, 1px);border-color:var(\n        --tct-textarea-focus-border-color,\n        var(--t-input-focus, var(--tct-gray-9, var(--app-gray-9, #999999)))\n    );-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n        var(--tct-textarea-focus-box-shadow, 0 0 transparent);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n        var(--tct-textarea-focus-box-shadow, 0 0 transparent)}textarea::-webkit-input-placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}textarea::-moz-placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}textarea:-ms-input-placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}textarea::-ms-input-placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}textarea::placeholder{color:var(\n        --tct-textarea-placeholder-font-color,\n        var(\n            --t-input-placeholder-font-color,\n            var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n        )\n    )}q2-icon{margin-top:calc(var(--tct-textarea-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-textarea-border-bottom-width, 1px) / 2);pointer-events:none;position:absolute;top:var(--tct-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)));color:var(\n        --tct-textarea-icon-stroke-primary,\n        var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))\n    );right:0;margin-right:var(--tct-scale-2x, var(--app-scale-2x, 10px));--tct-icon-stroke-primary:var(\n        --tct-textarea-icon-stroke-primary,\n        var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n    );--t-icon-stroke-primary:var(\n        --tct-textarea-icon-stroke-primary,\n        var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n    )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.messages-container{height:0px;overflow:hidden;background-color:var(\n        --tct-message-bg,\n        var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n    );-webkit-box-shadow:var(\n        --tct-textarea-message-box-shadow,\n        var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n    );box-shadow:var(\n        --tct-textarea-message-box-shadow,\n        var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n    );-webkit-transition:height\n        var(--tct-textarea-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));transition:height\n        var(--tct-textarea-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-textarea-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n        --tct-textarea-disabled-opacity,\n        var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n    )}textarea[disabled]{cursor:not-allowed}.has-error textarea{padding-right:var(--q2-textarea-icon-clearance)}.has-error label{color:var(\n        --tct-textarea-error-label-font-color,\n        var(--tct-textarea-label-font-color, inherit)\n    )}.has-error textarea:not(:focus){border-color:var(--tct-textarea-error-border-color, var(--const-stoplight-alert, #c30000))}.max-length{color:var(--tct-textarea-max-length-color, var(--t-textA, rgba(77, 77, 77, 0.77)));font-size:var(\n        --tct-textarea-max-length-font-size,\n        var(--tct-font-size-small, var(--app-font-size-small, 12px))\n    );position:absolute;right:0}.btn-resize{--tct-textarea-resize-icon-padding:calc(\n        calc(\n                var(--tct-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px)) -\n                    var(--tct-textarea-resize-icon-size, 12px)\n            ) / 2\n    );width:var(--tct-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px));height:var(--tct-textarea-resize-btn-height, var(--tct-btn-icon-height, 44px));background:var(--tct-textarea-resize-btn-background, transparent);stroke:var(--tct-textarea-resize-color, var(--t-textA, rgba(77, 77, 77, 0.77)));border:0;position:absolute;right:calc(var(--tct-textarea-resize-icon-padding) * -1 + 2px);bottom:calc(var(--tct-textarea-resize-icon-padding) * -1 + 2px);display:block;padding:var(--tct-textarea-resize-icon-padding);font-size:0}.btn-resize:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}:host([resize='both']) .btn-resize{cursor:se-resize}:host([resize='vertical']) .btn-resize{cursor:s-resize}:host([resize='horizontal']) .btn-resize{cursor:e-resize}";export{h as q2_textarea}

package/dist/q2-tecton-elements/{p-a1f5353d.entry.js → p-a1809259.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,g as s}from"./p-f844ee08.js";const n=class{constructor(e){t(this,e),this.input=i(this,"input",7),this.change=i(this,"change",7),this.value="",this.editing=!1,this.label="",this.scheduledAfterRender=[],this.inputInput=t=>{t.stopPropagation(),this.input.emit(t.detail),this.formattedValue=t.detail.formattedValue,this.innerValue=t.detail.value},this.inputChange=t=>{t.stopPropagation()},this.inputKeyDown=t=>"Escape"===t.key||"Esc"===t.key?(t.preventDefault(),void this.cancelClick()):"Enter"===t.key?(t.preventDefault(),void this.saveClick()):void 0,this.inputClick=t=>{t.stopPropagation()},this.saveClick=t=>{t&&t.stopPropagation();const i=this.hostElement.shadowRoot.querySelector("q2-input").value;this.change.emit({editing:!1,name:"save",value:this.innerValue||i,formattedValue:this.formattedValue||i})},this.editClick=t=>{t.stopPropagation(),this.change.emit({editing:!0,name:"edit"})},this.cancelClick=t=>{t&&t.stopPropagation(),this.change.emit({editing:!1,name:"cancel"})}}loc(t,i){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,i):t}get locLabel(){return this.label&&this.loc(this.label)||""}get locAriaLabel(){return!this.label&&this.ariaLabel&&this.loc(this.ariaLabel)||void 0}componentDidRender(){this.scheduledAfterRender.forEach(t=>t()),this.scheduledAfterRender=[]}observesEditing(t,i){t!==i&&this.scheduledAfterRender.push(t?()=>{this.hostElement.shadowRoot.querySelector("q2-input").dispatchEvent(new FocusEvent("focus"))}:()=>{this.hostElement.shadowRoot.querySelector(".begin-edit").dispatchEvent(new FocusEvent("focus"))})}get wrapperClass(){return"q2-editable-field-wrapper "+(this.editing?"editing":"")}onHostElementChange(t){event.target!==this.hostElement||this.hostElement.onchange||("save"===t.detail.name&&(this.value=t.detail.value),this.editing=t.detail.editing)}render(){return e("div",null,this.generateEditStateDOM(),this.generateReadStateDOM())}generateEditStateDOM(){return e("div",{class:this.wrapperClass,hidden:!this.editing},e("q2-input",{label:this.locLabel,ariaLabel:this.locAriaLabel,value:this.value,hints:Array.isArray(this.hints)&&this.hints.map(t=>this.loc(t))||void 0,errors:Array.isArray(this.errors)&&this.errors.map(t=>this.loc(t))||void 0,type:this.type,formatModifier:this.formatModifier,maxlength:this.maxlength,"test-id":"editableInput",onInput:this.inputInput,onChange:this.inputChange,onKeyDown:this.inputKeyDown,onClick:this.inputClick}),e("q2-btn",{class:"cancel-edit",icon:!0,ariaLabel:`${this.loc("tecton.element.editableField.cancel")} ${this.locLabel||this.locAriaLabel||""}`,"test-id":"cancelButton",onClick:this.cancelClick},e("q2-icon",{type:"close"})),e("q2-btn",{class:"save-edit",icon:!0,ariaLabel:`${this.loc("tecton.element.editableField.save")} ${this.locLabel||this.locAriaLabel||""}`,"test-id":"saveButton",onClick:this.saveClick},e("q2-icon",{type:"checkmark"})))}generateReadStateDOM(){return this.persistentLabel&&this.locLabel?e("div",{class:this.wrapperClass,hidden:this.editing},e("dl",null,e("dt",{class:"read-state-label"},this.locLabel),e("dd",null,e("span",{class:"text-wrapper"},this.value),this.generateEditBtn()))):e("div",{class:this.wrapperClass,hidden:this.editing},e("div",{class:"text-wrapper"},this.value),this.generateEditBtn())}generateEditBtn(){return e("q2-btn",{class:"begin-edit",icon:!0,ariaLabel:`${this.loc("tecton.element.editableField.edit")} ${this.locLabel||this.locAriaLabel||""}`,"test-id":"editButton",onClick:this.editClick},e("q2-icon",{type:"edit"}))}get hostElement(){return s(this)}static get watchers(){return{editing:["observesEditing"]}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;max-width:100%}.q2-editable-field-wrapper:not([hidden]){display:-ms-flexbox;display:flex}.q2-editable-field-wrapper.editing{-ms-flex-align:end;align-items:flex-end}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2, 10px)) 0 0}q2-input{-ms-flex:1 0 auto;flex:1 0 auto;min-width:170px}.text-wrapper{-ms-flex:0 auto;flex:0 auto;-ms-flex-item-align:center;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}q2-btn{-ms-flex:0 0 44px;flex:0 0 44px}dl{margin:var(--tct-scale-0, var(--app-scale-0, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0, 0));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";export{n as q2_editable_field}
+import{r as t,c as i,h as e,g as s}from"./p-9f992b04.js";const n=class{constructor(e){t(this,e),this.input=i(this,"input",7),this.change=i(this,"change",7),this.value="",this.editing=!1,this.label="",this.scheduledAfterRender=[],this.inputInput=t=>{t.stopPropagation(),this.input.emit(t.detail),this.formattedValue=t.detail.formattedValue,this.innerValue=t.detail.value},this.inputChange=t=>{t.stopPropagation()},this.inputKeyDown=t=>"Escape"===t.key||"Esc"===t.key?(t.preventDefault(),void this.cancelClick()):"Enter"===t.key?(t.preventDefault(),void this.saveClick()):void 0,this.inputClick=t=>{t.stopPropagation()},this.saveClick=t=>{t&&t.stopPropagation();const i=this.hostElement.shadowRoot.querySelector("q2-input").value;this.change.emit({editing:!1,name:"save",value:this.innerValue||i,formattedValue:this.formattedValue||i})},this.editClick=t=>{t.stopPropagation(),this.change.emit({editing:!0,name:"edit"})},this.cancelClick=t=>{t&&t.stopPropagation(),this.change.emit({editing:!1,name:"cancel"})}}loc(t,i){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,i):t}get locLabel(){return this.label&&this.loc(this.label)||""}get locAriaLabel(){return!this.label&&this.ariaLabel&&this.loc(this.ariaLabel)||void 0}componentDidRender(){this.scheduledAfterRender.forEach(t=>t()),this.scheduledAfterRender=[]}observesEditing(t,i){t!==i&&this.scheduledAfterRender.push(t?()=>{this.hostElement.shadowRoot.querySelector("q2-input").dispatchEvent(new FocusEvent("focus"))}:()=>{this.hostElement.shadowRoot.querySelector(".begin-edit").dispatchEvent(new FocusEvent("focus"))})}get wrapperClass(){return"q2-editable-field-wrapper "+(this.editing?"editing":"")}onHostElementChange(t){event.target!==this.hostElement||this.hostElement.onchange||("save"===t.detail.name&&(this.value=t.detail.value),this.editing=t.detail.editing)}render(){return e("div",null,this.generateEditStateDOM(),this.generateReadStateDOM())}generateEditStateDOM(){return e("div",{class:this.wrapperClass,hidden:!this.editing},e("q2-input",{label:this.locLabel,ariaLabel:this.locAriaLabel,value:this.value,hints:Array.isArray(this.hints)&&this.hints.map(t=>this.loc(t))||void 0,errors:Array.isArray(this.errors)&&this.errors.map(t=>this.loc(t))||void 0,type:this.type,formatModifier:this.formatModifier,maxlength:this.maxlength,"test-id":"editableInput",onInput:this.inputInput,onChange:this.inputChange,onKeyDown:this.inputKeyDown,onClick:this.inputClick}),e("q2-btn",{class:"cancel-edit",icon:!0,ariaLabel:`${this.loc("tecton.element.editableField.cancel")} ${this.locLabel||this.locAriaLabel||""}`,"test-id":"cancelButton",onClick:this.cancelClick},e("q2-icon",{type:"close"})),e("q2-btn",{class:"save-edit",icon:!0,ariaLabel:`${this.loc("tecton.element.editableField.save")} ${this.locLabel||this.locAriaLabel||""}`,"test-id":"saveButton",onClick:this.saveClick},e("q2-icon",{type:"checkmark"})))}generateReadStateDOM(){return this.persistentLabel&&this.locLabel?e("div",{class:this.wrapperClass,hidden:this.editing},e("dl",null,e("dt",{class:"read-state-label"},this.locLabel),e("dd",null,e("span",{class:"text-wrapper"},this.value),this.generateEditBtn()))):e("div",{class:this.wrapperClass,hidden:this.editing},e("div",{class:"text-wrapper"},this.value),this.generateEditBtn())}generateEditBtn(){return e("q2-btn",{class:"begin-edit",icon:!0,ariaLabel:`${this.loc("tecton.element.editableField.edit")} ${this.locLabel||this.locAriaLabel||""}`,"test-id":"editButton",onClick:this.editClick},e("q2-icon",{type:"edit"}))}get hostElement(){return s(this)}static get watchers(){return{editing:["observesEditing"]}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;max-width:100%}.q2-editable-field-wrapper:not([hidden]){display:-ms-flexbox;display:flex}.q2-editable-field-wrapper.editing{-ms-flex-align:end;align-items:flex-end}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2, 10px)) 0 0}q2-input{-ms-flex:1 0 auto;flex:1 0 auto;min-width:170px}.text-wrapper{-ms-flex:0 auto;flex:0 auto;-ms-flex-item-align:center;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}q2-btn{-ms-flex:0 0 44px;flex:0 0 44px}dl{margin:var(--tct-scale-0, var(--app-scale-0, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0, 0));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";export{n as q2_editable_field}

package/dist/q2-tecton-elements/{p-37a7d31b.entry.js → p-a41d38c7.entry.js}

@@ -1 +1 @@
-import{r as e,h as i}from"./p-f844ee08.js";import{s as t}from"./p-83aebf26.js";const r=class{constructor(t){e(this,t),this.halfCircleSpinner=()=>i("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedAriaLabel},i("div",{class:"circle circle-1"}),i("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>i("div",{class:"q2-loading-skeleton","aria-label":this.localizedAriaLabel},"custom"===this.shape?i("slot",null):this.skeletonShape,i("div",{class:"q2-loading-skeleton-shimmer"}))}get loader(){const e={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return e[this.type]||e.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var e,i;return null!==(i=null===(e=t[this.shape])||void 0===e?void 0:e.call(t,this.countsArray,this.modifiersSet))&&void 0!==i?i:""}get spinnerShape(){const e={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return e[this.type]||e.default}get localizedAriaLabel(){return this.loc(this.ariaLabel||"tecton.element.loading.ariaLabel")}loc(e,i){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,i):e}render(){return this.loader()}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:-ms-flexbox;display:flex}.flex-center{-ms-flex-pack:center;justify-content:center}.flex-left{-ms-flex-pack:start;justify-content:flex-start}.flex-right{-ms-flex-pack:end;justify-content:flex-end}.flex-v-center{-ms-flex-align:center;align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*='inline']){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*='inline'])){font-size:var(--tct-loading-spinner-size, var(--tct-scale-5, var(--app-scale-5, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{-webkit-box-sizing:border-box;box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:calc(1em / 12) solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, #2e2e2e));-webkit-animation:half-circle-spinner-animation 1s infinite;animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(\n        --tct-loading-secondary-color,\n        var(--t-loading-secondary-color, #cccccc)\n    );-webkit-animation:half-circle-spinner-animation 1s infinite alternate;animation:half-circle-spinner-animation 1s infinite alternate}@-webkit-keyframes half-circle-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes half-circle-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--q2-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--q2-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--q2-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;-webkit-animation:skeletonShimmer 3s ease-in-out infinite;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--q2-loading-skeleton-shimmer-color);-webkit-box-shadow:0 0 25px 20px var(--q2-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--q2-loading-skeleton-shimmer-color);-webkit-transform:rotate(10deg);transform:rotate(10deg)}.skeleton-shape:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px))\n        var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.circle{border-radius:50%}.flex .rectangle{-ms-flex-positive:1;flex-grow:1}.skeleton-table-row .rectangle{margin:var(--q2-loading-skeleton-vertical-gap) var(--q2-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){-ms-flex-positive:2;flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--q2-loading-skeleton-horizontal-gap)}.form{-ms-flex-wrap:wrap;flex-wrap:wrap}.form .field{margin:var(--q2-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{-ms-flex-preferred-size:100%;flex-basis:100%}.form.columns-2 .field{-ms-flex-preferred-size:50%;flex-basis:50%}.form.columns-3 .field{-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%}.form.columns-4 .field{-ms-flex-preferred-size:25%;flex-basis:25%}.form.columns-5 .field{-ms-flex-preferred-size:20%;flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{-ms-flex-wrap:wrap;flex-wrap:wrap}.detailed-item.right{-ms-flex-flow:row-reverse;flex-flow:row-reverse}.detailed-item-image{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-inline-flexbox;display:inline-flex}.center .detailed-item-image{-ms-flex-preferred-size:100%;flex-basis:100%;display:-ms-flexbox;display:flex}.detailed-item-image .rectangle{-ms-flex-positive:0;flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{-ms-flex:1 1 auto;flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{-ms-flex-wrap:wrap;flex-wrap:wrap}.label-value .rectangle{-ms-flex-preferred-size:calc(50% - 2 * var(--q2-loading-skeleton-horizontal-gap));flex-basis:calc(50% - 2 * var(--q2-loading-skeleton-horizontal-gap))}@-webkit-keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{r as q2_loading}
+import{r as e,h as i}from"./p-9f992b04.js";import{s as t}from"./p-32741666.js";const r=class{constructor(t){e(this,t),this.halfCircleSpinner=()=>i("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedAriaLabel},i("div",{class:"circle circle-1"}),i("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>i("div",{class:"q2-loading-skeleton","aria-label":this.localizedAriaLabel},"custom"===this.shape?i("slot",null):this.skeletonShape,i("div",{class:"q2-loading-skeleton-shimmer"}))}get loader(){const e={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return e[this.type]||e.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var e,i;return null!==(i=null===(e=t[this.shape])||void 0===e?void 0:e.call(t,this.countsArray,this.modifiersSet))&&void 0!==i?i:""}get spinnerShape(){const e={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return e[this.type]||e.default}get localizedAriaLabel(){return this.loc(this.ariaLabel||"tecton.element.loading.ariaLabel")}loc(e,i){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,i):e}render(){return this.loader()}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:-ms-flexbox;display:flex}.flex-center{-ms-flex-pack:center;justify-content:center}.flex-left{-ms-flex-pack:start;justify-content:flex-start}.flex-right{-ms-flex-pack:end;justify-content:flex-end}.flex-v-center{-ms-flex-align:center;align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*='inline']){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*='inline'])){font-size:var(--tct-loading-spinner-size, var(--tct-scale-5, var(--app-scale-5, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{-webkit-box-sizing:border-box;box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:calc(1em / 12) solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, #2e2e2e));-webkit-animation:half-circle-spinner-animation 1s infinite;animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(\n        --tct-loading-secondary-color,\n        var(--t-loading-secondary-color, #cccccc)\n    );-webkit-animation:half-circle-spinner-animation 1s infinite alternate;animation:half-circle-spinner-animation 1s infinite alternate}@-webkit-keyframes half-circle-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes half-circle-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--q2-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--q2-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--q2-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;-webkit-animation:skeletonShimmer 3s ease-in-out infinite;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--q2-loading-skeleton-shimmer-color);-webkit-box-shadow:0 0 25px 20px var(--q2-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--q2-loading-skeleton-shimmer-color);-webkit-transform:rotate(10deg);transform:rotate(10deg)}.skeleton-shape:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px))\n        var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.circle{border-radius:50%}.flex .rectangle{-ms-flex-positive:1;flex-grow:1}.skeleton-table-row .rectangle{margin:var(--q2-loading-skeleton-vertical-gap) var(--q2-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){-ms-flex-positive:2;flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--q2-loading-skeleton-horizontal-gap)}.form{-ms-flex-wrap:wrap;flex-wrap:wrap}.form .field{margin:var(--q2-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{-ms-flex-preferred-size:100%;flex-basis:100%}.form.columns-2 .field{-ms-flex-preferred-size:50%;flex-basis:50%}.form.columns-3 .field{-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%}.form.columns-4 .field{-ms-flex-preferred-size:25%;flex-basis:25%}.form.columns-5 .field{-ms-flex-preferred-size:20%;flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{-ms-flex-wrap:wrap;flex-wrap:wrap}.detailed-item.right{-ms-flex-flow:row-reverse;flex-flow:row-reverse}.detailed-item-image{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-inline-flexbox;display:inline-flex}.center .detailed-item-image{-ms-flex-preferred-size:100%;flex-basis:100%;display:-ms-flexbox;display:flex}.detailed-item-image .rectangle{-ms-flex-positive:0;flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{-ms-flex:1 1 auto;flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{-ms-flex-wrap:wrap;flex-wrap:wrap}.label-value .rectangle{-ms-flex-preferred-size:calc(50% - 2 * var(--q2-loading-skeleton-horizontal-gap));flex-basis:calc(50% - 2 * var(--q2-loading-skeleton-horizontal-gap))}@-webkit-keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{r as q2_loading}