q2-tecton-elements 1.8.3 → 1.8.7

package/dist/q2-tecton-elements/{p-9bfd3c92.system.entry.js → p-5a179724.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-6ff216a1.system.js","./p-0da41a33.system.js"],(function(e){"use strict";var t,o,c,r,a;return{setters:[function(e){t=e.r;o=e.c;c=e.h;r=e.g},function(e){a=e.c}],execute:function(){var i="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;--q2-checkbox-outer-stroke-color:var(\n        --tct-checkbox-outer-stroke-color,\n        var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n    );--q2-checkbox-outer-fill-color:var(\n        --tct-checkbox-outer-fill-color,\n        var(--tct-white, var(--app-white, #ffffff))\n    );--q2-checkbox-favorite-fill:var(\n        --tct-checkbox-favorite-fill-color,\n        var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n    );--q2-checkbox-checked-color:var(\n        --tct-checkbox-check-stroke-color,\n        var(--t-checkbox-fill, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))\n    )}input:disabled+label{opacity:var(\n        --tct-checkbox-disabled-opacity,\n        var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n    )}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(\n        --tct-checkbox-outer-border-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );stroke:var(--q2-checkbox-outer-stroke-color);color:var(--q2-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--q2-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--q2-checkbox-outer-fill-color);-ms-flex-negative:0;flex-shrink:0}input:focus+label .checkbox-icon{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--q2-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--q2-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--q2-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--q2-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);-ms-flex:1 1 auto;flex:1 1 auto;width:calc(\n        100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px))\n    )}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type='favorite']) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 2.5);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);-webkit-transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease));transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type='favorite']) input:focus+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill)}:host([type='favorite']) input:checked+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--t-icon-stroke-primary:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill);fill:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-width:1;-webkit-transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([alignment='right']) label,:host([type='toggle']:not([alignment='left'])) label{-ms-flex-flow:row-reverse;flex-flow:row-reverse}.checkbox-icon,:host([type='toggle'][alignment='left']) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment='right']) .checkbox-icon,.toggle-svg{margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type='toggle']) .toggle-svg{height:30px;width:46px;position:relative}:host([type='toggle']) .toggle-track,:host([type='toggle']) .toggle-indicator{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([type='toggle']) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));height:14px;width:46px}:host([type='toggle']) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));opacity:0.5}:host([type='toggle']) .toggle-indicator{-webkit-transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type='toggle']) input:checked+label .toggle-indicator{left:21px}:host([type='toggle']) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color))}:host([type='toggle']) input:checked+label .off,:host([type='toggle']) input:not(:checked)+label .on{opacity:0}:host([type='toggle']) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type='toggle']) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));-webkit-transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='toggle']) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";var l=e("q2_checkbox",function(){function e(e){var c=this;t(this,e);this.change=o(this,"change",7);this.checked=false;this.id="checkbox-"+a();this.onInputChange=function(e){e.stopPropagation();c.change.emit({value:e.target.value,checked:e.target.checked})}}e.prototype.loc=function(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e};Object.defineProperty(e.prototype,"computedAriaLabel",{get:function(){return!this.label&&this.ariaLabel&&this.loc(this.ariaLabel)||undefined},enumerable:false,configurable:true});e.prototype.defaultChangeHandler=function(e){if(e.target===this.hostElement&&!this.hostElement.onchange&&!!e.detail){this.checked=e.detail.checked}};e.prototype.render=function(){return c("div",{class:"checkbox-container"},c("input",{id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||false,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.computedAriaLabel,onChange:this.onInputChange,"test-id":"q2CheckboxInnerCheckBox"}),c("label",{htmlFor:this.id,"test-id":"checkboxButton"},this.generateCheckboxSVG(),c("div",{class:"q2-checkbox-label-content"},this.label&&this.loc(this.label)||"",c("slot",null))))};e.prototype.generateCheckboxSVG=function(){if(this.type==="favorite"){return c("q2-icon",{type:"star",class:"checkbox-icon"})}if(this.type==="toggle"){return this.generateToggleSVG()}return c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},c("rect",{fill:"none",x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())};e.prototype.generateCheckBoxSVGFill=function(){if(this.indeterminate){return c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"})}return c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})};e.prototype.generateToggleSVG=function(){return c("div",{class:"toggle-svg"},c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},c("rect",{width:"36",height:"14",rx:"7",x:"5"})),c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},c("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),c("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),c("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),c("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());l.style=i}}}));
+System.register(["./p-fd6287e8.system.js","./p-c46202c6.system.js"],(function(e){"use strict";var t,o,c,r,a;return{setters:[function(e){t=e.r;o=e.c;c=e.h;r=e.g},function(e){a=e.c}],execute:function(){var i="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;--q2-checkbox-outer-stroke-color:var(\n        --tct-checkbox-outer-stroke-color,\n        var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n    );--q2-checkbox-outer-fill-color:var(\n        --tct-checkbox-outer-fill-color,\n        var(--tct-white, var(--app-white, #ffffff))\n    );--q2-checkbox-favorite-fill:var(\n        --tct-checkbox-favorite-fill-color,\n        var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n    );--q2-checkbox-checked-color:var(\n        --tct-checkbox-check-stroke-color,\n        var(--t-checkbox-fill, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))\n    )}input:disabled+label{opacity:var(\n        --tct-checkbox-disabled-opacity,\n        var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n    )}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(\n        --tct-checkbox-outer-border-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );stroke:var(--q2-checkbox-outer-stroke-color);color:var(--q2-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--q2-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--q2-checkbox-outer-fill-color);-ms-flex-negative:0;flex-shrink:0}input:focus+label .checkbox-icon{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--q2-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--q2-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--q2-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--q2-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);-ms-flex:1 1 auto;flex:1 1 auto;width:calc(\n        100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px))\n    )}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type='favorite']) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 2.5);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);-webkit-transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease));transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type='favorite']) input:focus+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill)}:host([type='favorite']) input:checked+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--t-icon-stroke-primary:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill);fill:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-width:1;-webkit-transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([alignment='right']) label,:host([type='toggle']:not([alignment='left'])) label{-ms-flex-flow:row-reverse;flex-flow:row-reverse}.checkbox-icon,:host([type='toggle'][alignment='left']) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment='right']) .checkbox-icon,.toggle-svg{margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type='toggle']) .toggle-svg{height:30px;width:46px;position:relative}:host([type='toggle']) .toggle-track,:host([type='toggle']) .toggle-indicator{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([type='toggle']) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));height:14px;width:46px}:host([type='toggle']) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));opacity:0.5}:host([type='toggle']) .toggle-indicator{-webkit-transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type='toggle']) input:checked+label .toggle-indicator{left:21px}:host([type='toggle']) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color))}:host([type='toggle']) input:checked+label .off,:host([type='toggle']) input:not(:checked)+label .on{opacity:0}:host([type='toggle']) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type='toggle']) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));-webkit-transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='toggle']) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";var l=e("q2_checkbox",function(){function e(e){var c=this;t(this,e);this.change=o(this,"change",7);this.checked=false;this.id="checkbox-"+a();this.onInputChange=function(e){e.stopPropagation();c.change.emit({value:e.target.value,checked:e.target.checked})}}e.prototype.loc=function(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e};Object.defineProperty(e.prototype,"computedAriaLabel",{get:function(){return!this.label&&this.ariaLabel&&this.loc(this.ariaLabel)||undefined},enumerable:false,configurable:true});e.prototype.defaultChangeHandler=function(e){if(e.target===this.hostElement&&!this.hostElement.onchange&&!!e.detail){this.checked=e.detail.checked}};e.prototype.render=function(){return c("div",{class:"checkbox-container"},c("input",{id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||false,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.computedAriaLabel,onChange:this.onInputChange,"test-id":"q2CheckboxInnerCheckBox"}),c("label",{htmlFor:this.id,"test-id":"checkboxButton"},this.generateCheckboxSVG(),c("div",{class:"q2-checkbox-label-content"},this.label&&this.loc(this.label)||"",c("slot",null))))};e.prototype.generateCheckboxSVG=function(){if(this.type==="favorite"){return c("q2-icon",{type:"star",class:"checkbox-icon"})}if(this.type==="toggle"){return this.generateToggleSVG()}return c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},c("rect",{fill:"none",x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())};e.prototype.generateCheckBoxSVGFill=function(){if(this.indeterminate){return c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"})}return c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})};e.prototype.generateToggleSVG=function(){return c("div",{class:"toggle-svg"},c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},c("rect",{width:"36",height:"14",rx:"7",x:"5"})),c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},c("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),c("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),c("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),c("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());l.style=i}}}));

package/dist/q2-tecton-elements/{p-f36c5a6c.system.entry.js → p-5ecf8bb6.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-6ff216a1.system.js"],(function(o){"use strict";var t,n;return{setters:[function(o){t=o.r;n=o.h}],execute:function(){var e="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline}";var i=o("q2_loc",function(){function o(o){t(this,o)}o.prototype.loc=function(o,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(o,t):o};o.prototype.render=function(){return n("span",null,this.value&&this.loc(this.value,this.substitutions)||"")};return o}());i.style=e}}}));
+System.register(["./p-fd6287e8.system.js"],(function(o){"use strict";var t,n;return{setters:[function(o){t=o.r;n=o.h}],execute:function(){var e="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline}";var i=o("q2_loc",function(){function o(o){t(this,o)}o.prototype.loc=function(o,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(o,t):o};o.prototype.render=function(){return n("span",null,this.value&&this.loc(this.value,this.substitutions)||"")};return o}());i.style=e}}}));

package/dist/q2-tecton-elements/{p-b7614da4.entry.js → p-66c6b30a.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,g as s}from"./p-9f992b04.js";import{c as a}from"./p-ea8d3941.js";const n=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.hasYieldedHeader=!1,this.guid=a(),this.animating=!1,this.titleId="q2-section-title-"+this.guid,this.contentId="q2-section-content-"+this.guid,this.onHeaderClick=()=>{this.collapsible&&this.change.emit({expanded:!this.expanded})},this.onAnimationStart=()=>{this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0,this.resizerFn=setInterval(this.resizeIframe,5))},this.onAnimationEnd=()=>{this.setContentWrapperHeight(this.expanded?"auto":"0px"),this.animating=!1,setTimeout(()=>{this.endAnimation()},1e3)},this.endAnimation=()=>{this.resizerFn&&clearInterval(this.resizerFn)},this.addHeaderSlotListener=()=>{if(this.headerSlot)return void this.headerSlot.addEventListener("slotchange",this.onHeaderSlotChange);const t=new MutationObserver(this.onHeaderSlotChange);t.observe(this.headerSlotWrapper,{childList:!0}),this.headerSlotMutationObserver=t},this.removeHeaderSlotListener=()=>{this.headerSlot?this.headerSlot.removeEventListener("slotchange",this.onHeaderSlotChange):this.headerSlotMutationObserver.disconnect()},this.onHeaderSlotChange=()=>{const t=this.headerSlot?this.headerSlot.assignedNodes().length>0:this.headerSlotWrapper.children.length>0;this.hasYieldedHeader!==t&&(this.hasYieldedHeader=!!t)},this.addContentSlotListener=()=>{if(this.contentSlot)return void this.contentSlot.addEventListener("slotchange",this.resizeIframe);const t=new MutationObserver(this.resizeIframe);t.observe(this.contentContainer,{childList:!0,subtree:!0}),this.contentSlotMutationObserver=t},this.removeContentSlotListener=()=>{this.contentSlot?this.contentSlot.removeEventListener("slotchange",this.resizeIframe):this.contentSlotMutationObserver.disconnect()}}loc(t,e){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,e):t}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}componentDidLoad(){this.onHeaderSlotChange(),this.addHeaderSlotListener(),this.addContentSlotListener()}disconnectedCallback(){this.removeHeaderSlotListener(),this.removeContentSlotListener()}get wrapperClasses(){return`q2-section-wrapper${this.collapsible?" collapsible":""}${this.expanded||!this.collapsible?" expanded":" collapsed"}${this.label||this.hasYieldedHeader?" has-header":""}${this.animating?" animate":""}`}get btnAriaLabel(){const t=this.label&&this.loc(this.label)||"";return this.expanded?`${this.loc("tecton.element.section.collapse")} ${t}`:`${this.loc("tecton.element.section.expand")} ${t}`}get slottedContentHeight(){return(this.contentContainer.offsetHeight||0)+"px"}get contentWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-content-wrapper")}get contentContainer(){return this.hostElement.shadowRoot.querySelector(".q2-section-content")}get headerSlotWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-header-slot-wrapper")}get headerSlot(){return this.hostElement.shadowRoot.querySelector('slot[name="q2-section-header"]')}get contentSlot(){return this.hostElement.shadowRoot.querySelector(".q2-section-content slot")}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.expanded=t.detail.expanded)}expandedObserver(){this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0),this.setContentWrapperHeight(this.slottedContentHeight)}collapsibleObserver(){this.setContentWrapperHeight(this.slottedContentHeight)}setContentWrapperHeight(t){this.collapsible&&this.contentHeight!==t&&(this.contentHeight=t,this.contentWrapper.style.setProperty("height",this.contentHeight))}render(){return i("section",{class:this.wrapperClasses},i("div",{class:"q2-section-header"},i("div",{class:"q2-section-header-content",id:this.titleId,onClick:this.onHeaderClick},!this.hasYieldedHeader&&this.label?i("h2",{class:"title"},this.loc(this.label)):"",i("div",{class:"q2-section-header-slot-wrapper"},i("slot",{name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon?i("q2-btn",{class:"q2-section-content-toggle "+(this.expanded?"expanded":"collapsed"),ariaLabel:this.btnAriaLabel,ariaExpanded:!!this.expanded,ariaControls:this.contentId,ariaHasPopup:!0,"test-id":"toggleButton",icon:!0,onClick:this.onHeaderClick},i("q2-icon",{type:"chevron-up",class:"toggle-icon"})):""),i("div",{class:"q2-section-content-wrapper",id:this.contentId,"aria-labelledby":this.titleId,role:"region",onAnimationStart:this.onAnimationStart,onAnimationEnd:this.onAnimationEnd},i("div",{class:"q2-section-content"},i("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@-webkit-keyframes expandVertical{0%{height:0}}@keyframes expandVertical{0%{height:0}}@-webkit-keyframes collapseVertical{100%{height:0}}@keyframes collapseVertical{100%{height:0}}:host{display:block;background-color:var(--tct-section-bg, var(--t-section-bg, var(--tct-white, var(--app-white, #ffffff))));color:var(--tct-section-font-color, var(--t-section-font-color, #2e2e2e));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, 3px));margin:var(--tct-scale-3, var(--app-scale-3, 15px))}@media screen and (max-width: 767px){:host{margin:var(--tct-scale-3, var(--app-scale-3, 15px)) 0}}.q2-section-wrapper{display:block;padding:var(--tct-scale-1, var(--app-scale-1, 5px)) 0}.q2-section-wrapper:hover{-webkit-box-shadow:var(--tct-section-wrapper-hover-box-shadow, inherit);box-shadow:var(--tct-section-wrapper-hover-box-shadow, inherit)}.q2-section-header{padding:0 var(--tct-scale-3, var(--app-scale-3, 15px));display:-ms-flexbox;display:flex}.has-header .q2-section-header{min-height:44px}.q2-section-header-content{-ms-flex:1 1 100%;flex:1 1 100%;min-width:0;-ms-flex-item-align:center;align-self:center}.collapsible .q2-section-header-content{cursor:pointer}.title{margin:0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.toggle-icon{-webkit-transition:-webkit-transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:-webkit-transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), -webkit-transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}.collapsed .toggle-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.q2-section-content-wrapper{height:auto}.q2-section-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n        var(--tct-scale-3, var(--app-scale-3, 15px))}.expanded.animate .q2-section-content-wrapper{-webkit-animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards;animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards}.collapsed .q2-section-content-wrapper{height:0;-webkit-animation:collapseVertical 0s forwards;animation:collapseVertical 0s forwards;-webkit-animation-duration:0;animation-duration:0;padding-top:0;visibility:hidden;overflow:hidden}.collapsed.animate .q2-section-content-wrapper{-webkit-animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards;animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards}.animate .q2-section-content-wrapper{overflow:hidden}";export{n as q2_section}
+import{r as t,c as e,h as i,g as s}from"./p-f844ee08.js";import{c as a}from"./p-3b555dae.js";const n=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.hasYieldedHeader=!1,this.guid=a(),this.animating=!1,this.titleId="q2-section-title-"+this.guid,this.contentId="q2-section-content-"+this.guid,this.onHeaderClick=()=>{this.collapsible&&this.change.emit({expanded:!this.expanded})},this.onAnimationStart=()=>{this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0,this.resizerFn=setInterval(this.resizeIframe,5))},this.onAnimationEnd=()=>{this.setContentWrapperHeight(this.expanded?"auto":"0px"),this.animating=!1,setTimeout(()=>{this.endAnimation()},1e3)},this.endAnimation=()=>{this.resizerFn&&clearInterval(this.resizerFn)},this.addHeaderSlotListener=()=>{if(this.headerSlot)return void this.headerSlot.addEventListener("slotchange",this.onHeaderSlotChange);const t=new MutationObserver(this.onHeaderSlotChange);t.observe(this.headerSlotWrapper,{childList:!0}),this.headerSlotMutationObserver=t},this.removeHeaderSlotListener=()=>{this.headerSlot?this.headerSlot.removeEventListener("slotchange",this.onHeaderSlotChange):this.headerSlotMutationObserver.disconnect()},this.onHeaderSlotChange=()=>{const t=this.headerSlot?this.headerSlot.assignedNodes().length>0:this.headerSlotWrapper.children.length>0;this.hasYieldedHeader!==t&&(this.hasYieldedHeader=!!t)},this.addContentSlotListener=()=>{if(this.contentSlot)return void this.contentSlot.addEventListener("slotchange",this.resizeIframe);const t=new MutationObserver(this.resizeIframe);t.observe(this.contentContainer,{childList:!0,subtree:!0}),this.contentSlotMutationObserver=t},this.removeContentSlotListener=()=>{this.contentSlot?this.contentSlot.removeEventListener("slotchange",this.resizeIframe):this.contentSlotMutationObserver.disconnect()}}loc(t,e){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,e):t}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}componentDidLoad(){this.onHeaderSlotChange(),this.addHeaderSlotListener(),this.addContentSlotListener()}disconnectedCallback(){this.removeHeaderSlotListener(),this.removeContentSlotListener()}get wrapperClasses(){return`q2-section-wrapper${this.collapsible?" collapsible":""}${this.expanded||!this.collapsible?" expanded":" collapsed"}${this.label||this.hasYieldedHeader?" has-header":""}${this.animating?" animate":""}`}get btnAriaLabel(){const t=this.label&&this.loc(this.label)||"";return this.expanded?`${this.loc("tecton.element.section.collapse")} ${t}`:`${this.loc("tecton.element.section.expand")} ${t}`}get slottedContentHeight(){return(this.contentContainer.offsetHeight||0)+"px"}get contentWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-content-wrapper")}get contentContainer(){return this.hostElement.shadowRoot.querySelector(".q2-section-content")}get headerSlotWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-header-slot-wrapper")}get headerSlot(){return this.hostElement.shadowRoot.querySelector('slot[name="q2-section-header"]')}get contentSlot(){return this.hostElement.shadowRoot.querySelector(".q2-section-content slot")}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.expanded=t.detail.expanded)}expandedObserver(){this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0),this.setContentWrapperHeight(this.slottedContentHeight)}collapsibleObserver(){this.setContentWrapperHeight(this.slottedContentHeight)}setContentWrapperHeight(t){this.collapsible&&this.contentHeight!==t&&(this.contentHeight=t,this.contentWrapper.style.setProperty("height",this.contentHeight))}render(){return i("section",{class:this.wrapperClasses},i("div",{class:"q2-section-header"},i("div",{class:"q2-section-header-content",id:this.titleId,onClick:this.onHeaderClick},!this.hasYieldedHeader&&this.label?i("h2",{class:"title"},this.loc(this.label)):"",i("div",{class:"q2-section-header-slot-wrapper"},i("slot",{name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon?i("q2-btn",{class:"q2-section-content-toggle "+(this.expanded?"expanded":"collapsed"),ariaLabel:this.btnAriaLabel,ariaExpanded:!!this.expanded,ariaControls:this.contentId,ariaHasPopup:!0,"test-id":"toggleButton",icon:!0,onClick:this.onHeaderClick},i("q2-icon",{type:"chevron-up",class:"toggle-icon"})):""),i("div",{class:"q2-section-content-wrapper",id:this.contentId,"aria-labelledby":this.titleId,role:"region",onAnimationStart:this.onAnimationStart,onAnimationEnd:this.onAnimationEnd},i("div",{class:"q2-section-content"},i("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@-webkit-keyframes expandVertical{0%{height:0}}@keyframes expandVertical{0%{height:0}}@-webkit-keyframes collapseVertical{100%{height:0}}@keyframes collapseVertical{100%{height:0}}:host{display:block;background-color:var(--tct-section-bg, var(--t-section-bg, var(--tct-white, var(--app-white, #ffffff))));color:var(--tct-section-font-color, var(--t-section-font-color, #2e2e2e));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, 3px));margin:var(--tct-scale-3, var(--app-scale-3, 15px))}@media screen and (max-width: 767px){:host{margin:var(--tct-scale-3, var(--app-scale-3, 15px)) 0}}.q2-section-wrapper{display:block;padding:var(--tct-scale-1, var(--app-scale-1, 5px)) 0}.q2-section-wrapper:hover{-webkit-box-shadow:var(--tct-section-wrapper-hover-box-shadow, inherit);box-shadow:var(--tct-section-wrapper-hover-box-shadow, inherit)}.q2-section-header{padding:0 var(--tct-scale-3, var(--app-scale-3, 15px));display:-ms-flexbox;display:flex}.has-header .q2-section-header{min-height:44px}.q2-section-header-content{-ms-flex:1 1 100%;flex:1 1 100%;min-width:0;-ms-flex-item-align:center;align-self:center}.collapsible .q2-section-header-content{cursor:pointer}.title{margin:0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.toggle-icon{-webkit-transition:-webkit-transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:-webkit-transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), -webkit-transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}.collapsed .toggle-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.q2-section-content-wrapper{height:auto}.q2-section-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n        var(--tct-scale-3, var(--app-scale-3, 15px))}.expanded.animate .q2-section-content-wrapper{-webkit-animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards;animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards}.collapsed .q2-section-content-wrapper{height:0;-webkit-animation:collapseVertical 0s forwards;animation:collapseVertical 0s forwards;-webkit-animation-duration:0;animation-duration:0;padding-top:0;visibility:hidden;overflow:hidden}.collapsed.animate .q2-section-content-wrapper{-webkit-animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards;animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards}.animate .q2-section-content-wrapper{overflow:hidden}";export{n as q2_section}

package/dist/q2-tecton-elements/{p-85a5a3e7.entry.js → p-7167b161.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,g as i}from"./p-9f992b04.js";const e=class{constructor(o){t(this,o),this.type="icon",this.dropdownOpen=!1,this.scheduledAfterRender=[],this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])",this.focusToggle=()=>{const t=this.hostElement.shadowRoot.querySelector(".dropdown-button");t&&t.dispatchEvent(new FocusEvent("focus"))},this.calculatePopDirection=()=>{const t=this.hostElement.shadowRoot.querySelector(".q2-element-dropdown");t.classList.add("sizable");const o=t.getBoundingClientRect().height;t.classList.remove("sizable");const i=this.hostElement.shadowRoot.querySelector(".dropdown-button"),{top:e,height:n}=i.getBoundingClientRect();return window.innerHeight-e-n<o?"up":"down"},this.openDropdown=()=>{this.privatePopDirection=this.popDirection||this.calculatePopDirection(),this.dropdownOpen||(this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe))},this.closeDropdown=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.scheduledAfterRender.push(()=>{this.resizeIframe()}))},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.closeDropdown())},this.onToggleClick=()=>{if(this.dropdownOpen)return this.focusToggle(),void this.closeDropdown();this.focusToggle(),this.openDropdown()},this.onToggleKeydown=t=>["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusLastItem()):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusFirstItem()):["Escape","Esc"].includes(t.key)?(t.preventDefault(),this.focusToggle(),void this.closeDropdown()):void 0,this.onDropdownMenuClick=t=>{if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;o.disabled||o.separator||(this.focusToggle(),this.closeDropdown())},this.onDropdownMenuKeydown=t=>{if(["Escape","Esc"].includes(t.key))return this.closeDropdown(),void this.focusToggle();if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;return["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"prev")):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"next")):void 0}}loc(t,o){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,o):t}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType)}orchestrateResolvedMenuItems(){this.name&&this.context?this.resolveMenuItemElements().then(t=>{this.removeResolvedElements(),t.forEach(t=>{this.hostElement.appendChild(t)})}).catch(t=>{throw this.removeResolvedElements(),t}):this.removeResolvedElements()}removeResolvedElements(){this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item").forEach(t=>this.hostElement.removeChild(t))}resolveMenuItemElements(){return this.resolveMenu().then(t=>t.map(t=>{let o,i;switch(t["tct-ctxid"]&&(i={},i[t.contextIdParamName]=t["tct-ctxid"]),t.action){case"navigateTo":o=()=>this.navigateTo(t.featureName,t.moduleName,i);break;case"showOverpanel":o=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,i)}const e=document.createElement("q2-dropdown-item");return e.setAttribute("value",t.itemLabel),e.classList.add("resolved-menu-item"),e.innerHTML=t.itemLabel,e.onclick=o,e}))}navigateTo(t,o,i){return window.TectonElements&&window.TectonElements.navigateTo(t,o,i)}showOverpanel(t,o){return window.TectonElements&&window.TectonElements.showOverpanel(t,o,void 0,!0)}get toggleButtonProps(){const t=["primary","secondary","neutral"],o=["icon","fab","custom",...t].includes(this.type)?this.type:"",i="icon"===o,e="fab"===o,n="custom"===o;let s;return t.includes(o)&&(s="neutral"===o?o:"workflow-"+o),{icon:i,fab:e,intent:s,active:this.dropdownOpen,disabled:!!this.disabled,ariaExpanded:this.dropdownOpen,ariaLabel:!this.label&&this.ariaLabel?this.loc(this.ariaLabel):void 0,className:"dropdown-button"+(i||e||s?"":" unstyled"),custom:n}}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}componentDidLoad(){this.orchestrateResolvedMenuItems()}componentDidRender(){setTimeout(()=>{this.scheduledAfterRender.forEach(t=>t()),this.scheduledAfterRender=[]},25)}focusFirstItem(){const t=this.hostElement.querySelector(this.dropdownItemSelector+":first-child");t&&t.dispatchEvent(new FocusEvent("focus"))}focusLastItem(){const t=this.hostElement.querySelector(this.dropdownItemSelector+":last-child");t&&t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,o){const i=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector)),e=i.indexOf(t);if(-1===e)return;let n=0;"next"===o?n=e<i.length-1?e+1:0:"prev"===o&&(n=e>0?e-1:i.length-1);const s=i[n];s&&s.dispatchEvent(new Event("focus"))}render(){const t=this.toggleButtonProps;return o("click-elsewhere",{class:"dropdown-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},o("q2-btn",{class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,icon:t.icon,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:t.ariaExpanded,ariaLabel:t.ariaLabel,ariaHasPopup:"menu","test-id":"dropdownButton"},o("div",{class:"dropdown-button-content"},this.icon?o("q2-icon",{type:this.icon}):" ",this.label&&o("span",{class:"dropdown-button-text"},this.loc(this.label))),o("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},o("slot",{name:"custom-dropdown-button"}))),o("div",{class:"q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),role:"menu",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},o("div",null,o("slot",null),this.dropdownOpen&&o("q2-btn",{class:"sr close-dropdown",onFocus:this.closeDropdown}))))}get hostElement(){return i(this)}static get watchers(){return{name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"]}}};e.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white);color:var(--t-font-color);left:0;width:100%;z-index:100;margin-top:1px;-webkit-box-shadow:var(--app-shadow-1);box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity var(--app-tween-1);transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible;margin-bottom:var(--app-scale-2)}:host([alignment='right']) .q2-element-dropdown{left:auto;right:0}:host{display:-ms-inline-flexbox;display:inline-flex}.dropdown-container{position:relative;display:block}.dropdown-button-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.dropdown-button.unstyled .dropdown-button-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n        var(--tct-scale-1, var(--app-scale-1, 5px))}.dropdown-button:not([icon]) q2-icon{margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-element-dropdown{width:var(--tct-user-dropdown-width, 175px)}.q2-element-dropdown.dropup{bottom:40px}";export{e as q2_dropdown}
+import{r as t,h as o,g as e}from"./p-f844ee08.js";const i=class{constructor(o){t(this,o),this.type="icon",this.dropdownOpen=!1,this.scheduledAfterRender=[],this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])",this.focusToggle=()=>{const t=this.hostElement.shadowRoot.querySelector(".dropdown-button");t&&t.dispatchEvent(new FocusEvent("focus"))},this.calculatePopDirection=()=>{const t=this.hostElement.shadowRoot.querySelector(".q2-element-dropdown");t.classList.add("sizable");const o=t.getBoundingClientRect().height;t.classList.remove("sizable");const e=this.hostElement.shadowRoot.querySelector(".dropdown-button"),{top:i,height:n}=e.getBoundingClientRect();return window.innerHeight-i-n<o?"up":"down"},this.openDropdown=()=>{this.privatePopDirection=this.popDirection||this.calculatePopDirection(),this.dropdownOpen||(this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe))},this.closeDropdown=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.scheduledAfterRender.push(()=>{this.resizeIframe()}))},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.closeDropdown())},this.onToggleClick=()=>{if(this.dropdownOpen)return this.focusToggle(),void this.closeDropdown();this.focusToggle(),this.openDropdown()},this.onToggleKeydown=t=>["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusLastItem()):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusFirstItem()):["Escape","Esc"].includes(t.key)?(t.preventDefault(),this.focusToggle(),void this.closeDropdown()):void 0,this.onDropdownMenuClick=t=>{if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;o.disabled||o.separator||(this.focusToggle(),this.closeDropdown())},this.onDropdownMenuKeydown=t=>{if(["Escape","Esc"].includes(t.key))return this.closeDropdown(),void this.focusToggle();if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;return["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"prev")):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"next")):void 0}}loc(t,o){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,o):t}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType)}orchestrateResolvedMenuItems(){this.name&&this.context?this.resolveMenuItemElements().then(t=>{this.removeResolvedElements(),t.forEach(t=>{this.hostElement.appendChild(t)})}).catch(t=>{throw this.removeResolvedElements(),t}):this.removeResolvedElements()}removeResolvedElements(){this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item").forEach(t=>this.hostElement.removeChild(t))}resolveMenuItemElements(){return this.resolveMenu().then(t=>t.map(t=>{let o,e;switch(t["tct-ctxid"]&&(e={},e[t.contextIdParamName]=t["tct-ctxid"]),t.action){case"navigateTo":o=()=>this.navigateTo(t.featureName,t.moduleName,e);break;case"showOverpanel":o=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,e)}const i=document.createElement("q2-dropdown-item");return i.setAttribute("value",t.itemLabel),i.classList.add("resolved-menu-item"),i.innerHTML=t.itemLabel,i.onclick=o,i}))}navigateTo(t,o,e){return window.TectonElements&&window.TectonElements.navigateTo(t,o,e)}showOverpanel(t,o){return window.TectonElements&&window.TectonElements.showOverpanel(t,o,void 0,!0)}get toggleButtonProps(){const t=["primary","secondary","neutral"],o=["icon","fab","custom",...t].includes(this.type)?this.type:"",e="icon"===o,i="fab"===o,n="custom"===o;let s;return t.includes(o)&&(s="neutral"===o?o:"workflow-"+o),{icon:e,fab:i,intent:s,active:this.dropdownOpen,disabled:!!this.disabled,ariaExpanded:this.dropdownOpen,ariaLabel:!this.label&&this.ariaLabel?this.loc(this.ariaLabel):void 0,className:"dropdown-button"+(e||i||s?"":" unstyled"),custom:n}}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}componentDidLoad(){this.orchestrateResolvedMenuItems()}componentDidRender(){setTimeout(()=>{this.scheduledAfterRender.forEach(t=>t()),this.scheduledAfterRender=[]},25)}focusFirstItem(){const t=this.hostElement.querySelector(this.dropdownItemSelector+":first-child");t&&t.dispatchEvent(new FocusEvent("focus"))}focusLastItem(){const t=this.hostElement.querySelector(this.dropdownItemSelector+":last-child");t&&t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,o){const e=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector)),i=e.indexOf(t);if(-1===i)return;let n=0;"next"===o?n=i<e.length-1?i+1:0:"prev"===o&&(n=i>0?i-1:e.length-1);const s=e[n];s&&s.dispatchEvent(new Event("focus"))}render(){const t=this.toggleButtonProps;return o("click-elsewhere",{class:"dropdown-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},o("q2-btn",{class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,icon:t.icon,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:t.ariaExpanded,ariaLabel:t.ariaLabel,ariaHasPopup:"menu","test-id":"dropdownButton"},o("div",{class:"dropdown-button-content"},this.icon?o("q2-icon",{type:this.icon}):" ",this.label&&o("span",{class:"dropdown-button-text"},this.loc(this.label))),o("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},o("slot",{name:"custom-dropdown-button"}))),o("div",{class:"q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),role:"menu",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},o("div",null,o("slot",null),this.dropdownOpen&&o("q2-btn",{class:"sr close-dropdown",onFocus:this.closeDropdown}))))}get hostElement(){return e(this)}static get watchers(){return{name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"]}}};i.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white);color:var(--t-font-color);left:0;width:100%;z-index:100;margin-top:1px;-webkit-box-shadow:var(--app-shadow-1);box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity var(--app-tween-1);transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible;margin-bottom:var(--app-scale-2)}:host([alignment='right']) .q2-element-dropdown{left:auto;right:0}:host{display:-ms-inline-flexbox;display:inline-flex}.dropdown-container{position:relative;display:block}.dropdown-button-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.dropdown-button.unstyled .dropdown-button-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n        var(--tct-scale-1, var(--app-scale-1, 5px))}.dropdown-button:not([icon]) q2-icon{margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-element-dropdown{width:var(--tct-user-dropdown-width, 175px)}.q2-element-dropdown.dropup{bottom:40px}";export{i as q2_dropdown}

package/dist/q2-tecton-elements/{p-6832e014.system.entry.js → p-71e97bfe.system.entry.js}

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