q2-tecton-elements 1.44.0 → 1.45.0

package/dist/q2-tecton-elements/p-3b1ea100.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as a,g as e}from"./p-a5f18e27.js";import{c as o,s as i,o as n,i as s,m as c,e as l,l as h}from"./p-42302f6f.js";const d="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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{--comp-default-margin:var(--tct-textarea-margin-top, var(--t-textarea-margin-top, var(--app-scale-6x, 30px))) 0 var(--tct-textarea-margin-bottom, var(--t-textarea-margin-bottom, var(--app-scale-6x, 30px)));display:block;margin:var(--tct-textarea-margin, var(--comp-default-margin));font-size:var(--tct-textarea-font-size, var(--t-textarea-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}label{--comp-label-padding:var(--tct-textarea-label-padding, 0 var(--tct-textarea-label-padding-right, var(--t-textarea-label-padding-right, 0)) 0 var(--tct-textarea-label-padding-left, var(--t-textarea-label-padding-left, 0)));--comp-label-margin:var(--tct-textarea-label-margin, var(--tct-textarea-label-margin-top, var(--t-textarea-label-margin-top, 0)) 0 var(--tct-textarea-label-margin-bottom, var(--t-textarea-label-margin-bottom, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));display:block;padding:var(--comp-label-padding);margin:var(--comp-label-margin);color:var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit));font-size:var(--tct-textarea-label-font-size, var(--t-textarea-label-font-size, inherit));font-weight:var(--tct-textarea-label-font-weight, var(--t-textarea-label-font-weight, 600));text-transform:var(--tct-textarea-label-text-transform, var(--t-textarea-label-text-transform, none));letter-spacing:var(--tct-textarea-label-letter-spacing, var(--t-textarea-label-letter-spacing, normal));transition:color var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}.has-error label{color:var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-label-font-color, inherit)))}:hover label{color:var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}.has-error :hover label{color:var(--tct-textarea-error-hover-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, inherit)))))}:focus-within label{color:var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}.has-error :focus-within label{color:var(--tct-textarea-error-focus-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit))))))}.optional-tag{--comp-label-optional-margin:var(--tct-textarea-label-optional-margin, 0 0 0 var(--tct-textarea-label-optional-margin-left, var(--t-textarea-label-optional-margin-left, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));margin:var(--comp-label-optional-margin);color:var(--tct-textarea-label-optional-font-color, var(--t-textarea-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-textarea-label-optional-font-size, var(--t-textarea-label-optional-font-size, 12px));font-weight:var(--tct-textarea-label-optional-font-weight, var(--t-textarea-label-optional-font-weight, 400))}.input-container{min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));height:100%;--comp-default-border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 3px));--comp-textarea-border-top-left-radius:var(--tct-textarea-border-top-left-radius, var(--t-textarea-border-top-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-top-right-radius:var(--tct-textarea-border-top-right-radius, var(--t-textarea-border-top-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-right-radius:var(--tct-textarea-border-bottom-right-radius, var(--t-textarea-border-bottom-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-left-radius:var(--tct-textarea-border-bottom-left-radius, var(--t-textarea-border-bottom-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-radius:var(--comp-textarea-border-top-left-radius)\n      var(--comp-textarea-border-top-right-radius) var(--comp-textarea-border-bottom-right-radius)\n      var(--comp-textarea-border-bottom-left-radius);--comp-textarea-border-width:var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) var(--tct-textarea-border-right-width, var(--t-textarea-border-right-width, 1px)) var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) var(--tct-textarea-border-left-width, var(--t-textarea-border-left-width, 1px));--comp-textarea-icon-clearance:34px}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(--tct-textarea-disabled-opacity, var(--t-textarea-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.content-container{--comp-textarea-min-height:46px;--comp-textarea-min-width:150px;position:relative;display:inline-block;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));min-width:var(--tct-textarea-min-width, var(--t-textarea-min-width, var(--comp-textarea-min-width)))}:host(:not([cols])) .content-container{width:100%}textarea{--comp-textarea-padding:var(--tct-textarea-padding, var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))) var(--tct-textarea-horizontal-padding, var(--t-textarea-horizontal-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))));--comp-textarea-border-color:var(--tct-textarea-border-color, var(--t-textarea-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #949494)))));--comp-textarea-background:var(--tct-textarea-background, var(--tct-textarea-bg, var(--t-textarea-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd)))))));--comp-textarea-hover-ring-color:var(--tct-textarea-hover-ring-color);--comp-textarea-hover-ring:0 0 0 2px var(--t-base), 0 0 0 4px var(--comp-textarea-hover-ring-color), var(--tct-textarea-hover-box-shadow, 0 0 transparent);resize:none;height:100%;-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));padding:var(--comp-textarea-padding);background:var(--comp-textarea-background);color:var(--tct-textarea-font-color, var(--t-textarea-font-color, var(--t-input-font-color, inherit)));border-width:var(--comp-textarea-border-width);border-style:solid;border-color:var(--comp-textarea-border-color);border-radius:var(--comp-textarea-border-radius);box-shadow:var(--tct-textarea-box-shadow, var(--t-textarea-box-shadow, none));scrollbar-width:thin;scrollbar-color:var(--t-a11y-gray-color) transparent;--comp-textarea-tween:var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))));transition:border-width var(--comp-textarea-tween), border-color var(--comp-textarea-tween), box-shadow var(--comp-textarea-tween)}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%}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance);border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-background, var(--comp-textarea-background))}textarea:hover{border-color:var(--tct-textarea-hover-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-hover-background, var(--comp-textarea-background));box-shadow:var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))}.has-error textarea:hover{border-color:var(--tct-textarea-error-hover-border-color, var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a))));background:var(--tct-textarea-error-hover-background, var(--tct-textarea-error-background, var(--comp-textarea-background)));box-shadow:var(--tct-textarea-error-hover-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))))}textarea:focus{border-color:var(--tct-textarea-focus-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-focus-background, var(--comp-textarea-background));box-shadow:var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))}.has-error textarea:focus{border-color:var(--tct-textarea-error-focus-border-color, var(--tct-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-focus-background, var(--tct-textarea-error-background, var(--tct-textarea-focus-background, var(--comp-textarea-background))));box-shadow:var(--tct-textarea-error-focus-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))))}textarea::placeholder{color:var(--tct-textarea-placeholder-font-color, var(--t-textarea-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))))}textarea[disabled]{cursor:not-allowed}textarea.resize-vertical-auto{overflow:hidden}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance)}.has-error textarea:not(:focus){border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)))}q2-icon{margin-top:calc(var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) / 2);pointer-events:none;position:absolute;top:var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px))));color:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))));right:0;margin-right:var(--tct-scale-2x, var(--app-scale-2x, 10px));--tct-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))));--t-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))))}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}.messages-container{height:0px;overflow:hidden;background:var(--tct-message-background, var(--tct-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));box-shadow:var(--tct-textarea-message-box-shadow, var(--t-textarea-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))));transition:height var(--tct-textarea-messages-tween, var(--t-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, var(--t-textarea-messages-font-color, inherit))}.max-length{color:var(--tct-textarea-max-length-color, var(--t-textarea-max-length-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-textarea-max-length-font-size, var(--t-textarea-max-length-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));position:absolute;right:0}.btn-resize{--tct-textarea-resize-icon-padding:calc(\n      calc(\n              var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px))) - var(--tct-textarea-resize-icon-size, var(--t-textarea-resize-icon-size, 12px))\n          ) / 2\n  );width:var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px)));height:var(--tct-textarea-resize-btn-height, var(--t-textarea-resize-btn-height, var(--tct-btn-icon-height, 44px)));background:var(--tct-textarea-resize-btn-background, var(--t-textarea-resize-btn-background, transparent));stroke:var(--tct-textarea-resize-color, var(--t-textarea-resize-color, var(--t-textA, rgba(77, 77, 77, 0.77))));border:0;position:absolute;right:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);bottom:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);display:block;padding:var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding));font-size:0}.btn-resize:focus{outline:none;box-shadow:none}:host([resize=both]) .btn-resize{cursor:se-resize}:host([resize=vertical]) .btn-resize,:host([resize=vertical-auto]) .btn-resize{cursor:s-resize}:host([resize=horizontal]) .btn-resize{cursor:e-resize}";const v=d;const x=class{constructor(a){t(this,a);this.input=r(this,"input",7);this.change=r(this,"change",7);this.scheduledAfterRender=[];this.guid=o();this.checkRows=()=>{const{contentContainer:t,rows:r,textareaField:a,resize:e}=this;if(!r||["none","horizontal"].includes(e))return;t.style.height=`${t.offsetHeight}px`;a.removeAttribute("rows")};this.checkCols=()=>{const{contentContainer:t,cols:r,textareaField:a,resize:e}=this;if(!r||["none","vertical"].includes(e))return;t.style.width=`${t.offsetWidth}px`;a.removeAttribute("cols")};this.onTextareaFocus=()=>{this.hasFocus=true;this.valueOnFocus=this.value;i(this)};this.onTextareaBlur=()=>{const{valueOnFocus:t,textareaField:{value:r}}=this;this.hasFocus=false;i(this);if(t!==r)this.change.emit({value:r})};this.onTextareaInput=t=>{t.stopPropagation();const r=t.target.value;this.increaseHeightIfOverflowing();this.input.emit({value:r})};this.onTextareaChange=t=>{t.stopPropagation();const r=t.target.value;this.change.emit({value:r})};this.onMouseDown=t=>{const{contentContainer:r}=this;this.downParams={width:r.offsetWidth,height:r.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(t.touches.length!==1)return;t.preventDefault();const{contentContainer:r}=this;const a=t.touches[0];this.downParams={width:r.offsetWidth,height:r.offsetHeight,x:a.pageX,y:a.pageY};document.addEventListener("touchmove",this.onTouchMove);document.addEventListener("touchend",this.onTouchMove)};this.onTouchMove=t=>{this.setHeight(t);this.setWidth(t)};this.increaseHeightIfOverflowing=()=>{const{scrollHeight:t}=this.textareaField;if(this.resize==="vertical-auto"&&this.isOverflowingVertically()){const r=t+this.getBorderOffset();this.contentContainer.style.height=`${r}px`}};this.isOverflowingVertically=()=>{const{clientHeight:t,scrollHeight:r}=this.textareaField;return r>t};this.getBorderOffset=()=>{const t=window.getComputedStyle(this.textareaField);return parseInt(t.borderTopWidth,10)+parseInt(t.borderBottomWidth,10)};this.onMouseUp=()=>{document.removeEventListener("mousemove",this.onMouseMove);this.downParams=null};this.cols=undefined;this.disabled=undefined;this.errors=undefined;this.hints=undefined;this.hideLabel=undefined;this.hideMessages=undefined;this.label=undefined;this.maxlength=undefined;this.optional=undefined;this.placeholder=undefined;this.readonly=undefined;this.resize="vertical";this.rows=undefined;this.spellcheck=undefined;this.value=undefined;this.hasFocus=undefined;this.downParams=undefined}componentWillLoad(){if(isNaN(this.maxlength)){this.maxlength=undefined}}componentDidRender(){this.scheduledAfterRender.push(this.checkRows,this.checkCols,this.increaseHeightIfOverflowing);this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}componentDidLoad(){n(this.hostElement)}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`:undefined}get wrapperClasses(){const t=this.hasError?" has-error":"";const r=!!this.value?" has-value":"";const a=this.hasFocus?" has-focus":"";return`field-container${t}${r}${a}`}get showResize(){const{resize:t}=this;return t&&t!=="none"}valueObserver(){const{maxlength:t,value:r=""}=this;if(!t)return;const a=r.substr(0,t);if(a===r)return;this.change.emit({value:a})}rowsObserver(){this.contentContainer.style.height=null}colsObserver(){this.contentContainer.style.width=null}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>i(this)))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>i(this)))}onHostElementFocus(t){if(!s(t,this.hostElement))return;this.textareaField.focus()}onHostElementChange(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail.value}}onHostElementInput(t){if(t.target===this.hostElement&&!this.hostElement.oninput){this.value=t.detail.value}}setValue(t){const{textareaField:r}=this;r.focus();r.value=t;r.dispatchEvent(new InputEvent("input"))}setWidth(t){var r,a;const{contentContainer:e,resize:o,downParams:{width:i,x:n}}=this;const s=["both","horizontal"].includes(o);if(!s)return;const c=t instanceof MouseEvent?t.clientX:(a=(r=t.touches[0])===null||r===void 0?void 0:r.pageX)!==null&&a!==void 0?a:0;const l=i-(n-c);e.style.width=`${l}px`}setHeight(t){var r,a;const{contentContainer:e,resize:o,downParams:{height:i,y:n}}=this;const s=["both","vertical","vertical-auto"].includes(o);if(!s)return;const c=t instanceof MouseEvent?t.clientY:(a=(r=t.touches[0])===null||r===void 0?void 0:r.pageY)!==null&&a!==void 0?a:0;const l=i-(n-c);if(o!=="vertical-auto"||l>i||o==="vertical-auto"&&!this.isOverflowingVertically()){e.style.height=`${l}px`}}render(){return a("div",{key:"dc6f1027bf094f312023641cf17b5cd70a5e9c76",class:this.wrapperClasses},l(this),a("div",{key:"8b329ded6e721ed344e765dc7c2d76dfaada8cfe",class:"content-container",ref:t=>this.contentContainer=t},this.inputDOM(),this.maxlength?this.maxLengthDOM():"",c(this)))}maxLengthDOM(){var t;return a("div",{class:"max-length","aria-hidden":"true"},((t=this.value)===null||t===void 0?void 0:t.length)||0,"/",this.maxlength)}inputDOM(){const t=this.resize==="vertical-auto"?"resize-vertical-auto":"";return a("div",{class:"input-container"},a("textarea",{id:this.inputId,class:t,placeholder:this.placeholder&&h(this.placeholder)||undefined,"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?a("q2-icon",{type:"error",class:"icon-error"}):"",this.showResize&&a("button",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,class:"btn-resize","aria-label":h("tecton.element.input.resize"),tabIndex:-1},a("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},a("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"]}}};x.style=v;export{x as q2_textarea};
+//# sourceMappingURL=p-3b1ea100.entry.js.map

package/dist/q2-tecton-elements/p-3b1ea100.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["q2TextareaCss","Q2TextareaStyle0","Q2Textarea","this","scheduledAfterRender","guid","createGuid","checkRows","contentContainer","rows","textareaField","resize","includes","style","height","offsetHeight","removeAttribute","checkCols","cols","width","offsetWidth","onTextareaFocus","hasFocus","valueOnFocus","value","setMessageHeight","onTextareaBlur","change","emit","onTextareaInput","event","stopPropagation","target","increaseHeightIfOverflowing","input","onTextareaChange","onMouseDown","downParams","x","clientX","y","clientY","document","addEventListener","onMouseMove","onMouseUp","setHeight","setWidth","onTouchStart","touches","length","preventDefault","firstTouch","pageX","pageY","onTouchMove","scrollHeight","isOverflowingVertically","newHeight","getBorderOffset","clientHeight","computedStyle","window","getComputedStyle","parseInt","borderTopWidth","borderBottomWidth","removeEventListener","componentWillLoad","isNaN","maxlength","undefined","componentDidRender","push","forEach","fn","componentDidLoad","overrideFocus","hostElement","hasError","Array","isArray","errors","messages","hints","showMessages","hideMessages","inputId","inputDescribedBy","wrapperClasses","errorClass","valueClass","focusClass","showResize","valueObserver","truncatedValue","substr","rowsObserver","colsObserver","hintsObserver","errorsObserver","onHostElementFocus","isEventFromElement","focus","onHostElementChange","onchange","detail","onHostElementInput","oninput","setValue","dispatchEvent","InputEvent","resizeX","eventX","MouseEvent","_b","_a","newWidth","resizeY","eventY","render","h","key","class","labelDOM","ref","el","inputDOM","maxLengthDOM","messagesDOM","textareaClasses","id","placeholder","loc","maxLength","optional","hideLabel","label","spellcheck","readonly","disabled","onInput","onChange","onFocus","onBlur","type","tabIndex","viewBox","xmlns","d","fill"],"sources":["src/components/q2-textarea/q2-textarea.scss?tag=q2-textarea&encapsulation=shadow","src/components/q2-textarea/q2-textarea.tsx"],"sourcesContent":["@import '../../styles/host';\n@import '../../styles/functions';\n\n:host {\n    --comp-default-margin: #{var-list(var-prefixer(textarea-margin-top), --app-scale-6x, 30px)} 0 #{var-list(\n            var-prefixer(textarea-margin-bottom),\n            --app-scale-6x,\n            30px\n        )};\n    display: block;\n    margin: var-list(--tct-textarea-margin, --comp-default-margin);\n    font-size: var-list(var-prefixer(textarea-font-size), --app-font-size, inherit);\n}\n\n:host([hidden]) {\n    display: none;\n}\n\nlabel {\n    --comp-label-padding: #{var-list(\n            --tct-textarea-label-padding,\n            unquote(\n                '0 #{var-list(var-prefixer(textarea-label-padding-right), 0)} 0 #{var-list(var-prefixer(textarea-label-padding-left), 0)}'\n            )\n        )};\n    --comp-label-margin: #{var-list(\n            --tct-textarea-label-margin,\n            unquote(\n                '#{var-list(var-prefixer(textarea-label-margin-top), 0)} 0 #{var-list(var-prefixer(textarea-label-margin-bottom), --tct-scale-1x, --app-scale-1x, 5px)}'\n            )\n        )};\n    display: block;\n    padding: var(--comp-label-padding);\n    margin: var(--comp-label-margin);\n    color: var-list(var-prefixer(textarea-label-font-color), inherit);\n    font-size: var-list(var-prefixer(textarea-label-font-size), inherit);\n    font-weight: var-list(var-prefixer(textarea-label-font-weight), 600);\n    text-transform: var-list(var-prefixer(textarea-label-text-transform), none);\n    letter-spacing: var-list(var-prefixer(textarea-label-letter-spacing), normal);\n    transition: color var-list(var-prefixer(textarea-tween), --tct-tween-2, --app-tween-2, unquote('0.4s ease'));\n\n    .has-error & {\n        color: var-list(var-prefixer(textarea-error-label-font-color), --tct-textarea-label-font-color, inherit);\n    }\n\n    :hover & {\n        color: var-list(--tct-textarea-hover-label-font-color, var-prefixer(textarea-label-font-color), inherit);\n\n        .has-error & {\n            color: var-list(\n                --tct-textarea-error-hover-label-font-color,\n                var-prefixer(textarea-error-label-font-color),\n                --tct-textarea-hover-label-font-color,\n                --tct-textarea-label-font-color,\n                inherit\n            );\n        }\n    }\n\n    :focus-within & {\n        color: var-list(--tct-textarea-focus-label-font-color, var-prefixer(textarea-label-font-color), inherit);\n\n        .has-error & {\n            color: var-list(\n                --tct-textarea-error-focus-label-font-color,\n                var-prefixer(textarea-error-label-font-color),\n                --tct-textarea-focus-label-font-color,\n                var-prefixer(textarea-label-font-color),\n                inherit\n            );\n        }\n    }\n}\n\n.optional-tag {\n    --comp-label-optional-margin: #{var-list(\n            --tct-textarea-label-optional-margin,\n            unquote(\n                '0 0 0 #{var-list(var-prefixer(textarea-label-optional-margin-left), --tct-scale-1x, --app-scale-1x, 5px)}'\n            )\n        )};\n    margin: var(--comp-label-optional-margin);\n    color: var-list(\n        var-prefixer(textarea-label-optional-font-color),\n        --t-textA,\n        --t-a11y-gray-color,\n        rgba(77, 77, 77, 0.77)\n    );\n    font-size: var-list(var-prefixer(textarea-label-optional-font-size), 12px);\n    font-weight: var-list(var-prefixer(textarea-label-optional-font-weight), 400);\n}\n\n.input-container {\n    min-height: var-list(var-prefixer(textarea-min-height), --comp-textarea-min-height);\n    height: 100%;\n    --comp-default-border-radius: #{var-list(--tct-border-radius-1, --app-border-radius-1, 3px)};\n    --comp-textarea-border-top-left-radius: #{var-list(\n            var-prefixer(textarea-border-top-left-radius),\n            --comp-default-border-radius\n        )};\n    --comp-textarea-border-top-right-radius: #{var-list(\n            var-prefixer(textarea-border-top-right-radius),\n            --comp-default-border-radius\n        )};\n    --comp-textarea-border-bottom-right-radius: #{var-list(\n            var-prefixer(textarea-border-bottom-right-radius),\n            --comp-default-border-radius\n        )};\n    --comp-textarea-border-bottom-left-radius: #{var-list(\n            var-prefixer(textarea-border-bottom-left-radius),\n            --comp-default-border-radius\n        )};\n    --comp-textarea-border-radius: var(--comp-textarea-border-top-left-radius)\n        var(--comp-textarea-border-top-right-radius) var(--comp-textarea-border-bottom-right-radius)\n        var(--comp-textarea-border-bottom-left-radius);\n    --comp-textarea-border-width: #{var-list(var-prefixer(textarea-border-top-width), 1px)\n        var-list(var-prefixer(textarea-border-right-width), 1px)\n        var-list(var-prefixer(textarea-border-bottom-width), 1px)\n        var-list(var-prefixer(textarea-border-left-width), 1px)};\n    --comp-textarea-icon-clearance: 34px;\n\n    :host([disabled]) & {\n        cursor: not-allowed;\n        opacity: var-list(var-prefixer(textarea-disabled-opacity), --tct-disabled-opacity, --app-disabled-opacity, 0.4);\n    }\n}\n\n.content-container {\n    --comp-textarea-min-height: 46px;\n    --comp-textarea-min-width: 150px;\n    position: relative;\n    display: inline-block;\n    min-height: var-list(var-prefixer(textarea-min-height), --comp-textarea-min-height);\n    min-width: var-list(var-prefixer(textarea-min-width) --comp-textarea-min-width);\n\n    :host(:not([cols])) & {\n        width: 100%;\n    }\n}\n\ntextarea {\n    --comp-textarea-padding: #{var-list(\n            --tct-textarea-padding,\n            unquote(\n                '#{var-list(var-prefixer(textarea-vertical-padding), --tct-scale-2x, --app-scale-2x, 10px)} #{var-list(var-prefixer(textarea-horizontal-padding), --tct-scale-2x, --app-scale-2x, 10px)}'\n            )\n        )};\n    --comp-textarea-border-color: #{var-list(\n            var-prefixer(textarea-border-color),\n            var-prefixer(input-border-color),\n            --t-a11y-gray-color-AA,\n            #949494\n        )};\n    --comp-textarea-background: #{var-list(\n            --tct-textarea-background,\n            var-prefixer(textarea-bg),\n            --tct-input-background,\n            var-prefixer(input-bg),\n            --t-gray-14,\n            #fcfcfd\n        )};\n    --comp-textarea-hover-ring-color: var(--tct-textarea-hover-ring-color);\n    --comp-textarea-hover-ring: #{0 0 0 2px var(--t-base), 0 0 0 4px var(--comp-textarea-hover-ring-color),\n        var-list(--tct-textarea-hover-box-shadow, unquote('0 0 transparent'))};\n\n    resize: none;\n    height: 100%;\n    -webkit-appearance: none;\n    appearance: none;\n    display: block;\n    box-sizing: border-box;\n    min-height: var-list(var-prefixer(textarea-min-height), --comp-textarea-min-height);\n    padding: var(--comp-textarea-padding);\n    background: var(--comp-textarea-background);\n    color: var-list(var-prefixer(textarea-font-color), --t-input-font-color, inherit);\n    border-width: var(--comp-textarea-border-width);\n    border-style: solid;\n    border-color: var(--comp-textarea-border-color);\n    border-radius: var(--comp-textarea-border-radius);\n    box-shadow: var-list(var-prefixer(textarea-box-shadow), none);\n    scrollbar-width: thin;\n    scrollbar-color: var(--t-a11y-gray-color) transparent;\n    --comp-textarea-tween: #{var-list(var-prefixer(textarea-tween), --tct-tween-2, --app-tween-2, unquote('0.4s ease'))};\n    transition:\n        border-width var(--comp-textarea-tween),\n        border-color var(--comp-textarea-tween),\n        box-shadow var(--comp-textarea-tween);\n\n    &::-webkit-scrollbar {\n        width: var(--app-scale-1x);\n        height: var(--app-scale-1x);\n        margin: var(--app-scale-1x);\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: var(--t-a11y-gray-color);\n        border-radius: 2px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &:not([cols]) {\n        width: 100%;\n    }\n\n    .has-error & {\n        padding-right: var(--comp-textarea-icon-clearance);\n        border-color: var-list(var-prefixer(textarea-error-border-color), --const-stoplight-alert, #d20a0a);\n        background: var-list(--tct-textarea-error-background, --comp-textarea-background);\n    }\n\n    &:hover {\n        border-color: var-list(--tct-textarea-hover-border-color, --comp-textarea-border-color);\n        background: var-list(--tct-textarea-hover-background, --comp-textarea-background);\n        box-shadow: var-list(--tct-textarea-hover-box-shadow, --comp-textarea-hover-ring);\n\n        .has-error & {\n            border-color: var-list(\n                --tct-textarea-error-hover-border-color,\n                var-prefixer(textarea-error-border-color),\n                --const-stoplight-alert,\n                #d20a0a\n            );\n            background: var-list(\n                --tct-textarea-error-hover-background,\n                --tct-textarea-error-background,\n                --comp-textarea-background\n            );\n            box-shadow: var-list(\n                --tct-textarea-error-hover-box-shadow,\n                --tct-textarea-error-box-shadow,\n                --tct-textarea-hover-box-shadow,\n                --comp-textarea-hover-ring\n            );\n        }\n    }\n\n    &:focus {\n        border-color: var-list(--tct-textarea-focus-border-color, --comp-textarea-border-color);\n        background: var-list(--tct-textarea-focus-background, --comp-textarea-background);\n        box-shadow: var-list(--tct-textarea-focus-box-shadow, --const-double-focus-ring);\n\n        .has-error & {\n            border-color: var-list(\n                --tct-textarea-error-focus-border-color,\n                --tct-textarea-error-border-color,\n                --const-stoplight-alert,\n                #d20a0a\n            );\n            background: var-list(\n                --tct-textarea-error-focus-background,\n                --tct-textarea-error-background,\n                --tct-textarea-focus-background,\n                --comp-textarea-background\n            );\n            box-shadow: var-list(\n                --tct-textarea-error-focus-box-shadow,\n                --tct-textarea-error-box-shadow,\n                --tct-textarea-focus-box-shadow,\n                --const-double-focus-ring\n            );\n        }\n    }\n\n    &::placeholder {\n        color: var-list(\n            var-prefixer(textarea-placeholder-font-color),\n            --t-input-placeholder-font-color,\n            --tct-gray-7,\n            --app-gray-7,\n            --tct-gray-d1,\n            --app-gray-d1,\n            #666666\n        );\n    }\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n\n    &.resize-vertical-auto {\n        overflow: hidden;\n    }\n\n    .has-error & {\n        padding-right: var(--comp-textarea-icon-clearance);\n\n        &:not(:focus) {\n            border-color: var-list(var-prefixer(textarea-error-border-color), --const-stoplight-alert, #d20a0a);\n        }\n    }\n}\n\nq2-icon {\n    margin-top: calc(#{var-list(var-prefixer(textarea-border-top-width), 1px)} / 2);\n    margin-bottom: calc(#{var-list(var-prefixer(textarea-border-bottom-width), 1px)} / 2);\n    pointer-events: none;\n    position: absolute;\n    top: var-list(var-prefixer(textarea-vertical-padding), --tct-scale-2x, --app-scale-2x, 10px);\n    color: var-list(var-prefixer(textarea-icon-stroke-primary), --app-gray-9, --tct-gray, --app-gray, #999999);\n    right: 0;\n    margin-right: var-list(--tct-scale-2x, --app-scale-2x, 10px);\n    --tct-icon-stroke-primary: #{var-list(\n            var-prefixer(textarea-icon-stroke-primary),\n            var-prefixer(gray-9),\n            --tct-gray,\n            --app-gray,\n            #999999\n        )};\n    --t-icon-stroke-primary: #{var-list(\n            var-prefixer(textarea-icon-stroke-primary),\n            var-prefixer(gray-9),\n            --tct-gray,\n            --app-gray,\n            #999999\n        )};\n}\n\n.icon-error {\n    color: var-list(--tct-stoplight-error, --const-stoplight-alert, #d20a0a);\n    --tct-icon-stroke-primary: #{var-list(--tct-stoplight-error, --const-stoplight-alert, #d20a0a)};\n    --t-icon-stroke-primary: #{var-list(--tct-stoplight-error, --const-stoplight-alert, #d20a0a)};\n}\n\n.messages-container {\n    height: 0px;\n    overflow: hidden;\n    background: var-list(\n        --tct-message-background,\n        --tct-message-bg,\n        var-prefixer(gray-14),\n        --tct-gray-l3,\n        --app-gray-l3,\n        #f2f2f2\n    );\n    box-shadow: var-list(\n        var-prefixer(textarea-message-box-shadow),\n        --tct-box-shadow-1,\n        --app-shadow-1,\n        unquote('0 2px 4px rgba(0, 0, 0, 0.3)')\n    );\n    transition: height\n        var-list(var-prefixer(textarea-messages-tween), --tct-tween-1, --app-tween-1, unquote('0.2s ease'));\n    margin-top: 2px;\n    z-index: 1;\n    position: absolute;\n    width: 100%;\n    color: var-list(var-prefixer(textarea-messages-font-color), inherit);\n}\n\n.max-length {\n    color: var-list(var-prefixer(textarea-max-length-color), --t-textA, rgba(77, 77, 77, 0.77));\n    font-size: var-list(\n        var-prefixer(textarea-max-length-font-size),\n        --tct-font-size-small,\n        --app-font-size-small,\n        12px\n    );\n    position: absolute;\n    right: 0;\n}\n\n.btn-resize {\n    --tct-textarea-resize-icon-padding: calc(\n        calc(\n                #{var-list(var-prefixer(textarea-resize-btn-width), --tct-btn-icon-width, 44px)} - #{var-list(\n                        var-prefixer(textarea-resize-icon-size),\n                        12px\n                    )}\n            ) / 2\n    );\n    width: var-list(var-prefixer(textarea-resize-btn-width), --tct-btn-icon-width, 44px);\n    height: var-list(var-prefixer(textarea-resize-btn-height), --tct-btn-icon-height, 44px);\n    background: var-list(var-prefixer(textarea-resize-btn-background), transparent);\n    stroke: var-list(var-prefixer(textarea-resize-color), --t-textA, rgba(77, 77, 77, 0.77));\n    border: 0;\n    position: absolute;\n    right: calc(#{var-list(var-prefixer(textarea-resize-icon-padding))} * -1 + 2px);\n    bottom: calc(#{var-list(var-prefixer(textarea-resize-icon-padding))} * -1 + 2px);\n    display: block;\n    padding: var-list(var-prefixer(textarea-resize-icon-padding));\n    font-size: 0;\n\n    &:focus {\n        outline: none;\n        box-shadow: none;\n    }\n\n    :host([resize='both']) & {\n        cursor: se-resize;\n    }\n\n    :host([resize='vertical']) &,\n    :host([resize='vertical-auto']) & {\n        cursor: s-resize;\n    }\n\n    :host([resize='horizontal']) & {\n        cursor: e-resize;\n    }\n}\n","import { Component, EventEmitter, Prop, Event, Element, State, h, Watch, Listen, Method } from '@stencil/core';\nimport { IDict } from 'src/util';\nimport { createGuid, isEventFromElement, labelDOM, loc, messagesDOM, overrideFocus, setMessageHeight } from 'src/utils';\n\n@Component({ tag: 'q2-textarea', shadow: true, styleUrl: 'q2-textarea.scss' })\nexport class Q2Textarea {\n    private textareaField?: HTMLTextAreaElement;\n    private contentContainer?: HTMLDivElement;\n    private valueOnFocus: string;\n    private scheduledAfterRender: (() => void)[] = [];\n    private guid = createGuid();\n\n    /**\n     * Defines the number of columns displayed in the field.\n     * If not set, the field will be full-width and respond to the window size.\n     */\n    @Prop({ reflect: true }) cols: number;\n\n    /** Indicates the field cannot be focused or interacted with. */\n    @Prop({ reflect: true }) disabled: boolean;\n\n    /**\n     * Each item in the `errors` array will appear below the input field when the field is focused.\n     * @localizable\n     */\n    @Prop() errors: string[];\n\n    /**\n     * Each item in the `hints` array will appear below the input field when the field is focused.\n     * @info\n     * The `errors` array takes precedence over the `hints` array. If an input field has both hints and errors, only the errors will display.\n     * Once all errors are resolved, the hints display the next time the field is focused.\n     * @localizable\n     */\n    @Prop() hints: string[];\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true }) hideLabel: boolean;\n\n    /**\n     * When `true` and the input field has an active validation error, the field shows the error state without displaying associated error messages below the field (from the errors array above).\n     * Primarily used for dropdown selects and date pickers whose controls appear below the input field (where the error messages, if displayed, would also appear).\n     */\n    @Prop({ reflect: true }) hideMessages: boolean;\n\n    /**\n     * The label that appears above the field. This is announced by screen readers when the field is focused.\n     * @localizable\n     */\n    @Prop({ reflect: true }) label: string;\n\n    /**\n     * Defines the maximum allowed input length in characters. Formatting characters (e.g. `.`, `-`, etc) are included in the `maxlength` comparison.\n     * Make sure you account for them when setting the `maxlength` value.\n     * @info\n     * Please set the `rows` attribute in correlation with `maxlength` to show as much text as possible in the field viewport.\n     */\n    @Prop({ reflect: true, mutable: true }) maxlength: number;\n\n    /** Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`. */\n    @Prop({ reflect: true }) optional: boolean;\n\n    /**\n     * Text that appears within the field when it is blurred and empty.\n     * Placeholder text disappears when the user focuses on the field and provides input.\n     * @info\n     * Primarily used for rare cases in which a visible form label is not expected (e.g., search fields).\n     * @localizable\n     */\n    @Prop({ reflect: true }) placeholder: string;\n\n    /**\n     * Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\n     * Takes priority over `optional` if both are `true`.\n     */\n    @Prop({ reflect: true }) readonly: boolean;\n\n    /** Indicates how the field is resizable. */\n    @Prop({ reflect: true }) resize: 'none' | 'vertical' | 'horizontal' | 'both' | 'vertical-auto' = 'vertical';\n\n    /** Defines the number of rows displayed in the field. */\n    @Prop({ reflect: true }) rows: number;\n\n    /** Determines whether the field is subject to spell-checking by the underlying browser or OS. */\n    @Prop({ reflect: true }) spellcheck: boolean;\n\n    /** The value of the field. */\n    @Prop({ mutable: true }) value: string;\n\n    @State() hasFocus: boolean;\n    @State() downParams: IDict<number>;\n\n    /////// LIFECYCLE HOOKS ////////\n\n    componentWillLoad() {\n        if (isNaN(this.maxlength)) {\n            this.maxlength = undefined;\n        }\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender.push(this.checkRows, this.checkCols, this.increaseHeightIfOverflowing);\n        this.scheduledAfterRender.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n    }\n\n    componentDidLoad() {\n        overrideFocus(this.hostElement);\n    }\n\n    checkRows = () => {\n        const { contentContainer, rows, textareaField, resize } = this;\n\n        if (!rows || ['none', 'horizontal'].includes(resize)) return;\n        contentContainer.style.height = `${contentContainer.offsetHeight}px`;\n        textareaField.removeAttribute('rows');\n    };\n\n    checkCols = () => {\n        const { contentContainer, cols, textareaField, resize } = this;\n\n        if (!cols || ['none', 'vertical'].includes(resize)) return;\n        contentContainer.style.width = `${contentContainer.offsetWidth}px`;\n        textareaField.removeAttribute('cols');\n    };\n\n    @Element() hostElement: HTMLElement;\n\n    get hasError() {\n        return Array.isArray(this.errors) && this.errors.length > 0;\n    }\n\n    get messages(): string[] {\n        return (\n            (this.errors && this.errors.length > 0 && this.errors) ||\n            (this.hints && this.hints.length > 0 && this.hints) ||\n            []\n        );\n    }\n\n    get showMessages() {\n        return this.messages.length > 0 && !this.hideMessages;\n    }\n\n    get inputId() {\n        return `input-guid-${this.guid}`;\n    }\n\n    get inputDescribedBy() {\n        return this.showMessages ? `${this.inputId}-description` : undefined;\n    }\n\n    get wrapperClasses() {\n        const errorClass = this.hasError ? ' has-error' : '';\n        const valueClass = !!this.value ? ' has-value' : '';\n        const focusClass = this.hasFocus ? ' has-focus' : '';\n\n        return `field-container${errorClass}${valueClass}${focusClass}`;\n    }\n\n    get showResize() {\n        const { resize } = this;\n        return resize && resize !== 'none';\n    }\n\n    //////// OBSERVERS //////////\n\n    @Watch('value')\n    valueObserver() {\n        const { maxlength, value = '' } = this;\n        if (!maxlength) return;\n\n        const truncatedValue = value.substr(0, maxlength);\n        if (truncatedValue === value) return;\n\n        this.change.emit({ value: truncatedValue });\n    }\n\n    @Watch('rows')\n    rowsObserver() {\n        this.contentContainer.style.height = null;\n    }\n\n    @Watch('cols')\n    colsObserver() {\n        this.contentContainer.style.width = null;\n    }\n\n    @Watch('hints')\n    hintsObserver() {\n        this.hasFocus && this.scheduledAfterRender.push(() => setMessageHeight(this));\n    }\n\n    @Watch('errors')\n    errorsObserver() {\n        this.hasFocus && this.scheduledAfterRender.push(() => setMessageHeight(this));\n    }\n\n    ///////// HOST ELEMENT EVENTS //////\n    @Listen('focus')\n    onHostElementFocus(event: Event) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.textareaField.focus();\n    }\n\n    @Listen('change')\n    onHostElementChange(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onchange) {\n            this.value = event.detail.value;\n        }\n    }\n\n    @Listen('input')\n    onHostElementInput(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.oninput) {\n            this.value = event.detail.value;\n        }\n    }\n\n    ///////// Events /////////\n\n    /**\n     * Emitted when the field value is updated.\n     * @legacyEvent\n     */\n    @Event() input: EventEmitter<{ value: string }>;\n\n    /**\n     * Emitted when the field loses focus after the value has been changed.\n     * @legacyEvent\n     */\n    @Event() change: EventEmitter<{ value: string }>;\n\n    /// Methods ///\n    /**\n     * Emulates focusing the `<textarea>`, centering the provided value, and emitting an `input` event.\n     *\n     * This method leaves the focus on the `<textarea>` and as a result does not trigger the `change` event. If you want\n     * to trigger the `change` event, move the focus to another element after calling this method.\n     *\n     * @testOnly\n     */\n    @Method()\n    setValue(value: string) {\n        const { textareaField } = this;\n        textareaField.focus();\n        textareaField.value = value;\n        textareaField.dispatchEvent(new InputEvent('input'));\n    }\n\n    ///// ACTIONS ////////\n\n    onTextareaFocus = () => {\n        this.hasFocus = true;\n        this.valueOnFocus = this.value;\n        setMessageHeight(this);\n    };\n\n    onTextareaBlur = () => {\n        const {\n            valueOnFocus,\n            textareaField: { value },\n        } = this;\n        this.hasFocus = false;\n        setMessageHeight(this);\n        if (valueOnFocus !== value) this.change.emit({ value });\n    };\n\n    onTextareaInput = (event: InputEvent) => {\n        event.stopPropagation();\n        const value = (event.target as HTMLTextAreaElement).value;\n        this.increaseHeightIfOverflowing();\n\n        this.input.emit({ value });\n    };\n\n    onTextareaChange = (event: InputEvent) => {\n        event.stopPropagation();\n        const value = (event.target as HTMLTextAreaElement).value;\n\n        this.change.emit({ value });\n    };\n\n    onMouseDown = (event: MouseEvent) => {\n        const { contentContainer } = this;\n        this.downParams = {\n            width: contentContainer.offsetWidth,\n            height: contentContainer.offsetHeight,\n            x: event.clientX,\n            y: event.clientY,\n        };\n        document.addEventListener('mousemove', this.onMouseMove);\n        document.addEventListener('mouseup', this.onMouseUp);\n    };\n\n    onMouseMove = (event: MouseEvent) => {\n        this.setHeight(event);\n        this.setWidth(event);\n    };\n\n    onTouchStart = (event: TouchEvent) => {\n        if (event.touches.length !== 1) return;\n\n        event.preventDefault();\n\n        const { contentContainer } = this;\n        const firstTouch = event.touches[0];\n\n        this.downParams = {\n            width: contentContainer.offsetWidth,\n            height: contentContainer.offsetHeight,\n            x: firstTouch.pageX,\n            y: firstTouch.pageY,\n        };\n\n        document.addEventListener('touchmove', this.onTouchMove);\n        document.addEventListener('touchend', this.onTouchMove);\n    };\n\n    onTouchMove = (event: TouchEvent) => {\n        this.setHeight(event);\n        this.setWidth(event);\n    };\n\n    setWidth(event: MouseEvent | TouchEvent) {\n        const {\n            contentContainer,\n            resize,\n            downParams: { width, x },\n        } = this;\n\n        const resizeX = ['both', 'horizontal'].includes(resize);\n\n        if (!resizeX) return;\n        const eventX = event instanceof MouseEvent ? event.clientX : event.touches[0]?.pageX ?? 0;\n        const newWidth = width - (x - eventX);\n        contentContainer.style.width = `${newWidth}px`;\n    }\n\n    setHeight(event: MouseEvent | TouchEvent) {\n        const {\n            contentContainer,\n            resize,\n            downParams: { height, y },\n        } = this;\n        const resizeY = ['both', 'vertical', 'vertical-auto'].includes(resize);\n\n        if (!resizeY) return;\n\n        const eventY = event instanceof MouseEvent ? event.clientY : event.touches[0]?.pageY ?? 0;\n        const newHeight = height - (y - eventY);\n        // If 'vertical-auto', change height if the new height is greater\n        // than the current height or the textarea is not overflowing.\n        // Otherwise, change height regardless of the new height.\n        if (\n            resize !== 'vertical-auto' ||\n            newHeight > height ||\n            (resize === 'vertical-auto' && !this.isOverflowingVertically())\n        ) {\n            contentContainer.style.height = `${newHeight}px`;\n        }\n    }\n\n    increaseHeightIfOverflowing = () => {\n        const { scrollHeight } = this.textareaField;\n        if (this.resize === 'vertical-auto' && this.isOverflowingVertically()) {\n            // need to account for border width because scrollHeight does not include it\n            const newHeight = scrollHeight + this.getBorderOffset();\n            this.contentContainer.style.height = `${newHeight}px`;\n        }\n    };\n\n    isOverflowingVertically = () => {\n        const { clientHeight, scrollHeight } = this.textareaField;\n\n        return scrollHeight > clientHeight;\n    };\n\n    getBorderOffset = () => {\n        const computedStyle = window.getComputedStyle(this.textareaField);\n\n        return parseInt(computedStyle.borderTopWidth, 10) + parseInt(computedStyle.borderBottomWidth, 10);\n    };\n\n    onMouseUp = () => {\n        document.removeEventListener('mousemove', this.onMouseMove);\n        this.downParams = null;\n    };\n\n    /////// VIEW METHODS ///////\n\n    render() {\n        return (\n            <div class={this.wrapperClasses}>\n                {labelDOM(this)}\n                <div\n                    class=\"content-container\"\n                    ref={el => (this.contentContainer = el)}\n                >\n                    {this.inputDOM()}\n                    {this.maxlength ? this.maxLengthDOM() : ''}\n                    {messagesDOM(this)}\n                </div>\n            </div>\n        );\n    }\n\n    maxLengthDOM() {\n        return (\n            <div\n                class=\"max-length\"\n                aria-hidden=\"true\"\n            >\n                {this.value?.length || 0}/{this.maxlength}\n            </div>\n        );\n    }\n\n    inputDOM() {\n        const textareaClasses = this.resize === 'vertical-auto' ? 'resize-vertical-auto' : '';\n\n        return (\n            <div class=\"input-container\">\n                <textarea\n                    id={this.inputId}\n                    class={textareaClasses}\n                    placeholder={(this.placeholder && loc(this.placeholder)) || undefined}\n                    test-id=\"inputField\"\n                    maxLength={this.maxlength}\n                    aria-describedby={this.inputDescribedBy}\n                    aria-invalid={`${this.hasError}`}\n                    aria-required={`${!this.optional}`}\n                    aria-label={this.hideLabel && this.label}\n                    spellcheck={this.spellcheck}\n                    rows={this.rows || 3}\n                    cols={this.cols}\n                    value={this.value}\n                    ref={el => (this.textareaField = el)}\n                    readonly={!!this.readonly}\n                    disabled={!!this.disabled}\n                    maxlength={this.maxlength}\n                    onInput={this.onTextareaInput}\n                    onChange={this.onTextareaChange}\n                    onFocus={this.onTextareaFocus}\n                    onBlur={this.onTextareaBlur}\n                ></textarea>\n                {this.hasError ? (\n                    <q2-icon\n                        type=\"error\"\n                        class=\"icon-error\"\n                    />\n                ) : (\n                    ''\n                )}\n                {this.showResize && (\n                    <button\n                        onMouseDown={this.onMouseDown}\n                        onTouchStart={this.onTouchStart}\n                        class=\"btn-resize\"\n                        aria-label={loc('tecton.element.input.resize')}\n                        tabIndex={-1}\n                    >\n                        <svg\n                            aria-hidden=\"true\"\n                            viewBox=\"0 0 12 12\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M8.5 11.5l3-3m-7 3l7-7m-11 7l11-11\"\n                                fill=\"none\"\n                                stroke-stroke-linecap=\"square\"\n                            />\n                        </svg>\n                    </button>\n                )}\n            </div>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/q2-tecton-elements/p-42302f6f.js

@@ -0,0 +1,2 @@
+import{h as e}from"./p-a5f18e27.js";function n(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile|IEMobile|Windows Phone|Opera Mini/i.test(navigator.userAgent)}function i(e,n){const i=e.type;const o=["focusin","focus"];const t=o.includes(i);const r=t?e.target:e.relatedTarget;const a=e=>{if(e===n)return true;if(e.parentElement){return a(e.parentElement)}return false};if(!(r instanceof HTMLElement))return true;return!a(r)}function o(e,n){return e.relatedTarget!==n&&!n.contains(e.relatedTarget)}function t(e,n){var i;return((i=e.composedPath)===null||i===void 0?void 0:i.call(e)[0])===n}function r(e){e.focus=()=>e===null||e===void 0?void 0:e.dispatchEvent(new FocusEvent("focus",{bubbles:false}))}function a(){const e=navigator.userAgent.toLowerCase();return e.includes("firefox")}function s(){return"ontouchstart"in window||navigator.maxTouchPoints>0}function l(e,n){if(e===undefined)return e;if(!n)return e!=="Symbol()"?e:undefined;return n.includes(e)||e===""?e:undefined}let u=1e3;function d(){return u++}function c(e){requestAnimationFrame((()=>{requestAnimationFrame(e)}))}function f(e){return e.offsetWidth>0||e.offsetHeight>0||e.getClientRects().length>0}function m(){return new Promise((e=>c(e)))}function p(e,n){var i,o,t;if(!e)return"";if(((i=window.Tecton)===null||i===void 0?void 0:i.noStrings)===true){return e}return(t=(o=window===null||window===void 0?void 0:window.TectonElements)===null||o===void 0?void 0:o.loc(e,n))!==null&&t!==void 0?t:e}function b(n){const{label:i,hideLabel:o,optional:t,readonly:r}=n;const a=["input-label"];let s="";let l=o;if(!l){const e=n.hostElement.shadowRoot.querySelector('slot[name="label"]');const o=(e===null||e===void 0?void 0:e.assignedNodes().length)>0;const t=!!i;l=t||o?false:true}if(l)a.push("sr");if(t){s=e("span",{class:"optional-tag"},p("tecton.element.input.optional"))}if(r){s=e("span",{class:"optional-tag"},p("tecton.element.input.readonly"));a.push("readonly-field")}return e("label",{htmlFor:n.inputId,class:a.join(" ")},e("slot",{name:"label"},i?p(i):undefined,s))}function v(e,n){return e.querySelector(`[slot="${n}"]`)!==null}function h(e){const{ariaLabel:n}=e;if(!n)return;const i=Symbol().toString();if(n===i){e.ariaLabel=undefined;return}if("hideLabel"in e)e.hideLabel=true;e.label=p(n);e.ariaLabel=undefined}function w(e,n,i,o){if(typeof e[n]==="undefined")return;if(e[n]){g(e,n,"prop")}e[i]=e[n];if(o){delete e[n]}}function g(e,n,i){if(window.location.hostname==="localhost"||window.location.host==="stack.q2developer.com"){if(e[n]==="undefined")return;const o=e.constructor.name.toLowerCase().slice(2);switch(i){case"prop":if(n==="size"&&o==="btn"){console.warn(`The property of size in q2-btn should not be typeof number, or typeof string containing a number. This functionality will be deprecated in an upcoming release. Instead, please use the value 'undefined', or typeof string with any of the following values: "small" / "medium" / "large" `)}else{console.warn(`The property ${n} in q2-${o} has been marked for deprecation and will be removed in an upcoming major release.`)}break;case"function":console.warn(`The function ${n} in ${o} has been marked for deprecation and will be removed in an upcoming major release.`);break;case"method":console.warn(`The method ${n} in ${o} has been marked for deprecation and will be removed in an upcoming major release.`);break;case"event":console.warn(`The event ${n} in ${o} has been marked for deprecation and will be removed in an upcoming major release.`);break;default:console.error(`handleDeprecationWarning --\x3e No type found for desired deprecation: ${n} in q2-${o}: deprecatedItemType = ${n}`)}}}function y(n){const i=n.hasError?"danger":"info";return e("div",{class:"messages-container"},e("q2-message",{appearance:"minimal",description:true,type:i,"test-id":"message"},e("ul",{id:n.inputDescribedBy},n.messages.map((n=>e("li",{"test-id":"messageListItem"},p(n)))))))}function $(e){const n=e.hostElement.shadowRoot.querySelector(".messages-container");const i=n.querySelector("q2-message");c((()=>{const o=e.showMessages&&e.hasFocus?i.getBoundingClientRect().height:0;if(n.style.getPropertyValue("height")===`${o}px`)return;if(o===0){i.classList.add("invisible");n.style.removeProperty("height")}else{i.classList.remove("invisible");n.style.setProperty("height",`${o}px`)}}))}const k=()=>{var e,n;return(n=(e=window.TectonElements)===null||e===void 0?void 0:e.resizeIframe)===null||n===void 0?void 0:n.call(e)};const q=e=>{if(!e.intent&&["primary","secondary"].includes(e.color)){e.intent=`workflow-${e.color}`;e.color=undefined}};export{w as a,s as b,d as c,n as d,b as e,v as f,o as g,h,t as i,i as j,a as k,p as l,y as m,c as n,r as o,l as p,f as q,k as r,$ as s,g as t,q as u,m as w};
+//# sourceMappingURL=p-42302f6f.js.map

package/dist/q2-tecton-elements/p-42302f6f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isMobile","test","navigator","userAgent","isHostLosingFocus","event","hostElement","type","focusInTypes","isFocusIn","includes","elementGainingFocus","target","relatedTarget","isElementNestedInHostElement","element","parentElement","HTMLElement","isRelatedTargetWithinHost","contains","isEventFromElement","_a","composedPath","call","overrideFocus","focus","dispatchEvent","FocusEvent","bubbles","isFirefox","toLowerCase","isTouchDevice","window","maxTouchPoints","getAriaValueFromProp","prop","validValues","undefined","guid","createGuid","nextPaint","fn","requestAnimationFrame","isVisible","offsetWidth","offsetHeight","getClientRects","length","waitForNextPaint","Promise","resolve","loc","key","subs","Tecton","noStrings","_c","_b","TectonElements","labelDOM","label","hideLabel","optional","readonly","labelClasses","helpText","shouldHideLabel","labelSlot","shadowRoot","querySelector","hasSlotContent","assignedNodes","hasLabel","push","h","class","htmlFor","inputId","join","name","slotName","handleAriaLabel","ariaLabel","FW_WRAPPERS_EMPTY_PROP","Symbol","toString","handleRenamedProp","oldProp","newProp","removeOldProp","handleDeprecationWarning","deprecatedItemName","deprecatedItemType","location","hostname","host","componentName","constructor","slice","console","warn","error","messagesDOM","hasError","appearance","description","id","inputDescribedBy","messages","map","message","setMessageHeight","messageContainer","q2Message","height","showMessages","hasFocus","getBoundingClientRect","style","getPropertyValue","classList","add","removeProperty","remove","setProperty","resizeIframe","handleColor","intent","color"],"sources":["src/utils/index.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { Q2Btn } from 'src/components/q2-btn/q2-btn';\nimport { Q2Calendar } from 'src/components/q2-calendar/q2-calendar';\nimport { Q2Carousel } from 'src/components/q2-carousel/q2-carousel';\nimport { Q2Checkbox } from 'src/components/q2-checkbox/q2-checkbox';\nimport { Q2CheckboxGroup } from 'src/components/q2-checkbox-group/q2-checkbox-group';\nimport { Q2RadioGroup } from 'src/components/q2-radio-group/q2-radio-group';\nimport { Q2Dropdown } from 'src/components/q2-dropdown/q2-dropdown';\nimport { Q2DropdownItem } from 'src/components/q2-dropdown-item/q2-dropdown-item';\nimport { Q2EditableField } from 'src/components/q2-editable-field/q2-editable-field';\nimport { Q2Input } from 'src/components/q2-input/q2-input';\nimport { Q2Loading } from 'src/components/q2-loading/q2-loading';\nimport { Q2Radio } from 'src/components/q2-radio/q2-radio';\nimport { Q2Select } from 'src/components/q2-select/q2-select';\nimport { FormFieldTypes, IDict } from 'src/util';\n\nexport function isMobile(): boolean {\n    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile|IEMobile|Windows Phone|Opera Mini/i.test(\n        navigator.userAgent\n    );\n}\n\nexport function isHostLosingFocus(event: FocusEvent, hostElement: HTMLElement) {\n    const type = event.type;\n    const focusInTypes = ['focusin', 'focus'];\n    const isFocusIn = focusInTypes.includes(type);\n\n    // on focusin: `target` is element losing focus, `relatedTarget` is element gaining focus\n    // on focusout: `target` is element gaining focus, `relatedTarget` is element losing focus\n    const elementGainingFocus = isFocusIn ? event.target : event.relatedTarget;\n\n    const isElementNestedInHostElement = (element: HTMLElement) => {\n        if (element === hostElement) return true;\n        if (element.parentElement) {\n            return isElementNestedInHostElement(element.parentElement);\n        }\n        return false;\n    };\n\n    if (!(elementGainingFocus instanceof HTMLElement)) return true;\n    return !isElementNestedInHostElement(elementGainingFocus);\n}\n\nexport function isRelatedTargetWithinHost(event: FocusEvent, element: HTMLElement) {\n    return event.relatedTarget !== element && !element.contains(event.relatedTarget as Node);\n}\n\nexport function isEventFromElement(event: Event, element: HTMLElement): boolean {\n    return event.composedPath?.()[0] === element;\n}\n\nexport function overrideFocus(hostElement: HTMLElement) {\n    hostElement.focus = () => hostElement?.dispatchEvent(new FocusEvent('focus', { bubbles: false }));\n}\n\nexport function isFirefox() {\n    const userAgent = navigator.userAgent.toLowerCase();\n    return userAgent.includes('firefox');\n}\n\nexport function isTouchDevice() {\n    return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n\nexport function isSafari() {\n    const userAgent = navigator.userAgent.toLowerCase();\n    return userAgent.includes('safari') && !userAgent.includes('chrome');\n}\n\n/**\n * Returns the value of a prop if it is defined and included in the `validValues`\n * array. This is used primarily to prevent Vue wrappers from setting aria props\n * to \"Symbol()\" when the prop is not set.\n */\nexport function getAriaValueFromProp(prop: string, validValues?: string[]) {\n    if (prop === undefined) return prop;\n    if (!validValues) return prop !== 'Symbol()' ? prop : undefined;\n    return validValues.includes(prop) || prop === '' ? prop : undefined;\n}\n\nlet guid: number = 1000;\nexport function createGuid(): number {\n    return guid++;\n}\n\nexport function nextPaint(fn: (value?: unknown) => void) {\n    requestAnimationFrame(() => {\n        requestAnimationFrame(fn);\n    });\n}\n\nexport function isVisible(element: HTMLElement) {\n    return element.offsetWidth > 0 || element.offsetHeight > 0 || element.getClientRects().length > 0;\n}\n\nexport function waitForNextPaint() {\n    return new Promise(resolve => nextPaint(resolve));\n}\n\nexport function capitalize(value: string) {\n    return `${value.charAt(0).toUpperCase()}${value.slice(1)}`;\n}\n\nexport function pick(props: string[]): (obj: object) => object {\n    return obj => {\n        return props.reduce((memo, prop) => {\n            return {\n                ...memo,\n                [prop]: obj[prop],\n            };\n        }, {});\n    };\n}\n\nexport function loc(key: string, subs?: IDict<any> | string[]) {\n    if (!key) return '';\n    if (window.Tecton?.noStrings === true) {\n        return key;\n    }\n    return window?.TectonElements?.loc(key, subs) ?? key;\n}\n\nexport function labelDOM(target: FormFieldTypes | Q2RadioGroup | Q2CheckboxGroup) {\n    const { label, hideLabel, optional, readonly } = target;\n    const labelClasses: string[] = ['input-label'];\n    let helpText = '';\n\n    let shouldHideLabel = hideLabel;\n    if (!shouldHideLabel) {\n        const labelSlot = target.hostElement.shadowRoot.querySelector<HTMLSlotElement>('slot[name=\"label\"]');\n        const hasSlotContent = labelSlot?.assignedNodes().length > 0;\n        const hasLabel = !!label;\n\n        shouldHideLabel = hasLabel || hasSlotContent ? false : true;\n    }\n\n    if (shouldHideLabel) labelClasses.push('sr');\n    if (optional) {\n        helpText = <span class=\"optional-tag\">{loc('tecton.element.input.optional')}</span>;\n    }\n    if (readonly) {\n        helpText = <span class=\"optional-tag\">{loc('tecton.element.input.readonly')}</span>;\n        labelClasses.push('readonly-field');\n    }\n    return (\n        <label\n            htmlFor={target.inputId}\n            class={labelClasses.join(' ')}\n        >\n            <slot name=\"label\">\n                {label ? loc(label) : undefined}\n                {helpText}\n            </slot>\n        </label>\n    );\n}\n\nexport function hasSlotContent(target: HTMLElement, slotName: string) {\n    return target.querySelector(`[slot=\"${slotName}\"]`) !== null;\n}\n\nexport function handleAriaLabel(\n    target:\n        | Q2Input\n        | Q2Select\n        | Q2Radio\n        | Q2Checkbox\n        | Q2EditableField\n        | Q2Dropdown\n        | Q2DropdownItem\n        | Q2Loading\n        | Q2Carousel\n        | Q2Calendar\n        | Q2Btn\n) {\n    const { ariaLabel } = target;\n    if (!ariaLabel) return;\n\n    // If empty ariaLabel prop is set to primitive symbol by framework wrapper, set ariaLabel to undefined and return\n    const FW_WRAPPERS_EMPTY_PROP = Symbol().toString();\n    if (ariaLabel === FW_WRAPPERS_EMPTY_PROP) {\n        target.ariaLabel = undefined;\n        return;\n    }\n\n    // If ariaLabel is set, set hideLabel to true and set label to ariaLabel\n    if ('hideLabel' in target) target.hideLabel = true;\n    target.label = loc(ariaLabel);\n    target.ariaLabel = undefined;\n}\n\n/**\n * Handles when a prop has been renamed on a component without introducing a breaking change.\n */\nexport function handleRenamedProp(target: object, oldProp: string, newProp: string, removeOldProp?: boolean) {\n    if (typeof target[oldProp] === 'undefined') return;\n\n    // If old prop has value, aka set in component, call handleDeprecationWarning()\n    if (target[oldProp]) {\n        handleDeprecationWarning(target, oldProp, 'prop');\n    }\n\n    target[newProp] = target[oldProp];\n\n    if (removeOldProp) {\n        delete target[oldProp];\n    }\n}\n\nexport function handleDeprecationWarning(\n    target: object,\n    deprecatedItemName: string,\n    deprecatedItemType: 'function' | 'prop' | 'method' | 'event'\n) {\n    if (window.location.hostname === 'localhost' || window.location.host === 'stack.q2developer.com') {\n        if (target[deprecatedItemName] === 'undefined') return;\n\n        const componentName = target.constructor.name.toLowerCase().slice(2);\n\n        switch (deprecatedItemType) {\n            case 'prop':\n                if (deprecatedItemName === 'size' && componentName === 'btn') {\n                    console.warn(\n                        `The property of size in q2-btn should not be typeof number, or typeof string containing a number. This functionality will be deprecated in an upcoming release. Instead, please use the value 'undefined', or typeof string with any of the following values: \"small\" / \"medium\" / \"large\" `\n                    );\n                } else {\n                    console.warn(\n                        `The property ${deprecatedItemName} in q2-${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                    );\n                }\n                break;\n\n            case 'function':\n                console.warn(\n                    `The function ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            case 'method':\n                console.warn(\n                    `The method ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            case 'event':\n                console.warn(\n                    `The event ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            default:\n                console.error(\n                    `handleDeprecationWarning --> No type found for desired deprecation: ${deprecatedItemName} in q2-${componentName}: deprecatedItemType = ${deprecatedItemName}`\n                );\n        }\n    }\n}\n\nexport function messagesDOM(target: FormFieldTypes) {\n    const type = target.hasError ? 'danger' : 'info';\n\n    return (\n        <div class=\"messages-container\">\n            <q2-message\n                appearance=\"minimal\"\n                description\n                type={type}\n                test-id=\"message\"\n            >\n                <ul id={target.inputDescribedBy}>\n                    {target.messages.map(message => (\n                        <li test-id=\"messageListItem\">{loc(message)}</li>\n                    ))}\n                </ul>\n            </q2-message>\n        </div>\n    );\n}\n\nexport function setMessageHeight(target: FormFieldTypes) {\n    const messageContainer = (target.hostElement.shadowRoot as ShadowRoot).querySelector<HTMLDivElement>(\n        '.messages-container'\n    );\n    const q2Message = messageContainer.querySelector('q2-message');\n    nextPaint(() => {\n        const height = target.showMessages && target.hasFocus ? q2Message.getBoundingClientRect().height : 0;\n\n        if (messageContainer.style.getPropertyValue('height') === `${height}px`) return;\n\n        if (height === 0) {\n            q2Message.classList.add('invisible');\n            messageContainer.style.removeProperty('height');\n        } else {\n            q2Message.classList.remove('invisible');\n            messageContainer.style.setProperty('height', `${height}px`);\n        }\n    });\n}\n\nexport const resizeIframe = () => {\n    return window.TectonElements?.resizeIframe?.();\n};\n\n// Handling color attribute (deprecated)\nexport const handleColor = (target: Q2Btn) => {\n    if (!target.intent && ['primary', 'secondary'].includes(target.color)) {\n        target.intent = `workflow-${target.color}` as HTMLQ2BtnElement['intent'];\n        target.color = undefined;\n    }\n};\n"],"mappings":"6CAgBgBA,IACZ,MAAO,sFAAsFC,KACzFC,UAAUC,UAElB,C,SAEgBC,EAAkBC,EAAmBC,GACjD,MAAMC,EAAOF,EAAME,KACnB,MAAMC,EAAe,CAAC,UAAW,SACjC,MAAMC,EAAYD,EAAaE,SAASH,GAIxC,MAAMI,EAAsBF,EAAYJ,EAAMO,OAASP,EAAMQ,cAE7D,MAAMC,EAAgCC,IAClC,GAAIA,IAAYT,EAAa,OAAO,KACpC,GAAIS,EAAQC,cAAe,CACvB,OAAOF,EAA6BC,EAAQC,c,CAEhD,OAAO,KAAK,EAGhB,KAAML,aAA+BM,aAAc,OAAO,KAC1D,OAAQH,EAA6BH,EACzC,C,SAEgBO,EAA0Bb,EAAmBU,GACzD,OAAOV,EAAMQ,gBAAkBE,IAAYA,EAAQI,SAASd,EAAMQ,cACtE,C,SAEgBO,EAAmBf,EAAcU,G,MAC7C,QAAOM,EAAAhB,EAAMiB,gBAAY,MAAAD,SAAA,SAAAA,EAAAE,KAAAlB,GAAK,MAAOU,CACzC,C,SAEgBS,EAAclB,GAC1BA,EAAYmB,MAAQ,IAAMnB,IAAW,MAAXA,SAAW,SAAXA,EAAaoB,cAAc,IAAIC,WAAW,QAAS,CAAEC,QAAS,QAC5F,C,SAEgBC,IACZ,MAAM1B,EAAYD,UAAUC,UAAU2B,cACtC,OAAO3B,EAAUO,SAAS,UAC9B,C,SAEgBqB,IACZ,MAAO,iBAAkBC,QAAU9B,UAAU+B,eAAiB,CAClE,C,SAYgBC,EAAqBC,EAAcC,GAC/C,GAAID,IAASE,UAAW,OAAOF,EAC/B,IAAKC,EAAa,OAAOD,IAAS,WAAaA,EAAOE,UACtD,OAAOD,EAAY1B,SAASyB,IAASA,IAAS,GAAKA,EAAOE,SAC9D,CAEA,IAAIC,EAAe,I,SACHC,IACZ,OAAOD,GACX,C,SAEgBE,EAAUC,GACtBC,uBAAsB,KAClBA,sBAAsBD,EAAG,GAEjC,C,SAEgBE,EAAU5B,GACtB,OAAOA,EAAQ6B,YAAc,GAAK7B,EAAQ8B,aAAe,GAAK9B,EAAQ+B,iBAAiBC,OAAS,CACpG,C,SAEgBC,IACZ,OAAO,IAAIC,SAAQC,GAAWV,EAAUU,IAC5C,C,SAiBgBC,EAAIC,EAAaC,G,UAC7B,IAAKD,EAAK,MAAO,GACjB,KAAI/B,EAAAW,OAAOsB,UAAM,MAAAjC,SAAA,SAAAA,EAAEkC,aAAc,KAAM,CACnC,OAAOH,C,CAEX,OAAOI,GAAAC,EAAAzB,SAAM,MAANA,cAAM,SAANA,OAAQ0B,kBAAc,MAAAD,SAAA,SAAAA,EAAEN,IAAIC,EAAKC,MAAK,MAAAG,SAAA,EAAAA,EAAIJ,CACrD,C,SAEgBO,EAAS/C,GACrB,MAAMgD,MAAEA,EAAKC,UAAEA,EAASC,SAAEA,EAAQC,SAAEA,GAAanD,EACjD,MAAMoD,EAAyB,CAAC,eAChC,IAAIC,EAAW,GAEf,IAAIC,EAAkBL,EACtB,IAAKK,EAAiB,CAClB,MAAMC,EAAYvD,EAAON,YAAY8D,WAAWC,cAA+B,sBAC/E,MAAMC,GAAiBH,IAAS,MAATA,SAAS,SAATA,EAAWI,gBAAgBxB,QAAS,EAC3D,MAAMyB,IAAaZ,EAEnBM,EAAkBM,GAAYF,EAAiB,MAAQ,I,CAG3D,GAAIJ,EAAiBF,EAAaS,KAAK,MACvC,GAAIX,EAAU,CACVG,EAAWS,EAAA,QAAMC,MAAM,gBAAgBxB,EAAI,iC,CAE/C,GAAIY,EAAU,CACVE,EAAWS,EAAA,QAAMC,MAAM,gBAAgBxB,EAAI,kCAC3Ca,EAAaS,KAAK,iB,CAEtB,OACIC,EAAA,SACIE,QAAShE,EAAOiE,QAChBF,MAAOX,EAAac,KAAK,MAEzBJ,EAAA,QAAMK,KAAK,SACNnB,EAAQT,EAAIS,GAASvB,UACrB4B,GAIjB,C,SAEgBK,EAAe1D,EAAqBoE,GAChD,OAAOpE,EAAOyD,cAAc,UAAUW,SAAkB,IAC5D,C,SAEgBC,EACZrE,GAaA,MAAMsE,UAAEA,GAActE,EACtB,IAAKsE,EAAW,OAGhB,MAAMC,EAAyBC,SAASC,WACxC,GAAIH,IAAcC,EAAwB,CACtCvE,EAAOsE,UAAY7C,UACnB,M,CAIJ,GAAI,cAAezB,EAAQA,EAAOiD,UAAY,KAC9CjD,EAAOgD,MAAQT,EAAI+B,GACnBtE,EAAOsE,UAAY7C,SACvB,C,SAKgBiD,EAAkB1E,EAAgB2E,EAAiBC,EAAiBC,GAChF,UAAW7E,EAAO2E,KAAa,YAAa,OAG5C,GAAI3E,EAAO2E,GAAU,CACjBG,EAAyB9E,EAAQ2E,EAAS,O,CAG9C3E,EAAO4E,GAAW5E,EAAO2E,GAEzB,GAAIE,EAAe,QACR7E,EAAO2E,E,CAEtB,C,SAEgBG,EACZ9E,EACA+E,EACAC,GAEA,GAAI5D,OAAO6D,SAASC,WAAa,aAAe9D,OAAO6D,SAASE,OAAS,wBAAyB,CAC9F,GAAInF,EAAO+E,KAAwB,YAAa,OAEhD,MAAMK,EAAgBpF,EAAOqF,YAAYlB,KAAKjD,cAAcoE,MAAM,GAElE,OAAQN,GACJ,IAAK,OACD,GAAID,IAAuB,QAAUK,IAAkB,MAAO,CAC1DG,QAAQC,KACJ,8R,KAED,CACHD,QAAQC,KACJ,gBAAgBT,WAA4BK,sF,CAGpD,MAEJ,IAAK,WACDG,QAAQC,KACJ,gBAAgBT,QAAyBK,uFAE7C,MAEJ,IAAK,SACDG,QAAQC,KACJ,cAAcT,QAAyBK,uFAE3C,MAEJ,IAAK,QACDG,QAAQC,KACJ,aAAaT,QAAyBK,uFAE1C,MAEJ,QACIG,QAAQE,MACJ,0EAAuEV,WAA4BK,2BAAuCL,K,CAI9J,C,SAEgBW,EAAY1F,GACxB,MAAML,EAAOK,EAAO2F,SAAW,SAAW,OAE1C,OACI7B,EAAA,OAAKC,MAAM,sBACPD,EAAA,cACI8B,WAAW,UACXC,YAAW,KACXlG,KAAMA,EAAI,UACF,WAERmE,EAAA,MAAIgC,GAAI9F,EAAO+F,kBACV/F,EAAOgG,SAASC,KAAIC,GACjBpC,EAAA,gBAAY,mBAAmBvB,EAAI2D,QAM3D,C,SAEgBC,EAAiBnG,GAC7B,MAAMoG,EAAoBpG,EAAON,YAAY8D,WAA0BC,cACnE,uBAEJ,MAAM4C,EAAYD,EAAiB3C,cAAc,cACjD7B,GAAU,KACN,MAAM0E,EAAStG,EAAOuG,cAAgBvG,EAAOwG,SAAWH,EAAUI,wBAAwBH,OAAS,EAEnG,GAAIF,EAAiBM,MAAMC,iBAAiB,YAAc,GAAGL,MAAY,OAEzE,GAAIA,IAAW,EAAG,CACdD,EAAUO,UAAUC,IAAI,aACxBT,EAAiBM,MAAMI,eAAe,S,KACnC,CACHT,EAAUO,UAAUG,OAAO,aAC3BX,EAAiBM,MAAMM,YAAY,SAAU,GAAGV,M,IAG5D,C,MAEaW,EAAe,K,QACxB,OAAOpE,GAAApC,EAAAW,OAAO0B,kBAAc,MAAArC,SAAA,SAAAA,EAAEwG,gBAAY,MAAApE,SAAA,SAAAA,EAAAlC,KAAAF,EAAI,E,MAIrCyG,EAAelH,IACxB,IAAKA,EAAOmH,QAAU,CAAC,UAAW,aAAarH,SAASE,EAAOoH,OAAQ,CACnEpH,EAAOmH,OAAS,YAAYnH,EAAOoH,QACnCpH,EAAOoH,MAAQ3F,S"}

package/dist/q2-tecton-elements/{p-92955258.entry.js → p-4570ff06.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as t,g as e}from"./p-a5f18e27.js";import{o as a,l as i}from"./p-5c46acb8.js";import{c as n,m as s,g as o,i as h,a as u,e as f,f as l,h as c,j as v,k as d,l as p}from"./p-15c6d86f.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as L,W as E,a as _,g as D,b as W,b6 as j,t as B,z as R,b7 as P,V as H,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-dfed434e.js";import{g as K,i as Q}from"./p-e640b69a.js";var Z=function(r){b(t,r);function t(){var e=r!==null&&r.apply(this,arguments)||this;e.type=t.type;return e}t.prototype.getInitialData=function(r,t){return n(null,this,{useEncodeDefaulter:true})};t.prototype.getMarkerPosition=function(r,t,e){var a=this.coordinateSystem;if(a&&a.clampData){var i=a.clampData(r);var n=a.dataToPoint(i);if(e){g(a.getAxes(),(function(r,e){if(r.type==="category"&&t!=null){var a=r.getTicksCoords();var s=r.getTickModel().get("alignWithLabel");var o=i[e];var h=t[e]==="x1"||t[e]==="y1";if(h&&!s){o+=1}if(a.length<2){return}else if(a.length===2){n[e]=r.toGlobalCoord(r.getExtent()[h?1:0]);return}var u=void 0;var f=void 0;var l=1;for(var c=0;c<a.length;c++){var v=a[c].coord;var d=c===a.length-1?a[c-1].tickValue+l:a[c].tickValue;if(d===o){f=v;break}else if(d<o){u=v}else if(u!=null&&d>o){f=(v+u)/2;break}if(c===1){l=d-a[0].tickValue}}if(f==null){if(!u){f=a[0].coord}else if(u){f=a[a.length-1].coord}}n[e]=r.toGlobalCoord(f)}}))}else{var s=this.getData();var o=s.getLayout("offset");var h=s.getLayout("size");var u=a.getBaseAxis().isHorizontal()?0:1;n[u]+=o+h/2}return n}return[NaN,NaN]};t.type="series.__base_bar__";t.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:true,barMinHeight:0,barMinAngle:0,large:false,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"};return t}(m);m.registerClass(Z);const $=Z;var rr=function(r){b(t,r);function t(){var e=r!==null&&r.apply(this,arguments)||this;e.type=t.type;return e}t.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:true,createInvertedIndices:!!this.get("realtimeSort",true)||null})};t.prototype.getProgressive=function(){return this.get("large")?this.get("progressive"):false};t.prototype.getProgressiveThreshold=function(){var r=this.get("progressiveThreshold");var t=this.get("largeThreshold");if(t>r){r=t}return r};t.prototype.brushSelector=function(r,t,e){return e.rect(t.getItemLayout(r))};t.type="series.bar";t.dependencies=["grid","polar"];t.defaultOption=y($.defaultOption,{clip:true,roundCap:false,showBackground:false,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:false});return t}($);const tr=rr;var er=function(){function r(){this.cx=0;this.cy=0;this.r0=0;this.r=0;this.startAngle=0;this.endAngle=Math.PI*2;this.clockwise=true}return r}();var ar=function(r){b(t,r);function t(t){var e=r.call(this,t)||this;e.type="sausage";return e}t.prototype.getDefaultShape=function(){return new er};t.prototype.buildPath=function(r,t){var e=t.cx;var a=t.cy;var i=Math.max(t.r0||0,0);var n=Math.max(t.r,0);var s=(n-i)*.5;var o=i+s;var h=t.startAngle;var u=t.endAngle;var f=t.clockwise;var l=Math.PI*2;var c=f?u-h<l:h-u<l;if(!c){h=u-(f?l:-l)}var v=Math.cos(h);var d=Math.sin(h);var p=Math.cos(u);var b=Math.sin(u);if(c){r.moveTo(v*i+e,d*i+a);r.arc(v*o+e,d*o+a,s,-Math.PI+h,h,!f)}else{r.moveTo(v*n+e,d*n+a)}r.arc(e,a,n,h,u,!f);r.arc(p*o+e,b*o+a,s,u-Math.PI*2,u-Math.PI,!f);if(i!==0){r.arc(e,a,i,u,h,f)}};return t}(w);const ir=ar;function nr(r,t){t=t||{};var e=t.isRoundCap;return function(t,a,i){var n=a.position;if(!n||n instanceof Array){return x(t,a,i)}var s=r(n);var o=a.distance!=null?a.distance:5;var h=this.shape;var u=h.cx;var f=h.cy;var l=h.r;var c=h.r0;var v=(l+c)/2;var d=h.startAngle;var p=h.endAngle;var b=(d+p)/2;var g=e?Math.abs(l-c)/2:0;var m=Math.cos;var y=Math.sin;var w=u+l*m(d);var A=f+l*y(d);var M="left";var k="top";switch(s){case"startArc":w=u+(c-o)*m(b);A=f+(c-o)*y(b);M="center";k="top";break;case"insideStartArc":w=u+(c+o)*m(b);A=f+(c+o)*y(b);M="center";k="bottom";break;case"startAngle":w=u+v*m(d)+or(d,o+g,false);A=f+v*y(d)+hr(d,o+g,false);M="right";k="middle";break;case"insideStartAngle":w=u+v*m(d)+or(d,-o+g,false);A=f+v*y(d)+hr(d,-o+g,false);M="left";k="middle";break;case"middle":w=u+v*m(b);A=f+v*y(b);M="center";k="middle";break;case"endArc":w=u+(l+o)*m(b);A=f+(l+o)*y(b);M="center";k="bottom";break;case"insideEndArc":w=u+(l-o)*m(b);A=f+(l-o)*y(b);M="center";k="top";break;case"endAngle":w=u+v*m(p)+or(p,o+g,true);A=f+v*y(p)+hr(p,o+g,true);M="left";k="middle";break;case"insideEndAngle":w=u+v*m(p)+or(p,-o+g,true);A=f+v*y(p)+hr(p,-o+g,true);M="right";k="middle";break;default:return x(t,a,i)}t=t||{};t.x=w;t.y=A;t.align=M;t.verticalAlign=k;return t}}function sr(r,t,e,a){if(A(a)){r.setTextConfig({rotation:a});return}else if(M(t)){r.setTextConfig({rotation:0});return}var i=r.shape;var n=i.clockwise?i.startAngle:i.endAngle;var s=i.clockwise?i.endAngle:i.startAngle;var o=(n+s)/2;var h;var u=e(t);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":h=o;break;case"startAngle":case"insideStartAngle":h=n;break;case"endAngle":case"insideEndAngle":h=s;break;default:r.setTextConfig({rotation:0});return}var f=Math.PI*1.5-h;if(u==="middle"&&f>Math.PI/2&&f<Math.PI*1.5){f-=Math.PI}r.setTextConfig({rotation:f})}function or(r,t,e){return t*Math.sin(r)*(e?-1:1)}function hr(r,t,e){return t*Math.cos(r)*(e?1:-1)}var ur=Math.max;var fr=Math.min;function lr(r,t){var e=r.getArea&&r.getArea();if(h(r,"cartesian2d")){var a=r.getBaseAxis();if(a.type!=="category"||!a.onBand){var i=t.getLayout("bandWidth");if(a.isHorizontal()){e.x-=i;e.width+=i*2}else{e.y-=i;e.height+=i*2}}}return e}var cr=function(r){b(t,r);function t(){var e=r.call(this)||this;e.type=t.type;e._isFirstFrame=true;return e}t.prototype.render=function(r,t,e,a){this._model=r;this._removeOnRenderedListener(e);this._updateDrawMode(r);var i=r.get("coordinateSystem");if(i==="cartesian2d"||i==="polar"){this._progressiveEls=null;this._isLargeDraw?this._renderLarge(r,t,e):this._renderNormal(r,t,e,a)}};t.prototype.incrementalPrepareRender=function(r){this._clear();this._updateDrawMode(r);this._updateLargeClip(r)};t.prototype.incrementalRender=function(r,t){this._progressiveEls=[];this._incrementalRenderLarge(r,t)};t.prototype.eachRendered=function(r){k(this._progressiveEls||this.group,r)};t.prototype._updateDrawMode=function(r){var t=r.pipelineContext.large;if(this._isLargeDraw==null||t!==this._isLargeDraw){this._isLargeDraw=t;this._clear()}};t.prototype._renderNormal=function(r,t,e,a){var i=this.group;var n=r.getData();var s=this._data;var o=r.coordinateSystem;var h=o.getBaseAxis();var u;if(o.type==="cartesian2d"){u=h.isHorizontal()}else if(o.type==="polar"){u=h.dim==="angle"}var f=r.isAnimationEnabled()?r:null;var l=pr(r,o);if(l){this._enableRealtimeSort(l,n,e)}var c=r.get("clip",true)||l;var v=lr(o,n);i.removeClipPath();var d=r.get("roundCap",true);var p=r.get("showBackground",true);var b=r.getModel("backgroundStyle");var g=b.get("borderRadius")||0;var m=[];var y=this._backgroundEls;var w=a&&a.isInitSort;var x=a&&a.type==="changeAxisOrder";function A(r){var t=xr[o.type](n,r);var e=Tr(o,u,t);e.useStyle(b.getItemStyle());if(o.type==="cartesian2d"){e.setShape("r",g)}else{e.setShape("cornerRadius",g)}m[r]=e;return e}n.diff(s).add((function(t){var e=n.getItemModel(t);var a=xr[o.type](n,t,e);if(p){A(t)}if(!n.hasValue(t)||!wr[o.type](a)){return}var s=false;if(c){s=vr[o.type](v,a)}var b=dr[o.type](r,n,t,a,u,f,h.model,false,d);if(l){b.forceLabelAnimation=true}kr(b,n,t,e,a,r,u,o.type==="polar");if(w){b.attr({shape:a})}else if(l){br(l,f,b,a,t,u,false,false)}else{S(b,{shape:a},r,t)}n.setItemGraphicEl(t,b);i.add(b);b.ignore=s})).update((function(t,e){var a=n.getItemModel(t);var M=xr[o.type](n,t,a);if(p){var k=void 0;if(y.length===0){k=A(e)}else{k=y[e];k.useStyle(b.getItemStyle());if(o.type==="cartesian2d"){k.setShape("r",g)}else{k.setShape("cornerRadius",g)}m[t]=k}var S=xr[o.type](n,t);var U=Or(u,S,o);C(k,{shape:U},f,t)}var I=s.getItemGraphicEl(e);if(!n.hasValue(t)||!wr[o.type](M)){i.remove(I);return}var O=false;if(c){O=vr[o.type](v,M);if(O){i.remove(I)}}if(!I){I=dr[o.type](r,n,t,M,u,f,h.model,!!I,d)}else{N(I)}if(l){I.forceLabelAnimation=true}if(x){var T=I.getTextContent();if(T){var L=z(T);if(L.prevValue!=null){L.prevValue=L.value}}}else{kr(I,n,t,a,M,r,u,o.type==="polar")}if(w){I.attr({shape:M})}else if(l){br(l,f,I,M,t,u,true,x)}else{C(I,{shape:M},r,t,null)}n.setItemGraphicEl(t,I);I.ignore=O;i.add(I)})).remove((function(t){var e=s.getItemGraphicEl(t);e&&U(e,r,t)})).execute();var M=this._backgroundGroup||(this._backgroundGroup=new I);M.removeAll();for(var k=0;k<m.length;++k){M.add(m[k])}i.add(M);this._backgroundEls=m;this._data=n};t.prototype._renderLarge=function(r,t,e){this._clear();zr(r,this.group);this._updateLargeClip(r)};t.prototype._incrementalRenderLarge=function(r,t){this._removeBackground();zr(t,this.group,this._progressiveEls,true)};t.prototype._updateLargeClip=function(r){var t=r.get("clip",true)&&s(r.coordinateSystem,false,r);var e=this.group;if(t){e.setClipPath(t)}else{e.removeClipPath()}};t.prototype._enableRealtimeSort=function(r,t,e){var a=this;if(!t.count()){return}var i=r.baseAxis;if(this._isFirstFrame){this._dispatchInitSort(t,r,e);this._isFirstFrame=false}else{var n=function(r){var e=t.getItemGraphicEl(r);var a=e&&e.shape;return a&&Math.abs(i.isHorizontal()?a.height:a.width)||0};this._onRendered=function(){a._updateSortWithinSameData(t,n,i,e)};e.getZr().on("rendered",this._onRendered)}};t.prototype._dataSort=function(r,t,e){var a=[];r.each(r.mapDimension(t.dim),(function(r,t){var i=e(t);i=i==null?NaN:i;a.push({dataIndex:t,mappedValue:i,ordinalNumber:r})}));a.sort((function(r,t){return t.mappedValue-r.mappedValue}));return{ordinalNumbers:O(a,(function(r){return r.ordinalNumber}))}};t.prototype._isOrderChangedWithinSameData=function(r,t,e){var a=e.scale;var i=r.mapDimension(e.dim);var n=Number.MAX_VALUE;for(var s=0,o=a.getOrdinalMeta().categories.length;s<o;++s){var h=r.rawIndexOf(i,a.getRawOrdinalNumber(s));var u=h<0?Number.MIN_VALUE:t(r.indexOfRawIndex(h));if(u>n){return true}n=u}return false};t.prototype._isOrderDifferentInView=function(r,t){var e=t.scale;var a=e.getExtent();var i=Math.max(0,a[0]);var n=Math.min(a[1],e.getOrdinalMeta().categories.length-1);for(;i<=n;++i){if(r.ordinalNumbers[i]!==e.getRawOrdinalNumber(i)){return true}}};t.prototype._updateSortWithinSameData=function(r,t,e,a){if(!this._isOrderChangedWithinSameData(r,t,e)){return}var i=this._dataSort(r,e,t);if(this._isOrderDifferentInView(i,e)){this._removeOnRenderedListener(a);a.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",axisId:e.index,sortInfo:i})}};t.prototype._dispatchInitSort=function(r,t,e){var a=t.baseAxis;var i=this._dataSort(r,a,(function(e){return r.get(r.mapDimension(t.otherAxis.dim),e)}));e.dispatchAction({type:"changeAxisOrder",componentType:a.dim+"Axis",isInitSort:true,axisId:a.index,sortInfo:i})};t.prototype.remove=function(r,t){this._clear(this._model);this._removeOnRenderedListener(t)};t.prototype.dispose=function(r,t){this._removeOnRenderedListener(t)};t.prototype._removeOnRenderedListener=function(r){if(this._onRendered){r.getZr().off("rendered",this._onRendered);this._onRendered=null}};t.prototype._clear=function(r){var t=this.group;var e=this._data;if(r&&r.isAnimationEnabled()&&e&&!this._isLargeDraw){this._removeBackground();this._backgroundEls=[];e.eachItemGraphicEl((function(t){U(t,r,T(t).dataIndex)}))}else{t.removeAll()}this._data=null;this._isFirstFrame=true};t.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup);this._backgroundGroup=null};t.type="bar";return t}(L);var vr={cartesian2d:function(r,t){var e=t.width<0?-1:1;var a=t.height<0?-1:1;if(e<0){t.x+=t.width;t.width=-t.width}if(a<0){t.y+=t.height;t.height=-t.height}var i=r.x+r.width;var n=r.y+r.height;var s=ur(t.x,r.x);var o=fr(t.x+t.width,i);var h=ur(t.y,r.y);var u=fr(t.y+t.height,n);var f=o<s;var l=u<h;t.x=f&&s>i?o:s;t.y=l&&h>n?u:h;t.width=f?0:o-s;t.height=l?0:u-h;if(e<0){t.x+=t.width;t.width=-t.width}if(a<0){t.y+=t.height;t.height=-t.height}return f||l},polar:function(r,t){var e=t.r0<=t.r?1:-1;if(e<0){var a=t.r;t.r=t.r0;t.r0=a}var i=fr(t.r,r.r);var n=ur(t.r0,r.r0);t.r=i;t.r0=n;var s=i-n<0;if(e<0){var a=t.r;t.r=t.r0;t.r0=a}return s}};var dr={cartesian2d:function(r,t,e,a,i,n,s,o,h){var u=new E({shape:_({},a),z2:1});u.__dataIndex=e;u.name="item";if(n){var f=u.shape;var l=i?"height":"width";f[l]=0}return u},polar:function(r,t,e,a,i,n,s,o,h){var u=!i&&h?ir:H;var f=new u({shape:a,z2:1});f.name="item";var l=Mr(i);f.calculateTextPosition=nr(l,{isRoundCap:u===ir});if(n){var c=f.shape;var v=i?"r":"endAngle";var d={};c[v]=i?a.r0:a.startAngle;d[v]=a[v];(o?C:S)(f,{shape:d},n)}return f}};function pr(r,t){var e=r.get("realtimeSort",true);var a=t.getBaseAxis();if(e&&a.type==="category"&&t.type==="cartesian2d"){return{baseAxis:a,otherAxis:t.getOtherAxis(a)}}}function br(r,t,e,a,i,n,s,o){var h;var u;if(n){u={x:a.x,width:a.width};h={y:a.y,height:a.height}}else{u={y:a.y,height:a.height};h={x:a.x,width:a.width}}if(!o){(s?C:S)(e,{shape:h},t,i,null)}var f=t?r.baseAxis.model:null;(s?C:S)(e,{shape:u},f,i)}function gr(r,t){for(var e=0;e<t.length;e++){if(!isFinite(r[t[e]])){return true}}return false}var mr=["x","y","width","height"];var yr=["cx","cy","r","startAngle","endAngle"];var wr={cartesian2d:function(r){return!gr(r,mr)},polar:function(r){return!gr(r,yr)}};var xr={cartesian2d:function(r,t,e){var a=r.getItemLayout(t);var i=e?Sr(e,a):0;var n=a.width>0?1:-1;var s=a.height>0?1:-1;return{x:a.x+n*i/2,y:a.y+s*i/2,width:a.width-n*i,height:a.height-s*i}},polar:function(r,t,e){var a=r.getItemLayout(t);return{cx:a.cx,cy:a.cy,r0:a.r0,r:a.r,startAngle:a.startAngle,endAngle:a.endAngle,clockwise:a.clockwise}}};function Ar(r){return r.startAngle!=null&&r.endAngle!=null&&r.startAngle===r.endAngle}function Mr(r){return function(r){var t=r?"Arc":"Angle";return function(r){switch(r){case"start":case"insideStart":case"end":case"insideEnd":return r+t;default:return r}}}(r)}function kr(r,t,e,a,i,n,s,h){var f=t.getItemVisual(e,"style");if(!h){var l=a.get(["itemStyle","borderRadius"])||0;r.setShape("r",l)}else if(!n.get("roundCap")){var c=r.shape;var v=K(a.getModel("itemStyle"),c,true);_(c,v);r.setShape(c)}r.useStyle(f);var d=a.getShallow("cursor");d&&r.attr("cursor",d);var p=h?s?i.r>=i.r0?"endArc":"startArc":i.endAngle>=i.startAngle?"endAngle":"startAngle":s?i.height>=0?"bottom":"top":i.width>=0?"right":"left";var b=D(a);W(r,b,{labelFetcher:n,labelDataIndex:e,defaultText:o(n.getData(),e),inheritColor:f.fill,defaultOpacity:f.opacity,defaultOutsidePosition:p});var m=r.getTextContent();if(h&&m){var y=a.get(["label","position"]);r.textConfig.inside=y==="middle"?true:null;sr(r,y==="outside"?p:y,Mr(s),a.get(["label","rotate"]))}j(m,b,n.getRawValue(e),(function(r){return u(t,r)}));var w=a.getModel(["emphasis"]);B(r,w.get("focus"),w.get("blurScope"),w.get("disabled"));R(r,a);if(Ar(i)){r.style.fill="none";r.style.stroke="none";g(r.states,(function(r){if(r.style){r.style.fill=r.style.stroke="none"}}))}}function Sr(r,t){var e=r.get(["itemStyle","borderColor"]);if(!e||e==="none"){return 0}var a=r.get(["itemStyle","borderWidth"])||0;var i=isNaN(t.width)?Number.MAX_VALUE:Math.abs(t.width);var n=isNaN(t.height)?Number.MAX_VALUE:Math.abs(t.height);return Math.min(a,i,n)}var Cr=function(){function r(){}return r}();var Nr=function(r){b(t,r);function t(t){var e=r.call(this,t)||this;e.type="largeBar";return e}t.prototype.getDefaultShape=function(){return new Cr};t.prototype.buildPath=function(r,t){var e=t.points;var a=this.baseDimIdx;var i=1-this.baseDimIdx;var n=[];var s=[];var o=this.barWidth;for(var h=0;h<e.length;h+=3){s[a]=o;s[i]=e[h+2];n[a]=e[h+a];n[i]=e[h+i];r.rect(n[0],n[1],s[0],s[1])}};return t}(w);function zr(r,t,e,a){var i=r.getData();var n=i.getLayout("valueAxisHorizontal")?1:0;var s=i.getLayout("largeDataIndices");var o=i.getLayout("size");var h=r.getModel("backgroundStyle");var u=i.getLayout("largeBackgroundPoints");if(u){var f=new Nr({shape:{points:u},incremental:!!a,silent:true,z2:0});f.baseDimIdx=n;f.largeDataIndices=s;f.barWidth=o;f.useStyle(h.getItemStyle());t.add(f);e&&e.push(f)}var l=new Nr({shape:{points:i.getLayout("largePoints")},incremental:!!a,ignoreCoarsePointer:true,z2:1});l.baseDimIdx=n;l.largeDataIndices=s;l.barWidth=o;t.add(l);l.useStyle(i.getVisual("style"));T(l).seriesIndex=r.seriesIndex;if(!r.get("silent")){l.on("mousedown",Ur);l.on("mousemove",Ur)}e&&e.push(l)}var Ur=P((function(r){var t=this;var e=Ir(t,r.offsetX,r.offsetY);T(t).dataIndex=e>=0?e:null}),30,false);function Ir(r,t,e){var a=r.baseDimIdx;var i=1-a;var n=r.shape.points;var s=r.largeDataIndices;var o=[];var h=[];var u=r.barWidth;for(var f=0,l=n.length/3;f<l;f++){var c=f*3;h[a]=u;h[i]=n[c+2];o[a]=n[c+a];o[i]=n[c+i];if(h[i]<0){o[i]+=h[i];h[i]=-h[i]}if(t>=o[0]&&t<=o[0]+h[0]&&e>=o[1]&&e<=o[1]+h[1]){return s[f]}}return-1}function Or(r,t,e){if(h(e,"cartesian2d")){var a=t;var i=e.getArea();return{x:r?a.x:i.x,y:r?i.y:a.y,width:r?a.width:i.width,height:r?i.height:a.height}}else{var i=e.getArea();var n=t;return{cx:i.cx,cy:i.cy,r0:r?i.r0:n.r0,r:r?i.r:n.r,startAngle:r?n.startAngle:0,endAngle:r?n.endAngle:Math.PI*2}}}function Tr(r,t,e){var a=r.type==="polar"?H:E;return new a({shape:Or(t,e,r),silent:true,z2:0})}const Lr=cr;function Er(r){r.registerChartView(Lr);r.registerSeriesModel(tr);r.registerLayout(r.PRIORITY.VISUAL.LAYOUT,V(F,"bar"));r.registerLayout(r.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar"));r.registerProcessor(r.PRIORITY.PROCESSOR.STATISTIC,f("bar"));r.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(r,t){var e=r.componentType||"series";t.eachComponent({mainType:e,query:r},(function(t){if(r.sortInfo){t.axis.setCategorySortInfo(r.sortInfo)}}))}))}const _r="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";const Dr=_r;G([X,Er,Y,Q,l,c]);const Wr=class{constructor(t){r(this,t);this.data=[];this.alignChartName=undefined;this.chartName=undefined;this.chartSubTitle=undefined;this.color=undefined;this.dataNamesOverflow=undefined;this.dataNamesWidth=undefined;this.format=undefined;this.formatModifier=undefined;this.hideBarLabels=false;this.hideValueAxisLabels=false;this.offsetDataNames=false;this.offsetDataValues=false;this.orientation=undefined;this.showChartName=false;this.sort=false}componentDidLoad(){const r=J(this.chartContainer);this.chart=r;this.resizeEventListener=()=>this.resizeChart();window.addEventListener("resize",this.resizeEventListener);this.cacheComputedStyles();this.updateChart(r);a(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(r){const t=v("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);const e=v(this.color,this.chartContainerStyles,this.hostElementStyles);const a=v(r,this.chartContainerStyles,this.hostElementStyles);if(a)return a;if(d(r))return r;if(e)return e;if(d(this.color))return this.color;return t}processData(r){return r.map((r=>({value:r.value||0,itemStyle:{color:this.getColor(r.color)}})))}updateChart(r){var t;const e=((t=this.formatModifier)===null||t===void 0?void 0:t.includes("dec"))?this.formatModifier.replace("dec",""):0;const a={type:"value",axisLabel:{formatter:r=>p(r,{type:this.format,decimals:e}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}};const n={type:"category",data:this.data.map((r=>i(r.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return r.setOption({aria:{enabled:true},title:{text:i(this.chartName),show:this.showChartName,left:this.alignChartName,subtext:this.chartSubTitle},grid:{containLabel:true},xAxis:this.orientation==="horizontal"?a:n,yAxis:this.orientation==="horizontal"?n:a,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:r=>p(r.value,{type:this.format,decimals:e})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return t("div",{key:"38e48c98140b0151cfe3efea85d8209e134bee61",class:"container"},t("div",{key:"96ef6c96eba64a245da4e365c23033efac974557",ref:r=>this.chartContainer=r,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return e(this)}static get watchers(){return{chartName:["propsUpdates"],chartSubTitle:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"]}}};Wr.style=Dr;export{Wr as q2_chart_bar};
-//# sourceMappingURL=p-92955258.entry.js.map
+import{r,h as t,g as e}from"./p-a5f18e27.js";import{o as a,l as i}from"./p-42302f6f.js";import{c as n,m as s,g as o,i as h,a as u,e as f,f as l,h as c,j as v,k as d,l as p}from"./p-15c6d86f.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as L,W as E,a as _,g as D,b as W,b6 as j,t as B,z as R,b7 as P,V as H,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-dfed434e.js";import{g as K,i as Q}from"./p-e640b69a.js";var Z=function(r){b(t,r);function t(){var e=r!==null&&r.apply(this,arguments)||this;e.type=t.type;return e}t.prototype.getInitialData=function(r,t){return n(null,this,{useEncodeDefaulter:true})};t.prototype.getMarkerPosition=function(r,t,e){var a=this.coordinateSystem;if(a&&a.clampData){var i=a.clampData(r);var n=a.dataToPoint(i);if(e){g(a.getAxes(),(function(r,e){if(r.type==="category"&&t!=null){var a=r.getTicksCoords();var s=r.getTickModel().get("alignWithLabel");var o=i[e];var h=t[e]==="x1"||t[e]==="y1";if(h&&!s){o+=1}if(a.length<2){return}else if(a.length===2){n[e]=r.toGlobalCoord(r.getExtent()[h?1:0]);return}var u=void 0;var f=void 0;var l=1;for(var c=0;c<a.length;c++){var v=a[c].coord;var d=c===a.length-1?a[c-1].tickValue+l:a[c].tickValue;if(d===o){f=v;break}else if(d<o){u=v}else if(u!=null&&d>o){f=(v+u)/2;break}if(c===1){l=d-a[0].tickValue}}if(f==null){if(!u){f=a[0].coord}else if(u){f=a[a.length-1].coord}}n[e]=r.toGlobalCoord(f)}}))}else{var s=this.getData();var o=s.getLayout("offset");var h=s.getLayout("size");var u=a.getBaseAxis().isHorizontal()?0:1;n[u]+=o+h/2}return n}return[NaN,NaN]};t.type="series.__base_bar__";t.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:true,barMinHeight:0,barMinAngle:0,large:false,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"};return t}(m);m.registerClass(Z);const $=Z;var rr=function(r){b(t,r);function t(){var e=r!==null&&r.apply(this,arguments)||this;e.type=t.type;return e}t.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:true,createInvertedIndices:!!this.get("realtimeSort",true)||null})};t.prototype.getProgressive=function(){return this.get("large")?this.get("progressive"):false};t.prototype.getProgressiveThreshold=function(){var r=this.get("progressiveThreshold");var t=this.get("largeThreshold");if(t>r){r=t}return r};t.prototype.brushSelector=function(r,t,e){return e.rect(t.getItemLayout(r))};t.type="series.bar";t.dependencies=["grid","polar"];t.defaultOption=y($.defaultOption,{clip:true,roundCap:false,showBackground:false,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:false});return t}($);const tr=rr;var er=function(){function r(){this.cx=0;this.cy=0;this.r0=0;this.r=0;this.startAngle=0;this.endAngle=Math.PI*2;this.clockwise=true}return r}();var ar=function(r){b(t,r);function t(t){var e=r.call(this,t)||this;e.type="sausage";return e}t.prototype.getDefaultShape=function(){return new er};t.prototype.buildPath=function(r,t){var e=t.cx;var a=t.cy;var i=Math.max(t.r0||0,0);var n=Math.max(t.r,0);var s=(n-i)*.5;var o=i+s;var h=t.startAngle;var u=t.endAngle;var f=t.clockwise;var l=Math.PI*2;var c=f?u-h<l:h-u<l;if(!c){h=u-(f?l:-l)}var v=Math.cos(h);var d=Math.sin(h);var p=Math.cos(u);var b=Math.sin(u);if(c){r.moveTo(v*i+e,d*i+a);r.arc(v*o+e,d*o+a,s,-Math.PI+h,h,!f)}else{r.moveTo(v*n+e,d*n+a)}r.arc(e,a,n,h,u,!f);r.arc(p*o+e,b*o+a,s,u-Math.PI*2,u-Math.PI,!f);if(i!==0){r.arc(e,a,i,u,h,f)}};return t}(w);const ir=ar;function nr(r,t){t=t||{};var e=t.isRoundCap;return function(t,a,i){var n=a.position;if(!n||n instanceof Array){return x(t,a,i)}var s=r(n);var o=a.distance!=null?a.distance:5;var h=this.shape;var u=h.cx;var f=h.cy;var l=h.r;var c=h.r0;var v=(l+c)/2;var d=h.startAngle;var p=h.endAngle;var b=(d+p)/2;var g=e?Math.abs(l-c)/2:0;var m=Math.cos;var y=Math.sin;var w=u+l*m(d);var A=f+l*y(d);var M="left";var k="top";switch(s){case"startArc":w=u+(c-o)*m(b);A=f+(c-o)*y(b);M="center";k="top";break;case"insideStartArc":w=u+(c+o)*m(b);A=f+(c+o)*y(b);M="center";k="bottom";break;case"startAngle":w=u+v*m(d)+or(d,o+g,false);A=f+v*y(d)+hr(d,o+g,false);M="right";k="middle";break;case"insideStartAngle":w=u+v*m(d)+or(d,-o+g,false);A=f+v*y(d)+hr(d,-o+g,false);M="left";k="middle";break;case"middle":w=u+v*m(b);A=f+v*y(b);M="center";k="middle";break;case"endArc":w=u+(l+o)*m(b);A=f+(l+o)*y(b);M="center";k="bottom";break;case"insideEndArc":w=u+(l-o)*m(b);A=f+(l-o)*y(b);M="center";k="top";break;case"endAngle":w=u+v*m(p)+or(p,o+g,true);A=f+v*y(p)+hr(p,o+g,true);M="left";k="middle";break;case"insideEndAngle":w=u+v*m(p)+or(p,-o+g,true);A=f+v*y(p)+hr(p,-o+g,true);M="right";k="middle";break;default:return x(t,a,i)}t=t||{};t.x=w;t.y=A;t.align=M;t.verticalAlign=k;return t}}function sr(r,t,e,a){if(A(a)){r.setTextConfig({rotation:a});return}else if(M(t)){r.setTextConfig({rotation:0});return}var i=r.shape;var n=i.clockwise?i.startAngle:i.endAngle;var s=i.clockwise?i.endAngle:i.startAngle;var o=(n+s)/2;var h;var u=e(t);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":h=o;break;case"startAngle":case"insideStartAngle":h=n;break;case"endAngle":case"insideEndAngle":h=s;break;default:r.setTextConfig({rotation:0});return}var f=Math.PI*1.5-h;if(u==="middle"&&f>Math.PI/2&&f<Math.PI*1.5){f-=Math.PI}r.setTextConfig({rotation:f})}function or(r,t,e){return t*Math.sin(r)*(e?-1:1)}function hr(r,t,e){return t*Math.cos(r)*(e?1:-1)}var ur=Math.max;var fr=Math.min;function lr(r,t){var e=r.getArea&&r.getArea();if(h(r,"cartesian2d")){var a=r.getBaseAxis();if(a.type!=="category"||!a.onBand){var i=t.getLayout("bandWidth");if(a.isHorizontal()){e.x-=i;e.width+=i*2}else{e.y-=i;e.height+=i*2}}}return e}var cr=function(r){b(t,r);function t(){var e=r.call(this)||this;e.type=t.type;e._isFirstFrame=true;return e}t.prototype.render=function(r,t,e,a){this._model=r;this._removeOnRenderedListener(e);this._updateDrawMode(r);var i=r.get("coordinateSystem");if(i==="cartesian2d"||i==="polar"){this._progressiveEls=null;this._isLargeDraw?this._renderLarge(r,t,e):this._renderNormal(r,t,e,a)}};t.prototype.incrementalPrepareRender=function(r){this._clear();this._updateDrawMode(r);this._updateLargeClip(r)};t.prototype.incrementalRender=function(r,t){this._progressiveEls=[];this._incrementalRenderLarge(r,t)};t.prototype.eachRendered=function(r){k(this._progressiveEls||this.group,r)};t.prototype._updateDrawMode=function(r){var t=r.pipelineContext.large;if(this._isLargeDraw==null||t!==this._isLargeDraw){this._isLargeDraw=t;this._clear()}};t.prototype._renderNormal=function(r,t,e,a){var i=this.group;var n=r.getData();var s=this._data;var o=r.coordinateSystem;var h=o.getBaseAxis();var u;if(o.type==="cartesian2d"){u=h.isHorizontal()}else if(o.type==="polar"){u=h.dim==="angle"}var f=r.isAnimationEnabled()?r:null;var l=pr(r,o);if(l){this._enableRealtimeSort(l,n,e)}var c=r.get("clip",true)||l;var v=lr(o,n);i.removeClipPath();var d=r.get("roundCap",true);var p=r.get("showBackground",true);var b=r.getModel("backgroundStyle");var g=b.get("borderRadius")||0;var m=[];var y=this._backgroundEls;var w=a&&a.isInitSort;var x=a&&a.type==="changeAxisOrder";function A(r){var t=xr[o.type](n,r);var e=Tr(o,u,t);e.useStyle(b.getItemStyle());if(o.type==="cartesian2d"){e.setShape("r",g)}else{e.setShape("cornerRadius",g)}m[r]=e;return e}n.diff(s).add((function(t){var e=n.getItemModel(t);var a=xr[o.type](n,t,e);if(p){A(t)}if(!n.hasValue(t)||!wr[o.type](a)){return}var s=false;if(c){s=vr[o.type](v,a)}var b=dr[o.type](r,n,t,a,u,f,h.model,false,d);if(l){b.forceLabelAnimation=true}kr(b,n,t,e,a,r,u,o.type==="polar");if(w){b.attr({shape:a})}else if(l){br(l,f,b,a,t,u,false,false)}else{S(b,{shape:a},r,t)}n.setItemGraphicEl(t,b);i.add(b);b.ignore=s})).update((function(t,e){var a=n.getItemModel(t);var M=xr[o.type](n,t,a);if(p){var k=void 0;if(y.length===0){k=A(e)}else{k=y[e];k.useStyle(b.getItemStyle());if(o.type==="cartesian2d"){k.setShape("r",g)}else{k.setShape("cornerRadius",g)}m[t]=k}var S=xr[o.type](n,t);var U=Or(u,S,o);C(k,{shape:U},f,t)}var I=s.getItemGraphicEl(e);if(!n.hasValue(t)||!wr[o.type](M)){i.remove(I);return}var O=false;if(c){O=vr[o.type](v,M);if(O){i.remove(I)}}if(!I){I=dr[o.type](r,n,t,M,u,f,h.model,!!I,d)}else{N(I)}if(l){I.forceLabelAnimation=true}if(x){var T=I.getTextContent();if(T){var L=z(T);if(L.prevValue!=null){L.prevValue=L.value}}}else{kr(I,n,t,a,M,r,u,o.type==="polar")}if(w){I.attr({shape:M})}else if(l){br(l,f,I,M,t,u,true,x)}else{C(I,{shape:M},r,t,null)}n.setItemGraphicEl(t,I);I.ignore=O;i.add(I)})).remove((function(t){var e=s.getItemGraphicEl(t);e&&U(e,r,t)})).execute();var M=this._backgroundGroup||(this._backgroundGroup=new I);M.removeAll();for(var k=0;k<m.length;++k){M.add(m[k])}i.add(M);this._backgroundEls=m;this._data=n};t.prototype._renderLarge=function(r,t,e){this._clear();zr(r,this.group);this._updateLargeClip(r)};t.prototype._incrementalRenderLarge=function(r,t){this._removeBackground();zr(t,this.group,this._progressiveEls,true)};t.prototype._updateLargeClip=function(r){var t=r.get("clip",true)&&s(r.coordinateSystem,false,r);var e=this.group;if(t){e.setClipPath(t)}else{e.removeClipPath()}};t.prototype._enableRealtimeSort=function(r,t,e){var a=this;if(!t.count()){return}var i=r.baseAxis;if(this._isFirstFrame){this._dispatchInitSort(t,r,e);this._isFirstFrame=false}else{var n=function(r){var e=t.getItemGraphicEl(r);var a=e&&e.shape;return a&&Math.abs(i.isHorizontal()?a.height:a.width)||0};this._onRendered=function(){a._updateSortWithinSameData(t,n,i,e)};e.getZr().on("rendered",this._onRendered)}};t.prototype._dataSort=function(r,t,e){var a=[];r.each(r.mapDimension(t.dim),(function(r,t){var i=e(t);i=i==null?NaN:i;a.push({dataIndex:t,mappedValue:i,ordinalNumber:r})}));a.sort((function(r,t){return t.mappedValue-r.mappedValue}));return{ordinalNumbers:O(a,(function(r){return r.ordinalNumber}))}};t.prototype._isOrderChangedWithinSameData=function(r,t,e){var a=e.scale;var i=r.mapDimension(e.dim);var n=Number.MAX_VALUE;for(var s=0,o=a.getOrdinalMeta().categories.length;s<o;++s){var h=r.rawIndexOf(i,a.getRawOrdinalNumber(s));var u=h<0?Number.MIN_VALUE:t(r.indexOfRawIndex(h));if(u>n){return true}n=u}return false};t.prototype._isOrderDifferentInView=function(r,t){var e=t.scale;var a=e.getExtent();var i=Math.max(0,a[0]);var n=Math.min(a[1],e.getOrdinalMeta().categories.length-1);for(;i<=n;++i){if(r.ordinalNumbers[i]!==e.getRawOrdinalNumber(i)){return true}}};t.prototype._updateSortWithinSameData=function(r,t,e,a){if(!this._isOrderChangedWithinSameData(r,t,e)){return}var i=this._dataSort(r,e,t);if(this._isOrderDifferentInView(i,e)){this._removeOnRenderedListener(a);a.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",axisId:e.index,sortInfo:i})}};t.prototype._dispatchInitSort=function(r,t,e){var a=t.baseAxis;var i=this._dataSort(r,a,(function(e){return r.get(r.mapDimension(t.otherAxis.dim),e)}));e.dispatchAction({type:"changeAxisOrder",componentType:a.dim+"Axis",isInitSort:true,axisId:a.index,sortInfo:i})};t.prototype.remove=function(r,t){this._clear(this._model);this._removeOnRenderedListener(t)};t.prototype.dispose=function(r,t){this._removeOnRenderedListener(t)};t.prototype._removeOnRenderedListener=function(r){if(this._onRendered){r.getZr().off("rendered",this._onRendered);this._onRendered=null}};t.prototype._clear=function(r){var t=this.group;var e=this._data;if(r&&r.isAnimationEnabled()&&e&&!this._isLargeDraw){this._removeBackground();this._backgroundEls=[];e.eachItemGraphicEl((function(t){U(t,r,T(t).dataIndex)}))}else{t.removeAll()}this._data=null;this._isFirstFrame=true};t.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup);this._backgroundGroup=null};t.type="bar";return t}(L);var vr={cartesian2d:function(r,t){var e=t.width<0?-1:1;var a=t.height<0?-1:1;if(e<0){t.x+=t.width;t.width=-t.width}if(a<0){t.y+=t.height;t.height=-t.height}var i=r.x+r.width;var n=r.y+r.height;var s=ur(t.x,r.x);var o=fr(t.x+t.width,i);var h=ur(t.y,r.y);var u=fr(t.y+t.height,n);var f=o<s;var l=u<h;t.x=f&&s>i?o:s;t.y=l&&h>n?u:h;t.width=f?0:o-s;t.height=l?0:u-h;if(e<0){t.x+=t.width;t.width=-t.width}if(a<0){t.y+=t.height;t.height=-t.height}return f||l},polar:function(r,t){var e=t.r0<=t.r?1:-1;if(e<0){var a=t.r;t.r=t.r0;t.r0=a}var i=fr(t.r,r.r);var n=ur(t.r0,r.r0);t.r=i;t.r0=n;var s=i-n<0;if(e<0){var a=t.r;t.r=t.r0;t.r0=a}return s}};var dr={cartesian2d:function(r,t,e,a,i,n,s,o,h){var u=new E({shape:_({},a),z2:1});u.__dataIndex=e;u.name="item";if(n){var f=u.shape;var l=i?"height":"width";f[l]=0}return u},polar:function(r,t,e,a,i,n,s,o,h){var u=!i&&h?ir:H;var f=new u({shape:a,z2:1});f.name="item";var l=Mr(i);f.calculateTextPosition=nr(l,{isRoundCap:u===ir});if(n){var c=f.shape;var v=i?"r":"endAngle";var d={};c[v]=i?a.r0:a.startAngle;d[v]=a[v];(o?C:S)(f,{shape:d},n)}return f}};function pr(r,t){var e=r.get("realtimeSort",true);var a=t.getBaseAxis();if(e&&a.type==="category"&&t.type==="cartesian2d"){return{baseAxis:a,otherAxis:t.getOtherAxis(a)}}}function br(r,t,e,a,i,n,s,o){var h;var u;if(n){u={x:a.x,width:a.width};h={y:a.y,height:a.height}}else{u={y:a.y,height:a.height};h={x:a.x,width:a.width}}if(!o){(s?C:S)(e,{shape:h},t,i,null)}var f=t?r.baseAxis.model:null;(s?C:S)(e,{shape:u},f,i)}function gr(r,t){for(var e=0;e<t.length;e++){if(!isFinite(r[t[e]])){return true}}return false}var mr=["x","y","width","height"];var yr=["cx","cy","r","startAngle","endAngle"];var wr={cartesian2d:function(r){return!gr(r,mr)},polar:function(r){return!gr(r,yr)}};var xr={cartesian2d:function(r,t,e){var a=r.getItemLayout(t);var i=e?Sr(e,a):0;var n=a.width>0?1:-1;var s=a.height>0?1:-1;return{x:a.x+n*i/2,y:a.y+s*i/2,width:a.width-n*i,height:a.height-s*i}},polar:function(r,t,e){var a=r.getItemLayout(t);return{cx:a.cx,cy:a.cy,r0:a.r0,r:a.r,startAngle:a.startAngle,endAngle:a.endAngle,clockwise:a.clockwise}}};function Ar(r){return r.startAngle!=null&&r.endAngle!=null&&r.startAngle===r.endAngle}function Mr(r){return function(r){var t=r?"Arc":"Angle";return function(r){switch(r){case"start":case"insideStart":case"end":case"insideEnd":return r+t;default:return r}}}(r)}function kr(r,t,e,a,i,n,s,h){var f=t.getItemVisual(e,"style");if(!h){var l=a.get(["itemStyle","borderRadius"])||0;r.setShape("r",l)}else if(!n.get("roundCap")){var c=r.shape;var v=K(a.getModel("itemStyle"),c,true);_(c,v);r.setShape(c)}r.useStyle(f);var d=a.getShallow("cursor");d&&r.attr("cursor",d);var p=h?s?i.r>=i.r0?"endArc":"startArc":i.endAngle>=i.startAngle?"endAngle":"startAngle":s?i.height>=0?"bottom":"top":i.width>=0?"right":"left";var b=D(a);W(r,b,{labelFetcher:n,labelDataIndex:e,defaultText:o(n.getData(),e),inheritColor:f.fill,defaultOpacity:f.opacity,defaultOutsidePosition:p});var m=r.getTextContent();if(h&&m){var y=a.get(["label","position"]);r.textConfig.inside=y==="middle"?true:null;sr(r,y==="outside"?p:y,Mr(s),a.get(["label","rotate"]))}j(m,b,n.getRawValue(e),(function(r){return u(t,r)}));var w=a.getModel(["emphasis"]);B(r,w.get("focus"),w.get("blurScope"),w.get("disabled"));R(r,a);if(Ar(i)){r.style.fill="none";r.style.stroke="none";g(r.states,(function(r){if(r.style){r.style.fill=r.style.stroke="none"}}))}}function Sr(r,t){var e=r.get(["itemStyle","borderColor"]);if(!e||e==="none"){return 0}var a=r.get(["itemStyle","borderWidth"])||0;var i=isNaN(t.width)?Number.MAX_VALUE:Math.abs(t.width);var n=isNaN(t.height)?Number.MAX_VALUE:Math.abs(t.height);return Math.min(a,i,n)}var Cr=function(){function r(){}return r}();var Nr=function(r){b(t,r);function t(t){var e=r.call(this,t)||this;e.type="largeBar";return e}t.prototype.getDefaultShape=function(){return new Cr};t.prototype.buildPath=function(r,t){var e=t.points;var a=this.baseDimIdx;var i=1-this.baseDimIdx;var n=[];var s=[];var o=this.barWidth;for(var h=0;h<e.length;h+=3){s[a]=o;s[i]=e[h+2];n[a]=e[h+a];n[i]=e[h+i];r.rect(n[0],n[1],s[0],s[1])}};return t}(w);function zr(r,t,e,a){var i=r.getData();var n=i.getLayout("valueAxisHorizontal")?1:0;var s=i.getLayout("largeDataIndices");var o=i.getLayout("size");var h=r.getModel("backgroundStyle");var u=i.getLayout("largeBackgroundPoints");if(u){var f=new Nr({shape:{points:u},incremental:!!a,silent:true,z2:0});f.baseDimIdx=n;f.largeDataIndices=s;f.barWidth=o;f.useStyle(h.getItemStyle());t.add(f);e&&e.push(f)}var l=new Nr({shape:{points:i.getLayout("largePoints")},incremental:!!a,ignoreCoarsePointer:true,z2:1});l.baseDimIdx=n;l.largeDataIndices=s;l.barWidth=o;t.add(l);l.useStyle(i.getVisual("style"));T(l).seriesIndex=r.seriesIndex;if(!r.get("silent")){l.on("mousedown",Ur);l.on("mousemove",Ur)}e&&e.push(l)}var Ur=P((function(r){var t=this;var e=Ir(t,r.offsetX,r.offsetY);T(t).dataIndex=e>=0?e:null}),30,false);function Ir(r,t,e){var a=r.baseDimIdx;var i=1-a;var n=r.shape.points;var s=r.largeDataIndices;var o=[];var h=[];var u=r.barWidth;for(var f=0,l=n.length/3;f<l;f++){var c=f*3;h[a]=u;h[i]=n[c+2];o[a]=n[c+a];o[i]=n[c+i];if(h[i]<0){o[i]+=h[i];h[i]=-h[i]}if(t>=o[0]&&t<=o[0]+h[0]&&e>=o[1]&&e<=o[1]+h[1]){return s[f]}}return-1}function Or(r,t,e){if(h(e,"cartesian2d")){var a=t;var i=e.getArea();return{x:r?a.x:i.x,y:r?i.y:a.y,width:r?a.width:i.width,height:r?i.height:a.height}}else{var i=e.getArea();var n=t;return{cx:i.cx,cy:i.cy,r0:r?i.r0:n.r0,r:r?i.r:n.r,startAngle:r?n.startAngle:0,endAngle:r?n.endAngle:Math.PI*2}}}function Tr(r,t,e){var a=r.type==="polar"?H:E;return new a({shape:Or(t,e,r),silent:true,z2:0})}const Lr=cr;function Er(r){r.registerChartView(Lr);r.registerSeriesModel(tr);r.registerLayout(r.PRIORITY.VISUAL.LAYOUT,V(F,"bar"));r.registerLayout(r.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar"));r.registerProcessor(r.PRIORITY.PROCESSOR.STATISTIC,f("bar"));r.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(r,t){var e=r.componentType||"series";t.eachComponent({mainType:e,query:r},(function(t){if(r.sortInfo){t.axis.setCategorySortInfo(r.sortInfo)}}))}))}const _r="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";const Dr=_r;G([X,Er,Y,Q,l,c]);const Wr=class{constructor(t){r(this,t);this.data=[];this.alignChartName=undefined;this.chartName=undefined;this.chartSubTitle=undefined;this.color=undefined;this.dataNamesOverflow=undefined;this.dataNamesWidth=undefined;this.format=undefined;this.formatModifier=undefined;this.hideBarLabels=false;this.hideValueAxisLabels=false;this.offsetDataNames=false;this.offsetDataValues=false;this.orientation=undefined;this.showChartName=false;this.sort=false}componentDidLoad(){const r=J(this.chartContainer);this.chart=r;this.resizeEventListener=()=>this.resizeChart();window.addEventListener("resize",this.resizeEventListener);this.cacheComputedStyles();this.updateChart(r);a(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(r){const t=v("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);const e=v(this.color,this.chartContainerStyles,this.hostElementStyles);const a=v(r,this.chartContainerStyles,this.hostElementStyles);if(a)return a;if(d(r))return r;if(e)return e;if(d(this.color))return this.color;return t}processData(r){return r.map((r=>({value:r.value||0,itemStyle:{color:this.getColor(r.color)}})))}updateChart(r){var t;const e=((t=this.formatModifier)===null||t===void 0?void 0:t.includes("dec"))?this.formatModifier.replace("dec",""):0;const a={type:"value",axisLabel:{formatter:r=>p(r,{type:this.format,decimals:e}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}};const n={type:"category",data:this.data.map((r=>i(r.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return r.setOption({aria:{enabled:true},title:{text:i(this.chartName),show:this.showChartName,left:this.alignChartName,subtext:this.chartSubTitle},grid:{containLabel:true},xAxis:this.orientation==="horizontal"?a:n,yAxis:this.orientation==="horizontal"?n:a,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:r=>p(r.value,{type:this.format,decimals:e})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return t("div",{key:"38e48c98140b0151cfe3efea85d8209e134bee61",class:"container"},t("div",{key:"96ef6c96eba64a245da4e365c23033efac974557",ref:r=>this.chartContainer=r,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return e(this)}static get watchers(){return{chartName:["propsUpdates"],chartSubTitle:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"]}}};Wr.style=Dr;export{Wr as q2_chart_bar};
+//# sourceMappingURL=p-4570ff06.entry.js.map

package/dist/q2-tecton-elements/p-47868d6d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as r,g as o}from"./p-a5f18e27.js";import{c as a,h as i,o as c,l}from"./p-42302f6f.js";const n='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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}.radio-container{--comp-radio-margin:var(--tct-radio-margin, var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px)) var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px)));margin:var(--comp-radio-margin)}.radio-container label[for]{color:var(--tct-radio-label-color, inherit);font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:var(--tct-radio-label-margin-right, 1rem);display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container label[for].label-hidden{grid-template-columns:var(--tct-radio-label-hidden-columns, 18px 1fr)}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));fill:var(--tct-radio-background-fill, transparent)}.radio-container input:checked+label circle:nth-child(1){fill:var(--tct-radio-checked-background-fill, var(--tct-radio-checked-bg, transparent));stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:checked+label .label-content{font-weight:var(--tct-radio-checked-label-font-weight, var(--tct-checkbox-selected-font-weight, 600));letter-spacing:var(--tct-radio-checked-label-letter-spacing, var(--tct-checkbox-selected-letter-spacing, 0.25));color:var(--tct-radio-checked-label-font-color, var(--tct-radio-checked-label-color, inherit))}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:hover+label circle:nth-child(1){fill:var(--tct-radio-hover-background-fill, transparent);stroke:var(--tct-radio-hover-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:hover+label .label-content{color:var(--tct-radio-hover-label-color, inherit)}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){fill:var(--tct-radio-focus-background-fill, transparent);stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:focus+label .label-content{color:var(--tct-radio-focus-label-color, var(--tct-radio-checked-label-color, inherit))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{color:var(--tct-radio-label-font-color, var(--tct-radio-label-color, inherit));align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));background:var(--tct-radio-background-fill, transparent);cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:checked+label{border-color:var(--tct-radio-checked-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));box-shadow:inset 0 0 0 2px #ffffff;background:var(--tct-radio-checked-background-fill, transparent);color:var(--tct-radio-checked-label-color, inherit)}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid var(--tct-radio-checked-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}.radio-tile input:hover+label{border-color:var(--tct-radio-hover-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)));background:var(--tct-radio-hover-background-fill, transparent);color:var(--tct-radio-hover-label-color, var(--tct-radio-label-color, inherit))}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));background:var(--tct-radio-focus-background-fill, transparent);box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);color:var(--tct-radio-focus-label-color, var(--tct-radio-checked-label-color, inherit))}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';const d=n;const s=class{constructor(r){t(this,r);this.change=e(this,"change",7);this._id=`radio-${a()}`;this.isLoaded=false;this.inputChange=t=>{t.stopPropagation();if(this.disabled||this.readonly||this.groupReadonly||this.groupDisabled){t.preventDefault();return false}if(t.target instanceof HTMLInputElement){this.checked=t.target.checked}};this.checked=false;this.disabled=false;this.hideLabel=undefined;this.label=undefined;this.readonly=undefined;this.value=undefined;this.tabIndex=0;this.name=undefined;this.groupDisabled=false;this.groupReadonly=false;this.groupTileLayout=false;this.ariaLabel=undefined}componentWillLoad(){i(this)}componentDidLoad(){this.isLoaded=true;c(this.hostElement);this.hostElement.click=()=>{this.inputField.focus();this.inputField.click()}}ariaLabelObserver(){i(this)}checkedObserver(){if(!this.isLoaded)return;if(!this.checked)return;this.change.emit({value:this.value})}onHostClick(t){if(this.disabled){t.stopImmediatePropagation()}else if(this.groupReadonly){t.preventDefault();t.stopImmediatePropagation();this.inputField.focus()}}delegateFocus(t){if(t.target===this.hostElement){this.inputField.focus()}}render(){return r("div",{key:"747de74f65700a44bec6fb7fbaf6e910685897e4",class:this.groupTileLayout?"radio-tile":"radio-container"},r("input",{key:"4727b651cdc7e2fa095c8b4a1050463ef1aeca1d",ref:t=>this.inputField=t,class:"sr",id:this._id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?l(this.label):undefined,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),r("label",{key:"bc37d7119b83407f93dabf4d75be15e3d31be876",htmlFor:this._id,class:this.hideLabel?"label-hidden":undefined,"test-id":"radioButton"},!this.groupTileLayout&&r("svg",{key:"197549ba1fcfe3d509a00f3c5e45f36fab4c4ff2",viewBox:"0 0 18 18"},r("circle",{key:"206836e8921b866e27fadbdc8354b305acad2c0d",stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),r("circle",{key:"50ef8f9239754be1d153df0e38bc55a663e0c12c",stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&r("div",{key:"5a2d36332cc8231daaa08eb5c3db99598d921f08",class:"label-content"},this.label&&l(this.label)||"",r("slot",{key:"3b3b5c2e89a82092dc8b727e5cfc15609aaba27e"}))))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};s.style=d;export{s as q2_radio};
+//# sourceMappingURL=p-47868d6d.entry.js.map

package/dist/q2-tecton-elements/p-47868d6d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["q2RadioCss","Q2RadioStyle0","Q2Radio","this","_id","createGuid","isLoaded","inputChange","event","stopPropagation","disabled","readonly","groupReadonly","groupDisabled","preventDefault","target","HTMLInputElement","checked","componentWillLoad","handleAriaLabel","componentDidLoad","overrideFocus","hostElement","click","inputField","focus","ariaLabelObserver","checkedObserver","change","emit","value","onHostClick","stopImmediatePropagation","delegateFocus","render","h","key","class","groupTileLayout","ref","el","id","type","name","label","hideLabel","loc","undefined","onChange","htmlFor","viewBox","stroke","fill","cx","cy","r"],"sources":["src/components/q2-radio/q2-radio.scss?tag=q2-radio&encapsulation=shadow","src/components/q2-radio/q2-radio.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: block;\n}\n\n.radio-container {\n    --comp-radio-margin: #{var-list(\n            --tct-radio-margin,\n            unquote(\n                '#{var-list(--tct-radio-margin-vertical, --tct-scale-2, 10px)} #{var-list(--tct-radio-margin-horizontal, --tct-scale-3, 15px)}'\n            )\n        )};\n    margin: var(--comp-radio-margin);\n\n    label[for] {\n        color: var-list(--tct-radio-label-color, inherit);\n        font-weight: var-list(--tct-radio-font-weight, --tct-checkbox-font-weight, 400);\n        align-items: center;\n        cursor: pointer;\n        margin-right: var-list(--tct-radio-label-margin-right, 1rem);\n        display: grid;\n        grid-template-columns: 18px 1fr;\n        gap: var-list(--tct-scale-1, --app-scale-1x, 5px);\n\n        &.label-hidden {\n            grid-template-columns: var(--tct-radio-label-hidden-columns, 18px 1fr);\n        }\n    }\n\n    svg {\n        border-radius: 50%;\n        transition: box-shadow var-list(--tct-tween-1, --app-tween-1, unquote('0.2s ease'));\n        outline: 0;\n        width: 100%;\n    }\n\n    circle:nth-child(1) {\n        stroke-width: 2;\n        stroke: var-list(--tct-radio-stroke-color, --t-a11y-gray-color-AA, #949494);\n        fill: var-list(--tct-radio-background-fill, transparent);\n    }\n\n    input {\n        &:checked {\n            & + label circle:nth-child(1) {\n                fill: var-list(--tct-radio-checked-background-fill, --tct-radio-checked-bg, transparent);\n                stroke: var-list(\n                    --tct-radio-checked-stroke-color,\n                    --tct-radio-stroke-color,\n                    --t-a11y-gray-color-AA,\n                    #949494\n                );\n            }\n            & + label .label-content {\n                font-weight: var-list(--tct-radio-checked-label-font-weight, --tct-checkbox-selected-font-weight, 600);\n                letter-spacing: var-list(\n                    --tct-radio-checked-label-letter-spacing,\n                    --tct-checkbox-selected-letter-spacing,\n                    0.25\n                );\n                color: var-list(--tct-radio-checked-label-font-color, --tct-radio-checked-label-color, inherit);\n            }\n            & + label circle:nth-child(2) {\n                fill: var-list(--tct-radio-checked-fill, --tct-checkbox-check-stroke-color, --t-checkbox-fill, #2e2e2e);\n            }\n        }\n\n        &:hover {\n            & + label circle:nth-child(1) {\n                fill: var-list(--tct-radio-hover-background-fill, transparent);\n                stroke: var-list(\n                    --tct-radio-hover-stroke-color,\n                    --tct-radio-stroke-color,\n                    --t-a11y-gray-color-AA,\n                    #949494\n                );\n            }\n            & + label .label-content {\n                color: var-list(--tct-radio-hover-label-color, inherit);\n            }\n        }\n\n        &:focus {\n            & + label svg {\n                box-shadow: var(--const-double-focus-ring);\n            }\n            & + label circle:nth-child(1) {\n                fill: var-list(--tct-radio-focus-background-fill, transparent);\n                stroke: var-list(\n                    --tct-radio-focus-stroke-color,\n                    --tct-checkbox-check-stroke-color,\n                    --t-checkbox-fill,\n                    #2e2e2e\n                );\n            }\n            & + label .label-content {\n                color: var-list(--tct-radio-focus-label-color, --tct-radio-checked-label-color, inherit);\n            }\n        }\n    }\n}\n\n.radio-tile {\n    flex-basis: 100px;\n    flex-grow: 0;\n    flex-wrap: wrap;\n\n    label[for] {\n        color: var-list(--tct-radio-label-font-color, --tct-radio-label-color, inherit);\n        align-items: center;\n        border-radius: 3px;\n        border: 2px solid var-list(--tct-radio-stroke-color, --t-a11y-gray-color-AA, #949494);\n        background: var-list(--tct-radio-background-fill, transparent);\n        cursor: pointer;\n        display: block;\n        padding: 10px;\n        position: relative;\n        text-align: center;\n        transition: border-color var-list(--tct-tween-1, --app-tween-1, unquote('0.2s ease'));\n        white-space: nowrap;\n    }\n\n    input {\n        &:checked + label {\n            border-color: var-list(\n                --tct-radio-checked-stroke-color,\n                var-prefixer(checkbox-check-stroke-color),\n                --t-checkbox-fill,\n                #2e2e2e\n            );\n            box-shadow: inset 0 0 0 2px #ffffff;\n            background: var-list(--tct-radio-checked-background-fill, transparent);\n            color: var-list(--tct-radio-checked-label-color, inherit);\n\n            &:after {\n                border-bottom-width: 3px;\n                border-bottom: 5px solid\n                    var-list(\n                        --tct-radio-checked-stroke-color,\n                        var-prefixer(checkbox-check-stroke-color),\n                        --t-checkbox-fill,\n                        #2e2e2e\n                    );\n                border-left-width: 5px;\n                border-left: 8px solid transparent;\n                border-right-width: 5px;\n                border-right: 8px solid transparent;\n                bottom: 0;\n                content: '';\n                height: 0;\n                left: 50%;\n                margin-left: -5px;\n                position: absolute;\n                width: 0;\n            }\n        }\n\n        &:hover + label {\n            border-color: var-list(\n                --tct-radio-hover-stroke-color,\n                --tct-radio-stroke-color,\n                --t-a11y-gray-color-AA,\n                #949494\n            );\n            background: var-list(--tct-radio-hover-background-fill, transparent);\n            color: var-list(--tct-radio-hover-label-color, --tct-radio-label-color, inherit);\n        }\n\n        &:focus + label,\n        &:focus:checked + label {\n            border-color: var-list(\n                --tct-radio-focus-stroke-color,\n                var-prefixer(checkbox-check-stroke-color),\n                --t-checkbox-fill,\n                #2e2e2e\n            );\n            background: var-list(--tct-radio-focus-background-fill, transparent);\n            box-shadow: var(--const-double-focus-ring), var-list(--tct-global-focus, unquote('0 0 0 2px #33b4ff'));\n            color: var-list(--tct-radio-focus-label-color, --tct-radio-checked-label-color, inherit);\n        }\n    }\n}\n\ninput:disabled + label[for] {\n    cursor: not-allowed;\n    opacity: var-list(--tct-disabled-opacity, --app-disabled-opacity, 0.4);\n}\n","import { Component, Prop, h, Element, ComponentInterface, Listen, Watch, Event, EventEmitter } from '@stencil/core';\nimport { createGuid, handleAriaLabel, loc, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-radio', shadow: true, styleUrl: 'q2-radio.scss' })\nexport class Q2Radio implements ComponentInterface {\n    /** The state of the radio. This modifies the visual appearance of the element. */\n    @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n\n    /** Disables the radio and prevents interaction. */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     *\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true }) hideLabel: boolean;\n\n    /**\n     * The text that describes the individual radio option.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true }) label: string;\n\n    /** The radio is non-interactive, but remains focusable. */\n    @Prop({ reflect: true }) readonly: boolean;\n\n    /** The value that is returned in the `change` event that is emitted from the `q2-radio-group`. */\n    @Prop({ reflect: true }) value: string;\n\n    /** @private */\n    @Prop() tabIndex: number = 0;\n    /**\n     * Used by q2-radio-group to apply a name to all options in the group\n     * @private\n     */\n    @Prop({ reflect: true }) name: string;\n    /**\n     * Used by q2-radio-group to disable all options in the group\n     * @private\n     */\n    @Prop({ reflect: false }) groupDisabled: boolean = false;\n    /**\n     * Used by q2-radio-group to make all options in the group readonly\n     * @private\n     */\n    @Prop({ reflect: false }) groupReadonly: boolean = false;\n    /**\n     * Used by q2-radio-group to make the options display as tiles\n     * @private\n     */\n    @Prop({ reflect: false }) groupTileLayout: boolean = false;\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true }) ariaLabel: string;\n\n    @Element() hostElement: HTMLElement;\n    _id: string = `radio-${createGuid()}`;\n    inputField: HTMLInputElement;\n    isLoaded: boolean = false;\n\n    /**\n     * Emitted when the radio is checked.\n     */\n    @Event() change: EventEmitter<{ value: string }>;\n\n    ////////// LIFECYCLE HOOKS ////////\n\n    componentWillLoad() {\n        handleAriaLabel(this);\n    }\n\n    componentDidLoad(): void {\n        this.isLoaded = true;\n        overrideFocus(this.hostElement);\n        this.hostElement.click = () => {\n            this.inputField.focus();\n            this.inputField.click();\n        };\n    }\n\n    ////////// OBSERVERS //////////\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('checked')\n    checkedObserver() {\n        if (!this.isLoaded) return;\n        if (!this.checked) return;\n        this.change.emit({ value: this.value });\n    }\n\n    /////// HOST ELEMENT EVENTS ///////\n    @Listen('click')\n    onHostClick(event: Event) {\n        if (this.disabled) {\n            event.stopImmediatePropagation();\n        } else if (this.groupReadonly) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            this.inputField.focus();\n        }\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (event.target === this.hostElement) {\n            this.inputField.focus();\n        }\n    }\n\n    inputChange = (event: Event) => {\n        event.stopPropagation();\n        if (this.disabled || this.readonly || this.groupReadonly || this.groupDisabled) {\n            event.preventDefault();\n            return false;\n        }\n\n        if (event.target instanceof HTMLInputElement) {\n            this.checked = event.target.checked;\n        }\n    };\n\n    render() {\n        return (\n            <div class={this.groupTileLayout ? 'radio-tile' : 'radio-container'}>\n                <input\n                    ref={el => (this.inputField = el)}\n                    class=\"sr\"\n                    id={this._id}\n                    type=\"radio\"\n                    name={this.name}\n                    value={this.value}\n                    disabled={this.disabled || this.groupDisabled}\n                    checked={this.checked}\n                    aria-label={this.label && this.hideLabel ? loc(this.label) : undefined}\n                    onChange={this.inputChange}\n                    test-id=\"q2RadioInnerRadioBox\"\n                ></input>\n\n                <label\n                    htmlFor={this._id}\n                    class={this.hideLabel ? 'label-hidden' : undefined}\n                    test-id=\"radioButton\"\n                >\n                    {!this.groupTileLayout && (\n                        <svg viewBox=\"0 0 18 18\">\n                            <circle\n                                stroke=\"none\"\n                                fill=\"none\"\n                                cx=\"9\"\n                                cy=\"9\"\n                                r=\"8\"\n                            />\n                            <circle\n                                stroke=\"none\"\n                                fill=\"none\"\n                                cx=\"9\"\n                                cy=\"9\"\n                                r=\"4\"\n                            />\n                        </svg>\n                    )}\n                    {!this.hideLabel && (\n                        <div class=\"label-content\">\n                            {(this.label && loc(this.label)) || ''}\n                            <slot></slot>\n                        </div>\n                    )}\n                </label>\n            </div>\n        );\n    }\n}\n"],"mappings":"6GAAA,MAAMA,EAAa,qvKACnB,MAAAC,EAAeD,E,MCGFE,EAAO,M,wDAsDhBC,KAAAC,IAAc,SAASC,MAEvBF,KAAAG,SAAoB,MAuDpBH,KAAAI,YAAeC,IACXA,EAAMC,kBACN,GAAIN,KAAKO,UAAYP,KAAKQ,UAAYR,KAAKS,eAAiBT,KAAKU,cAAe,CAC5EL,EAAMM,iBACN,OAAO,K,CAGX,GAAIN,EAAMO,kBAAkBC,iBAAkB,CAC1Cb,KAAKc,QAAUT,EAAMO,OAAOE,O,gBArHuB,M,cAGd,M,yGAuBlB,E,uCAUwB,M,mBAKA,M,qBAKE,M,yBAiBrD,iBAAAC,GACIC,EAAgBhB,K,CAGpB,gBAAAiB,GACIjB,KAAKG,SAAW,KAChBe,EAAclB,KAAKmB,aACnBnB,KAAKmB,YAAYC,MAAQ,KACrBpB,KAAKqB,WAAWC,QAChBtB,KAAKqB,WAAWD,OAAO,C,CAO/B,iBAAAG,GACIP,EAAgBhB,K,CAIpB,eAAAwB,GACI,IAAKxB,KAAKG,SAAU,OACpB,IAAKH,KAAKc,QAAS,OACnBd,KAAKyB,OAAOC,KAAK,CAAEC,MAAO3B,KAAK2B,O,CAKnC,WAAAC,CAAYvB,GACR,GAAIL,KAAKO,SAAU,CACfF,EAAMwB,0B,MACH,GAAI7B,KAAKS,cAAe,CAC3BJ,EAAMM,iBACNN,EAAMwB,2BACN7B,KAAKqB,WAAWC,O,EAKxB,aAAAQ,CAAczB,GACV,GAAIA,EAAMO,SAAWZ,KAAKmB,YAAa,CACnCnB,KAAKqB,WAAWC,O,EAgBxB,MAAAS,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAOlC,KAAKmC,gBAAkB,aAAe,mBAC9CH,EAAA,SAAAC,IAAA,2CACIG,IAAKC,GAAOrC,KAAKqB,WAAagB,EAC9BH,MAAM,KACNI,GAAItC,KAAKC,IACTsC,KAAK,QACLC,KAAMxC,KAAKwC,KACXb,MAAO3B,KAAK2B,MACZpB,SAAUP,KAAKO,UAAYP,KAAKU,cAChCI,QAASd,KAAKc,QAAO,aACTd,KAAKyC,OAASzC,KAAK0C,UAAYC,EAAI3C,KAAKyC,OAASG,UAC7DC,SAAU7C,KAAKI,YAAW,UAClB,yBAGZ4B,EAAA,SAAAC,IAAA,2CACIa,QAAS9C,KAAKC,IACdiC,MAAOlC,KAAK0C,UAAY,eAAiBE,UAAS,UAC1C,gBAEN5C,KAAKmC,iBACHH,EAAA,OAAAC,IAAA,2CAAKc,QAAQ,aACTf,EAAA,UAAAC,IAAA,2CACIe,OAAO,OACPC,KAAK,OACLC,GAAG,IACHC,GAAG,IACHC,EAAE,MAENpB,EAAA,UAAAC,IAAA,2CACIe,OAAO,OACPC,KAAK,OACLC,GAAG,IACHC,GAAG,IACHC,EAAE,QAIZpD,KAAK0C,WACHV,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACLlC,KAAKyC,OAASE,EAAI3C,KAAKyC,QAAW,GACpCT,EAAA,QAAAC,IAAA,+C"}

package/dist/q2-tecton-elements/{p-c1e03092.entry.js → p-4a332c2a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,g as i,h as r}from"./p-a5f18e27.js";import{q as e,w as s}from"./p-5c46acb8.js";const n=class{constructor(i){t(this,i);this.change=o(this,"change",7);this.mouseEventList=["mousedown","dragstart","touchstart"];this.isCurrentlyFocused=false;this.mouseHandler=t=>{const o=this.shadowContains(this.findActiveElement());const i=this.shadowContains(this.shadowEventTarget(t))||this.originatesInSlots(t.target);if(!i&&(this.isCurrentlyFocused||o)){this.isCurrentlyFocused=false;this.change.emit();return}this.isCurrentlyFocused=i||o};this.windowBlurHandler=()=>{const t=this.findActiveElement();if(t===document.body&&this.isCurrentlyFocused||t!==document.body&&(t===null||t===void 0?void 0:t.tagName)==="IFRAME"){this.isCurrentlyFocused=false;this.change.emit();return}}}componentWillLoad(){}connectedCallback(){this.mouseEventList.forEach((t=>{document.addEventListener(t,this.mouseHandler)}));window.addEventListener("blur",this.windowBlurHandler)}disconnectedCallback(){this.mouseEventList.forEach((t=>{document.removeEventListener(t,this.mouseHandler)}));window.removeEventListener("blur",this.windowBlurHandler)}findActiveElement(){let t=document.activeElement;while(true){if(!t||!t.shadowRoot){return t}t=t.shadowRoot.activeElement}}shadowEventTarget(t){return t.composedPath()[0]||t.target}shadowContains(t){while(true){if(t===this.hostElement){return true}if(!t){return false}t=t.parentNode||t.host}}originatesInSlots(t){const o=this.hostElement.querySelectorAll("slot");for(const i of Array.from(o)){const o=i&&i.assignedNodes&&i.assignedNodes()||this.hostElement.childNodes;for(const i of Array.from(o)){if(i.contains(t)){return true}}}return false}get hostElement(){return i(this)}};const a="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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}.container{display:none}.show{display:block;position:fixed;z-index:var(--tct-popover-z-index, 50);margin:0;padding:0;overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}:host([block]) .show{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:host([align=left]) .show{left:var(--comp-pop-left);right:unset}:host([align=right]) .show{right:var(--comp-pop-right);left:unset}.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}.show.up{top:unset;bottom:var(--comp-pop-bottom)}.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";const c=a;const h=class{constructor(i){t(this,i);this.popoverStateChanged=o(this,"popoverStateChanged",7);this.displayBuffer=10;this.orientationChanged=false;this.handleMinHeight=()=>{if(this.minHeight){e(this,"minHeight","prop")}};this.viewPortChanged=()=>{if(!this.open)return;this.determinePopDirection()};this.viewPortOrientationChanged=()=>{this.orientationChanged=true;this.viewPortChanged()};this.setCSSProperties=async()=>{var t,o;const{controlElement:i,containerElement:r,currentDirection:e}=this;const{top:n,bottom:a,left:c,right:h}=(o=(t=i===null||i===void 0?void 0:i.getBoundingClientRect)===null||t===void 0?void 0:t.call(i))!==null&&o!==void 0?o:{top:0,bottom:0,left:0,right:0};const p=c;const d=window.visualViewport.width-h;if(this.block)r.style.setProperty("--comp-pop-width",`${i.offsetWidth||0}px`);r.style.setProperty("--comp-pop-left",`${p}px`);r.style.setProperty("--comp-pop-right",`${d}px`);if(e==="up"){r.style.setProperty("--comp-pop-bottom",`${window.visualViewport.height-n}px`)}if(e==="down"){r.style.setProperty("--comp-pop-top",`${a}px`)}await s();r.style.setProperty("--comp-pop-opacity","1")};this.direction=undefined;this.align=undefined;this.open=undefined;this.block=undefined;this.controlElement=undefined;this.minHeight=undefined;this.currentDirection=undefined;this.show=false}componentDidLoad(){this.handleMinHeight();if(this.open)this.determinePopDirection()}disconnectedCallback(){this.removeViewportListeners()}async toggle(){this.open=!this.open}async scrollContainerTo(t){this.containerElement.scrollTo(t)}async openChanged(t){this.popoverStateChanged.emit({open:t});if(t){this.addViewportListeners();this.determinePopDirection()}else{this.removeViewportListeners();this.currentDirection=undefined;this.show=false;await s();this.clearCSSProperties()}}minHeightProvided(){this.handleMinHeight()}popoverStateHandler(t){const{detail:{open:o}}=t;if(o===this.open)return;this.open=o;t.stopPropagation()}get actualDirection(){const{direction:t}=this;switch(t){case"up":case"down":return t;default:return undefined}}get isModule(){var t,o;const i=window!==window.top;const r=Object.keys((o=(t=window.Tecton)===null||t===void 0?void 0:t.platformDimensions)!==null&&o!==void 0?o:{}).length>0;return i&&r}addViewportListeners(){var t;window.addEventListener("resize",this.viewPortOrientationChanged);window.addEventListener("scroll",this.viewPortChanged,{passive:true,capture:true});(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.addEventListener("change",this.viewPortOrientationChanged);window.addEventListener("orientationchange",this.viewPortOrientationChanged)}removeViewportListeners(){var t;window.removeEventListener("resize",this.viewPortOrientationChanged);window.removeEventListener("scroll",this.viewPortChanged);(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.removeEventListener("orientationchange",this.viewPortOrientationChanged);window.removeEventListener("orientationchange",this.viewPortOrientationChanged)}clearCSSProperties(){this.containerElement.style.removeProperty("--comp-pop-max-height");this.containerElement.style.removeProperty("--comp-pop-top");this.containerElement.style.removeProperty("--comp-pop-bottom");this.containerElement.style.removeProperty("--comp-pop-left");this.containerElement.style.removeProperty("--comp-pop-right");this.containerElement.style.removeProperty("--comp-pop-width");this.containerElement.style.removeProperty("--comp-pop-opacity")}setDirectionAndShow(t){const o=this.open;if(!o)return;this.currentDirection=t;this.show=true;this.setCSSProperties()}async determinePopDirection(){var t,o,i;const{containerElement:r,controlElement:e,actualDirection:n,displayBuffer:a}=this;if(r)r.style.maxHeight=null;await s();const{isModule:c}=this;const{top:h,bottom:p}=(o=(t=e===null||e===void 0?void 0:e.getBoundingClientRect)===null||t===void 0?void 0:t.call(e))!==null&&o!==void 0?o:{top:0,bottom:0};let d;let l;let u;if(c){const t=(i=window.Tecton)===null||i===void 0?void 0:i.platformDimensions;const o=window.visualViewport.height-p;const r=t.innerHeight-(t.outletOffset+p);const e=o<r;d=t.innerHeight;l=(t.outletOffset>0?h:h+t.outletOffset)-a;u=e?o-a:r-a}else{d=window.visualViewport.height;l=h-a;u=d-p-a}const v=l>u?"up":"down";const f=!r.style.getPropertyValue("--comp-pop-max-height")||this.orientationChanged;this.orientationChanged=false;const w=this.currentDirection||n||v;switch(w){case"up":if(f){r.style.setProperty("--comp-pop-max-height",`${l}px`)}this.setDirectionAndShow("up");break;case"down":if(f){r.style.setProperty("--comp-pop-max-height",`${u}px`)}this.setDirectionAndShow("down");break}}render(){const t=["container",this.currentDirection];if(this.show)t.push("show");return r("div",{key:"abf41161490084be31c5fa2a012b3fa5fbb04ad3",ref:t=>this.containerElement=t,class:t.join(" "),"test-id":"outerContainer"},r("div",{key:"e033c0caf4e304a63af9a76ec64741c64c1298ba",ref:t=>this.contentElement=t,class:"content"},r("slot",{key:"9670e1406d6f2a1a13214a09219be7df2c11f8df"})))}get hostElement(){return i(this)}static get watchers(){return{open:["openChanged"],minHeight:["minHeightProvided"]}}};h.style=c;export{n as click_elsewhere,h as q2_popover};
-//# sourceMappingURL=p-c1e03092.entry.js.map
+import{r as t,c as o,g as i,h as r}from"./p-a5f18e27.js";import{t as e,w as s}from"./p-42302f6f.js";const n=class{constructor(i){t(this,i);this.change=o(this,"change",7);this.mouseEventList=["mousedown","dragstart","touchstart"];this.isCurrentlyFocused=false;this.mouseHandler=t=>{const o=this.shadowContains(this.findActiveElement());const i=this.shadowContains(this.shadowEventTarget(t))||this.originatesInSlots(t.target);if(!i&&(this.isCurrentlyFocused||o)){this.isCurrentlyFocused=false;this.change.emit();return}this.isCurrentlyFocused=i||o};this.windowBlurHandler=()=>{const t=this.findActiveElement();if(t===document.body&&this.isCurrentlyFocused||t!==document.body&&(t===null||t===void 0?void 0:t.tagName)==="IFRAME"){this.isCurrentlyFocused=false;this.change.emit();return}}}componentWillLoad(){}connectedCallback(){this.mouseEventList.forEach((t=>{document.addEventListener(t,this.mouseHandler)}));window.addEventListener("blur",this.windowBlurHandler)}disconnectedCallback(){this.mouseEventList.forEach((t=>{document.removeEventListener(t,this.mouseHandler)}));window.removeEventListener("blur",this.windowBlurHandler)}findActiveElement(){let t=document.activeElement;while(true){if(!t||!t.shadowRoot){return t}t=t.shadowRoot.activeElement}}shadowEventTarget(t){return t.composedPath()[0]||t.target}shadowContains(t){while(true){if(t===this.hostElement){return true}if(!t){return false}t=t.parentNode||t.host}}originatesInSlots(t){const o=this.hostElement.querySelectorAll("slot");for(const i of Array.from(o)){const o=i&&i.assignedNodes&&i.assignedNodes()||this.hostElement.childNodes;for(const i of Array.from(o)){if(i.contains(t)){return true}}}return false}get hostElement(){return i(this)}};const a="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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}.container{display:none}.show{display:block;position:fixed;z-index:var(--tct-popover-z-index, 50);margin:0;padding:0;overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}:host([block]) .show{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:host([align=left]) .show{left:var(--comp-pop-left);right:unset}:host([align=right]) .show{right:var(--comp-pop-right);left:unset}.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}.show.up{top:unset;bottom:var(--comp-pop-bottom)}.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";const c=a;const h=class{constructor(i){t(this,i);this.popoverStateChanged=o(this,"popoverStateChanged",7);this.displayBuffer=10;this.orientationChanged=false;this.handleMinHeight=()=>{if(this.minHeight){e(this,"minHeight","prop")}};this.viewPortChanged=()=>{if(!this.open)return;this.determinePopDirection()};this.viewPortOrientationChanged=()=>{this.orientationChanged=true;this.viewPortChanged()};this.setCSSProperties=async()=>{var t,o;const{controlElement:i,containerElement:r,currentDirection:e}=this;const{top:n,bottom:a,left:c,right:h}=(o=(t=i===null||i===void 0?void 0:i.getBoundingClientRect)===null||t===void 0?void 0:t.call(i))!==null&&o!==void 0?o:{top:0,bottom:0,left:0,right:0};const p=c;const d=window.visualViewport.width-h;if(this.block)r.style.setProperty("--comp-pop-width",`${i.offsetWidth||0}px`);r.style.setProperty("--comp-pop-left",`${p}px`);r.style.setProperty("--comp-pop-right",`${d}px`);if(e==="up"){r.style.setProperty("--comp-pop-bottom",`${window.visualViewport.height-n}px`)}if(e==="down"){r.style.setProperty("--comp-pop-top",`${a}px`)}await s();r.style.setProperty("--comp-pop-opacity","1")};this.direction=undefined;this.align=undefined;this.open=undefined;this.block=undefined;this.controlElement=undefined;this.minHeight=undefined;this.currentDirection=undefined;this.show=false}componentDidLoad(){this.handleMinHeight();if(this.open)this.determinePopDirection()}disconnectedCallback(){this.removeViewportListeners()}async toggle(){this.open=!this.open}async scrollContainerTo(t){this.containerElement.scrollTo(t)}async openChanged(t){this.popoverStateChanged.emit({open:t});if(t){this.addViewportListeners();this.determinePopDirection()}else{this.removeViewportListeners();this.currentDirection=undefined;this.show=false;await s();this.clearCSSProperties()}}minHeightProvided(){this.handleMinHeight()}popoverStateHandler(t){const{detail:{open:o}}=t;if(o===this.open)return;this.open=o;t.stopPropagation()}get actualDirection(){const{direction:t}=this;switch(t){case"up":case"down":return t;default:return undefined}}get isModule(){var t,o;const i=window!==window.top;const r=Object.keys((o=(t=window.Tecton)===null||t===void 0?void 0:t.platformDimensions)!==null&&o!==void 0?o:{}).length>0;return i&&r}addViewportListeners(){var t;window.addEventListener("resize",this.viewPortOrientationChanged);window.addEventListener("scroll",this.viewPortChanged,{passive:true,capture:true});(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.addEventListener("change",this.viewPortOrientationChanged);window.addEventListener("orientationchange",this.viewPortOrientationChanged)}removeViewportListeners(){var t;window.removeEventListener("resize",this.viewPortOrientationChanged);window.removeEventListener("scroll",this.viewPortChanged);(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.removeEventListener("orientationchange",this.viewPortOrientationChanged);window.removeEventListener("orientationchange",this.viewPortOrientationChanged)}clearCSSProperties(){this.containerElement.style.removeProperty("--comp-pop-max-height");this.containerElement.style.removeProperty("--comp-pop-top");this.containerElement.style.removeProperty("--comp-pop-bottom");this.containerElement.style.removeProperty("--comp-pop-left");this.containerElement.style.removeProperty("--comp-pop-right");this.containerElement.style.removeProperty("--comp-pop-width");this.containerElement.style.removeProperty("--comp-pop-opacity")}setDirectionAndShow(t){const o=this.open;if(!o)return;this.currentDirection=t;this.show=true;this.setCSSProperties()}async determinePopDirection(){var t,o,i;const{containerElement:r,controlElement:e,actualDirection:n,displayBuffer:a}=this;if(r)r.style.maxHeight=null;await s();const{isModule:c}=this;const{top:h,bottom:p}=(o=(t=e===null||e===void 0?void 0:e.getBoundingClientRect)===null||t===void 0?void 0:t.call(e))!==null&&o!==void 0?o:{top:0,bottom:0};let d;let l;let u;if(c){const t=(i=window.Tecton)===null||i===void 0?void 0:i.platformDimensions;const o=window.visualViewport.height-p;const r=t.innerHeight-(t.outletOffset+p);const e=o<r;d=t.innerHeight;l=(t.outletOffset>0?h:h+t.outletOffset)-a;u=e?o-a:r-a}else{d=window.visualViewport.height;l=h-a;u=d-p-a}const v=l>u?"up":"down";const f=!r.style.getPropertyValue("--comp-pop-max-height")||this.orientationChanged;this.orientationChanged=false;const w=this.currentDirection||n||v;switch(w){case"up":if(f){r.style.setProperty("--comp-pop-max-height",`${l}px`)}this.setDirectionAndShow("up");break;case"down":if(f){r.style.setProperty("--comp-pop-max-height",`${u}px`)}this.setDirectionAndShow("down");break}}render(){const t=["container",this.currentDirection];if(this.show)t.push("show");return r("div",{key:"a1cf82457aa65ddc1d51ae0fb62a9985d0956852",ref:t=>this.containerElement=t,class:t.join(" "),"test-id":"outerContainer"},r("div",{key:"d85db61212993787938f9fc404f9473d26246e15",ref:t=>this.contentElement=t,class:"content"},r("slot",{key:"ca70454f8fcf378c0535b799810e5e69e7f67c5d"})))}get hostElement(){return i(this)}static get watchers(){return{open:["openChanged"],minHeight:["minHeightProvided"]}}};h.style=c;export{n as click_elsewhere,h as q2_popover};
+//# sourceMappingURL=p-4a332c2a.entry.js.map

package/dist/q2-tecton-elements/{p-0a705412.entry.js → p-4b81a121.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,F as s,g as n}from"./p-a5f18e27.js";import{c as a,n as o,l as h}from"./p-5c46acb8.js";const d="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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;position:relative}";const c=d;const r=class{constructor(i){e(this,i);this.statusChange=t(this,"statusChange",7);this.activeChange=t(this,"activeChange",7);this.contentChange=t(this,"contentChange",7);this.description=undefined;this.isActive=undefined;this.label=undefined;this.showWithChildren=undefined;this.status=undefined;this.isChildActive=false}connectedCallback(){if(!this.hostElement.id)this.hostElement.id=`step-${a()}`}componentWillLoad(){this.checkForActiveChildren()}componentDidLoad(){const e=new MutationObserver((()=>{this.contentChange.emit()}));e.observe(this.hostElement,{childList:true,subtree:true,characterData:true});this.mutationObserver=e}disconnectedCallback(){this.mutationObserver.disconnect();this.mutationObserver=null}labelOrDescriptionChanged(){this.contentChange.emit()}statusChanged(e){this.statusChange.emit({status:e,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}isActiveChanged(e){this.activeChange.emit({status:this.status||"",isActive:e,id:this.hostElement.id,host:this.hostElement})}checkForActiveChildren(){if(!this.showWithChildren)return;o((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}render(){const{label:e,isActive:t}=this;return i(s,{key:"bac3b6ae092632f015a010de8e054d99d27420f0"},i("div",{key:"01728ef185ca2479c4855048c70f43e7c77f043a",role:"tabpanel","aria-label":e&&h(e),tabindex:"0",hidden:!t&&!(this.isChildActive&&this.showWithChildren)},i("slot",{key:"47bc0694b15c8123ec1e634edbbf3d46e3e78543"})),i("div",{key:"ab14426092fc71b1edd08065bd6c86a2c100bb64",hidden:true},i("slot",{key:"a585f33952d677c11877244a179862a7f6f61b5c",name:"label",onSlotchange:()=>this.contentChange.emit()}),i("slot",{key:"cdd8b578d51ee96cdf2679bdbf53b3436031a620",name:"description",onSlotchange:()=>this.contentChange.emit()})),i("slot",{key:"1b700ea739f32fc8b7e2a625dc3a60681dc601f8",name:"children"}))}get hostElement(){return n(this)}static get watchers(){return{label:["labelOrDescriptionChanged"],description:["labelOrDescriptionChanged"],status:["statusChanged"],isActive:["isActiveChanged"],showWithChildren:["checkForActiveChildren"]}}};r.style=c;export{r as q2_stepper_pane};
-//# sourceMappingURL=p-0a705412.entry.js.map
+import{r as t,c as e,h as i,F as s,g as n}from"./p-a5f18e27.js";import{c as a,n as o,l as h}from"./p-42302f6f.js";const c="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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;position:relative}";const r=c;const d=class{constructor(i){t(this,i);this.statusChange=e(this,"statusChange",7);this.activeChange=e(this,"activeChange",7);this.contentChange=e(this,"contentChange",7);this.description=undefined;this.isActive=undefined;this.label=undefined;this.showWithChildren=undefined;this.status=undefined;this.isChildActive=false}connectedCallback(){if(!this.hostElement.id)this.hostElement.id=`step-${a()}`}componentWillLoad(){this.checkForActiveChildren()}componentDidLoad(){const t=new MutationObserver((()=>{this.contentChange.emit()}));t.observe(this.hostElement,{childList:true,subtree:true,characterData:true});this.mutationObserver=t}disconnectedCallback(){this.mutationObserver.disconnect();this.mutationObserver=null}labelOrDescriptionChanged(){this.contentChange.emit()}statusChanged(t){this.statusChange.emit({status:t,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}isActiveChanged(t){this.activeChange.emit({status:this.status||"",isActive:t,id:this.hostElement.id,host:this.hostElement})}checkForActiveChildren(){if(!this.showWithChildren)return;o((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}render(){const{label:t,isActive:e}=this;return i(s,{key:"b9f593c0b78b8c5794c3b369d9ec30751042f471"},i("div",{key:"1aab7217100650c1b89733be46f3a0643c34c64f",role:"tabpanel","aria-label":t&&h(t),tabindex:"0",hidden:!e&&!(this.isChildActive&&this.showWithChildren)},i("slot",{key:"24eb9b5797c08625e103ec297f1eb0ffec39b6bd"})),i("div",{key:"9d6bef0a807067bb05b6f95cd8561b2465af0a25",hidden:true},i("slot",{key:"fc52a481cf4d11646eaa88a67a4963b9fb10fc3f",name:"label",onSlotchange:()=>this.contentChange.emit()}),i("slot",{key:"7afea4a00a8129aa6a70b78883d7ec0695fea230",name:"description",onSlotchange:()=>this.contentChange.emit()})),i("slot",{key:"f12a6661ffaa8dd2c129c280e62d4a61f192c9ca",name:"children"}))}get hostElement(){return n(this)}static get watchers(){return{label:["labelOrDescriptionChanged"],description:["labelOrDescriptionChanged"],status:["statusChanged"],isActive:["isActiveChanged"],showWithChildren:["checkForActiveChildren"]}}};d.style=r;export{d as q2_stepper_pane};
+//# sourceMappingURL=p-4b81a121.entry.js.map