q2-tecton-elements 1.9.7 → 1.10.2

package/dist/q2-tecton-elements/{p-915ce8d8.entry.js → p-c14e0622.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as c,g as o}from"./p-8e863fbc.js";import{c as r,h as a,l as i}from"./p-0feefe56.js";const l=class{constructor(c){t(this,c),this.change=e(this,"change",7),this.checked=!1,this.id=`checkbox-${r()}`,this.onInputChange=t=>{t.stopPropagation(),this.change.emit({value:t.target.value,checked:t.target.checked})}}componentWillLoad(){a(this)}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.checked=t.detail.checked)}ariaLabelObserver(){a(this)}render(){return c("div",{class:"checkbox-container"},c("input",{id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.label&&this.hideLabel?i(this.label):void 0,onChange:this.onInputChange,"test-id":"q2CheckboxInnerCheckBox"}),c("label",{htmlFor:this.id,"test-id":"checkboxButton"},this.generateCheckboxSVG(),!this.hideLabel&&c("div",{class:"q2-checkbox-label-content"},i(this.label),c("slot",null))))}generateCheckboxSVG(){return"favorite"===this.type?c("q2-icon",{type:"star",class:"checkbox-icon"}):"toggle"===this.type?this.generateToggleSVG():c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},c("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){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"})))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{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:flex;align-items:center;cursor:pointer;--comp-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    );--comp-checkbox-outer-fill-color:var(\n        --tct-checkbox-outer-fill-color,\n        var(--tct-white, var(--app-white, #ffffff))\n    );--comp-checkbox-checked-color:var(\n        --tct-checkbox-check-stroke-color,\n        var(\n            --t-checkbox-fill,\n            var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))\n        )\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(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}input:focus+label .checkbox-icon{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--comp-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);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']){--scoped-checkbox-favorite-stroke-color:var(\n        --tct-checkbox-favorite-stroke-color,\n        var(--t-textA, rgba(77, 77, 77, 0.77))\n    );--scoped-checkbox-favorite-fill-color:var(\n        --tct-checkbox-favorite-fill-color,\n        var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n    )}:host([type='favorite']) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 1);--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);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']:focus-within) input+label .checkbox-icon,:host([type='favorite']:hover) input+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, 2)}:host([type='favorite']) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);fill:var(--scoped-checkbox-favorite-fill-color);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([type='favorite']:focus-within) input:checked+label .checkbox-icon,:host([type='favorite']:hover) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color)}:host([alignment='right']) label,:host([type='toggle']:not([alignment='left'])) label{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%;transform:translateY(-50%)}:host([type='toggle']) .toggle-track{fill:var(\n        --tct-checkbox-toggle-track-color,\n        var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n    );height:14px;width:46px}:host([type='toggle']) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color));opacity:0.5}:host([type='toggle']) .toggle-indicator{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(\n        --tct-checkbox-toggle-circle-color,\n        var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n    )}:host([type='toggle']) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-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(--comp-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type='toggle']) input:not(:checked):focus+label .toggle-circle{stroke:var(\n        --tct-checkbox-toggle-circle-color,\n        var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n    )}:host([type='toggle']) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='toggle']) input:checked+label .checked-fill{stroke:var(\n        --tct-checkbox-toggle-checked-icon-stroke,\n        var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff)))\n    )}";export{l as q2_checkbox}
+import{r as t,c as e,h as c,g as o}from"./p-8e863fbc.js";import{c as r,h as a,l as i}from"./p-6f570344.js";const l=class{constructor(c){t(this,c),this.change=e(this,"change",7),this.checked=!1,this.id=`checkbox-${r()}`,this.onInputChange=t=>{t.stopPropagation(),this.change.emit({value:t.target.value,checked:t.target.checked})}}componentWillLoad(){a(this)}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.checked=t.detail.checked)}ariaLabelObserver(){a(this)}render(){return c("div",{class:"checkbox-container"},c("input",{id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.label&&this.hideLabel?i(this.label):void 0,onChange:this.onInputChange,"test-id":"q2CheckboxInnerCheckBox"}),c("label",{htmlFor:this.id,"test-id":"checkboxButton"},this.generateCheckboxSVG(),!this.hideLabel&&c("div",{class:"q2-checkbox-label-content"},i(this.label),c("slot",null))))}generateCheckboxSVG(){return"favorite"===this.type?c("q2-icon",{type:"star",class:"checkbox-icon"}):"toggle"===this.type?this.generateToggleSVG():c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},c("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){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"})))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{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:flex;align-items:center;cursor:pointer;--comp-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    );--comp-checkbox-outer-fill-color:var(\n        --tct-checkbox-outer-fill-color,\n        var(--tct-white, var(--app-white, #ffffff))\n    );--comp-checkbox-checked-color:var(\n        --tct-checkbox-check-stroke-color,\n        var(\n            --t-checkbox-fill,\n            var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))\n        )\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(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}input:focus+label .checkbox-icon{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--comp-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);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']){--scoped-checkbox-favorite-stroke-color:var(\n        --tct-checkbox-favorite-stroke-color,\n        var(--t-textA, rgba(77, 77, 77, 0.77))\n    );--scoped-checkbox-favorite-fill-color:var(\n        --tct-checkbox-favorite-fill-color,\n        var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n    )}:host([type='favorite']) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 1);--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);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']:focus-within) input+label .checkbox-icon,:host([type='favorite']:hover) input+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, 2)}:host([type='favorite']) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);fill:var(--scoped-checkbox-favorite-fill-color);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([type='favorite']:focus-within) input:checked+label .checkbox-icon,:host([type='favorite']:hover) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color)}:host([alignment='right']) label,:host([type='toggle']:not([alignment='left'])) label{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%;transform:translateY(-50%)}:host([type='toggle']) .toggle-track{fill:var(\n        --tct-checkbox-toggle-track-color,\n        var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n    );height:14px;width:46px}:host([type='toggle']) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color));opacity:0.5}:host([type='toggle']) .toggle-indicator{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(\n        --tct-checkbox-toggle-circle-color,\n        var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n    )}:host([type='toggle']) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-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(--comp-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type='toggle']) input:not(:checked):focus+label .toggle-circle{stroke:var(\n        --tct-checkbox-toggle-circle-color,\n        var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n    )}:host([type='toggle']) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='toggle']) input:checked+label .checked-fill{stroke:var(\n        --tct-checkbox-toggle-checked-icon-stroke,\n        var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff)))\n    )}";export{l as q2_checkbox}

package/dist/q2-tecton-elements/p-c92e3bc2.entry.js

@@ -0,0 +1 @@
+import{r as i,h as o,g as t}from"./p-8e863fbc.js";import{c as e,l as n}from"./p-6f570344.js";const s=class{constructor(o){i(this,o)}connectedCallback(){this.hostElement.id||(this.hostElement.id=`step-${e()}`)}render(){const{label:i,description:t,isActive:e}=this;return o("div",{role:"tabpanel","aria-label":i&&n(i),"aria-description":t&&n(t),tabindex:"0",hidden:!e},o("slot",null))}get hostElement(){return t(this)}};s.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{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;position:relative}";export{s as q2_stepper_pane}

package/dist/q2-tecton-elements/{p-7a952b02.entry.js → p-d0d605dc.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,g as s}from"./p-8e863fbc.js";import{c as n,l as a}from"./p-0feefe56.js";const o=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.hasYieldedHeader=!1,this.guid=n(),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=()=>{var t,e;const i=this.headerSlot?this.headerSlot.assignedNodes().length>0:null!==(e=null===(t=this.headerSlotWrapper)||void 0===t?void 0:t.children.length)&&void 0!==e&&e;this.hasYieldedHeader!==i&&(this.hasYieldedHeader=!!i)},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()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}componentWillLoad(){this.onHeaderSlotChange()}componentDidLoad(){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 btnLabel(){const t=a(this.label);return this.expanded?`${a("tecton.element.section.collapse")} ${t}`:`${a("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"},a(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"),label:this.btnLabel,ariaExpanded:!!this.expanded,ariaControls:this.contentId,ariaHasPopup:!0,"test-id":"toggleButton","hide-label":!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"]}}};o.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{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}@keyframes expandVertical{0%{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{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:flex}.has-header .q2-section-header{min-height:44px}.q2-section-header-content{flex:1 1 100%;min-width:0;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{transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}.collapsed .toggle-icon{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{animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards}.collapsed .q2-section-content-wrapper{height:0;animation:collapseVertical 0s forwards;animation-duration:0;padding-top:0;visibility:hidden;overflow:hidden}.collapsed.animate .q2-section-content-wrapper{animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards}.animate .q2-section-content-wrapper{overflow:hidden}";export{o as q2_section}
+import{r as t,c as e,h as i,g as s}from"./p-8e863fbc.js";import{c as n,l as a}from"./p-6f570344.js";const o=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.hasYieldedHeader=!1,this.guid=n(),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=()=>{var t,e;const i=this.headerSlot?this.headerSlot.assignedNodes().length>0:null!==(e=null===(t=this.headerSlotWrapper)||void 0===t?void 0:t.children.length)&&void 0!==e&&e;this.hasYieldedHeader!==i&&(this.hasYieldedHeader=!!i)},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()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}componentWillLoad(){this.onHeaderSlotChange()}componentDidLoad(){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 btnLabel(){const t=a(this.label);return this.expanded?`${a("tecton.element.section.collapse")} ${t}`:`${a("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"},a(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"),label:this.btnLabel,ariaExpanded:!!this.expanded,ariaControls:this.contentId,ariaHasPopup:!0,"test-id":"toggleButton","hide-label":!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"]}}};o.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{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}@keyframes expandVertical{0%{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{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:flex}.has-header .q2-section-header{min-height:44px}.q2-section-header-content{flex:1 1 100%;min-width:0;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{transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}.collapsed .toggle-icon{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{animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards}.collapsed .q2-section-content-wrapper{height:0;animation:collapseVertical 0s forwards;animation-duration:0;padding-top:0;visibility:hidden;overflow:hidden}.collapsed.animate .q2-section-content-wrapper{animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards}.animate .q2-section-content-wrapper{overflow:hidden}";export{o as q2_section}

package/dist/q2-tecton-elements/p-e3a27b97.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,F as e,g as s}from"./p-8e863fbc.js";import{s as i,h as r,l as n}from"./p-6f570344.js";const a=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.openDropdown=()=>{i(this),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}}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 s=document.createElement("q2-dropdown-item");return s.setAttribute("value",t.itemLabel),s.classList.add("resolved-menu-item"),s.innerHTML=t.itemLabel,s.onclick=o,s}))))}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 hasCustomButton(){return!!this.hostElement.querySelector("[slot=custom-dropdown-button]")}get toggleButtonProps(){const t=["primary","secondary","neutral"],o=["icon","fab","custom",...t].includes(this.type)?this.type:"",e="icon"===o,s="fab"===o,i="custom"===o;let r;return t.includes(o)&&(r="neutral"===o?o:`workflow-${o}`),{icon:e,fab:s,intent:r,active:this.dropdownOpen,disabled:!!this.disabled,ariaExpanded:this.dropdownOpen,className:"dropdown-button"+(e||s||r?"":" unstyled"),custom:i}}ariaLabelObserver(){r(this)}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}componentWillLoad(){r(this)}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)),s=e.indexOf(t);if(-1===s)return;let i=0;"next"===o?i=s<e.length-1?s+1:0:"prev"===o&&(i=s>0?s-1:e.length-1);const r=e[i];r&&r.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",{ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:t.ariaExpanded,label:this.hideLabel&&this.label?n(this.label):void 0,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton"},this.hasCustomButton?o("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},o("slot",{name:"custom-dropdown-button"})):o(e,null,this.icon?o("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&o("span",{class:"dropdown-button-text"},n(this.label)))),o("div",{ref:t=>this.dropdownContainer=t,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 s(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"]}}};a.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{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;box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--app-scale-1x, 5px));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--app-border-radius-1, 3px));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-a11y-gray-color, #747474));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.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:inline-flex}.dropdown-container{position:relative;display:block}.dropdown-button-content{display:flex;align-items:center}.dropdown-button.unstyled .dropdown-button-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 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{a as q2_dropdown}

package/dist/q2-tecton-elements/{p-72f9686c.entry.js → p-ebee91e2.entry.js}

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

package/dist/q2-tecton-elements/q2-tecton-elements.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-8e863fbc.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-12f6dc10",[[1,"q2-icon",{type:[513]}]]],["p-93799868",[[1,"q2-calendar",{value:[1537],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[1540],typeable:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[1040],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],keyboardSelection:[32],typedValue:[32],dateList:[32],hintMessage:[32],hintMessageType:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-1022a1c6",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-e5e8eac3",[[1,"q2-select",{label:[513],hideLabel:[516,"hide-label"],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],minRows:[2,"min-rows"],popDirection:[513,"pop-direction"],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-72f9686c",[[1,"q2-editable-field",{value:[1537],editing:[1540],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-7a952b02",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-f1ec7948",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-89ae4f7b",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],label:[513],index:[1538],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-915ce8d8",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-ec245511",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-b0cb8867",[[1,"q2-option",{display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-0e9e5b53",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-5da60194",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],noPrint:[516,"no-print"],hasLeft:[32],hasRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-c6d4933e",[[1,"q2-textarea",{value:[1025],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[1538],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-d93abdce",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-905a22d5",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-ccb8126f",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-dfe693e9",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-0c23d50a",[[4,"q2-radio",{label:[513],hideLabel:[516,"hide-label"],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-3b80823a",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-1ece7876",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-ed433950",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-076b95fd",[[1,"q2-message",{type:[513],appearance:[513],description:[516]}]]],["p-9f328dbd",[[1,"q2-input",{value:[1025],label:[513],hideLabel:[516,"hide-label"],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[1538],pseudo:[516],showVisibilityToggle:[516,"show-visibility-toggle"],textHidden:[1540,"text-hidden"],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[513,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-dd33b297",[[0,"click-elsewhere"]]],["p-b6436a3a",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],loading:[516],badge:[516],active:[516],fab:[516],iconPosition:[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],label:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]]],e)));
+import{p as e,b as a}from"./p-8e863fbc.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-7c06467f",[[1,"q2-icon",{type:[513],label:[513]}]]],["p-2f2bbed9",[[1,"q2-calendar",{value:[1537],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[1540],typeable:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[1040],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],keyboardSelection:[32],typedValue:[32],dateList:[32],hintMessage:[32],hintMessageType:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-e3a27b97",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-8b4f6d3f",[[1,"q2-select",{label:[513],hideLabel:[516,"hide-label"],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],minRows:[2,"min-rows"],popDirection:[513,"pop-direction"],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32],statusMessage:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-ebee91e2",[[1,"q2-editable-field",{value:[1537],editing:[1540],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-d0d605dc",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-4d283b84",[[1,"q2-stepper",{currentStep:[1538,"current-step"],stepCount:[1026,"step-count"],lastEnabledStep:[1026,"last-enabled-step"],scrollEnabled:[32],showScrollLeft:[32],showScrollRight:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-2a28baa9",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-65894494",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],label:[513],index:[1538],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-c14e0622",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-86116f5c",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-5289f040",[[1,"q2-option",{role:[513],tabindex:[513],display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-9b420e22",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-6ed006a7",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],noPrint:[516,"no-print"],hasLeft:[32],hasRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-64eef8d1",[[1,"q2-textarea",{value:[1025],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[1538],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-37d281b7",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-905a22d5",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-82b24667",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-3f2590c0",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-7520656d",[[4,"q2-radio",{label:[513],hideLabel:[516,"hide-label"],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-c92e3bc2",[[1,"q2-stepper-pane",{label:[513],description:[513],isActive:[516,"is-active"]}]]],["p-3b80823a",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-98bb1355",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-891ca6f8",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-076b95fd",[[1,"q2-message",{type:[513],appearance:[513],description:[516]}]]],["p-2c2a5d58",[[1,"q2-input",{value:[1025],label:[513],hideLabel:[516,"hide-label"],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[1538],pseudo:[516],showVisibilityToggle:[516,"show-visibility-toggle"],textHidden:[1540,"text-hidden"],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[513,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-dd33b297",[[0,"click-elsewhere"]]],["p-576509e6",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],loading:[516],badge:[516],active:[516],fab:[516],iconPosition:[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],label:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]]],e)));

package/dist/types/components/q2-icon/index.d.ts

@@ -1,6 +1,7 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 export declare class Q2Icon implements ComponentInterface {
   type: string;
+  label: string;
   get iconMarkup(): "" | import("../../components").JSX.IntrinsicElements;
   get isCustom(): boolean;
   hostElement: HTMLElement;

package/dist/types/components/q2-option/index.d.ts

@@ -1,5 +1,7 @@
-import { ComponentInterface } from '../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 export declare class Q2Option implements ComponentInterface {
+  role: string;
+  tabindex: string;
   display: string;
   value: string;
   disabled: boolean;
@@ -11,6 +13,11 @@ export declare class Q2Option implements ComponentInterface {
   active: boolean;
   _multiSelectHidden: boolean;
   hostElement: HTMLElement;
-  onOptionClick: (event: MouseEvent) => void;
+  connectedCallback(): void;
+  checkDisabledStatus(): void;
+  checkSelectedStatus(): void;
+  checkMultiSelectHiddenStatus(): void;
+  click: EventEmitter;
+  onClick: (event: MouseEvent) => void;
   render(): any;
 }

package/dist/types/components/q2-select/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import { EventEmitter, Event, ComponentInterface } from '../../stencil-public-runtime';
 export declare class Q2Select implements ComponentInterface {
   label: string;
@@ -21,6 +22,7 @@ export declare class Q2Select implements ComponentInterface {
   searchText: string;
   hasCustomDisplay: boolean;
   inputFocused: boolean;
+  statusMessage: string;
   inputField?: HTMLQ2InputElement;
   dropdownContainer?: HTMLDivElement;
   privatePopDirection: 'down' | 'up';
@@ -32,7 +34,6 @@ export declare class Q2Select implements ComponentInterface {
   };
   resizeIframe(): void;
   guid: number;
-  dropdownId: string;
   mutationObserver: MutationObserver;
   getDefaultActiveIndex(): number;
   setActiveOption(): void;
@@ -69,6 +70,8 @@ export declare class Q2Select implements ComponentInterface {
   input: EventEmitter;
   onHostElementChange(event: CustomEvent): void;
   onHostElementInput(event: CustomEvent): void;
+  statusMessageTimer: NodeJS.Timeout;
+  setStatusMessage(message: any): void;
   clickHandler(event: Event): void;
   keydownHandler(event: KeyboardEvent): void;
   searchAndFocus: (keyValue: any) => void;

package/dist/types/components/q2-stepper/index.d.ts

@@ -0,0 +1,33 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class Q2Stepper implements ComponentInterface {
+  currentStep: number;
+  stepCount: number;
+  lastEnabledStep: number;
+  hostElement: HTMLElement;
+  change: EventEmitter;
+  scrollEnabled: boolean;
+  showScrollLeft: boolean;
+  showScrollRight: boolean;
+  listElement: HTMLUListElement;
+  resizeObserver: ResizeObserver;
+  scheduledAfterRender: Array<() => void>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  currentStepChanged(stepNumber: number): void;
+  defaultChangeHandler(event: CustomEvent): void;
+  get allPanes(): NodeListOf<HTMLQ2StepperPaneElement>;
+  onSlotChange: () => void;
+  onScrollBtnClick: (direction: 'left' | 'right') => void;
+  onStepClick: (event: any, selectedStep: number) => void;
+  onStepKeyDown: (event: KeyboardEvent, stepNumber: number) => void;
+  showStep(stepNumber: number): void;
+  checkForPanes: () => void;
+  checkScrollState: () => void;
+  resizeIframe(): void;
+  showStepPane(stepNumber: number): void;
+  focusStep(stepNumber: number, scrollIntoView?: boolean): void;
+  renderStepBtn(stepIndex: number): any;
+  render(): any;
+}

package/dist/types/components/q2-stepper-pane/index.d.ts

@@ -0,0 +1,9 @@
+import { ComponentInterface } from '../../stencil-public-runtime';
+export declare class Q2StepperPane implements ComponentInterface {
+  label: string;
+  description: string;
+  isActive: boolean;
+  hostElement: HTMLElement;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/tecton-tab-pane/index.d.ts

@@ -18,6 +18,7 @@ export declare class TectonTabPane implements ComponentInterface {
   _showForm: boolean;
   hostElement: HTMLElement;
   get iframeTitle(): string;
+  componentWillLoad(): void;
   componentDidRender(): void;
   selectedObserver(): void;
   onIFrameLoad: (event: Event) => void;

package/dist/types/components.d.ts

@@ -130,6 +130,7 @@ export namespace Components {
         "value": string;
     }
     interface Q2Icon {
+        "label": string;
         "type": string;
     }
     interface Q2Input {
@@ -200,7 +201,9 @@ export namespace Components {
         "hidden": boolean;
         "multiline": boolean;
         "optionId": string;
+        "role": string;
         "selected": boolean;
+        "tabindex": string;
         "value": string;
     }
     interface Q2Radio {
@@ -246,6 +249,16 @@ export namespace Components {
         "selectedOptions": any;
         "value": string;
     }
+    interface Q2Stepper {
+        "currentStep": number;
+        "lastEnabledStep": number;
+        "stepCount": number;
+    }
+    interface Q2StepperPane {
+        "description": string;
+        "isActive": boolean;
+        "label": string;
+    }
     interface Q2TabContainer {
         "color": string;
         "name": string;
@@ -432,6 +445,18 @@ declare global {
         prototype: HTMLQ2SelectElement;
         new (): HTMLQ2SelectElement;
     };
+    interface HTMLQ2StepperElement extends Components.Q2Stepper, HTMLStencilElement {
+    }
+    var HTMLQ2StepperElement: {
+        prototype: HTMLQ2StepperElement;
+        new (): HTMLQ2StepperElement;
+    };
+    interface HTMLQ2StepperPaneElement extends Components.Q2StepperPane, HTMLStencilElement {
+    }
+    var HTMLQ2StepperPaneElement: {
+        prototype: HTMLQ2StepperPaneElement;
+        new (): HTMLQ2StepperPaneElement;
+    };
     interface HTMLQ2TabContainerElement extends Components.Q2TabContainer, HTMLStencilElement {
     }
     var HTMLQ2TabContainerElement: {
@@ -480,6 +505,8 @@ declare global {
         "q2-radio-group": HTMLQ2RadioGroupElement;
         "q2-section": HTMLQ2SectionElement;
         "q2-select": HTMLQ2SelectElement;
+        "q2-stepper": HTMLQ2StepperElement;
+        "q2-stepper-pane": HTMLQ2StepperPaneElement;
         "q2-tab-container": HTMLQ2TabContainerElement;
         "q2-tab-pane": HTMLQ2TabPaneElement;
         "q2-textarea": HTMLQ2TextareaElement;
@@ -619,6 +646,7 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface Q2Icon {
+        "label"?: string;
         "type"?: string;
     }
     interface Q2Input {
@@ -690,8 +718,11 @@ declare namespace LocalJSX {
         "display"?: string;
         "hidden"?: boolean;
         "multiline"?: boolean;
+        "onClick"?: (event: CustomEvent<any>) => void;
         "optionId"?: string;
+        "role"?: string;
         "selected"?: boolean;
+        "tabindex"?: string;
         "value"?: string;
     }
     interface Q2Radio {
@@ -742,6 +773,17 @@ declare namespace LocalJSX {
         "selectedOptions"?: any;
         "value"?: string;
     }
+    interface Q2Stepper {
+        "currentStep"?: number;
+        "lastEnabledStep"?: number;
+        "onChange"?: (event: CustomEvent<any>) => void;
+        "stepCount"?: number;
+    }
+    interface Q2StepperPane {
+        "description"?: string;
+        "isActive"?: boolean;
+        "label"?: string;
+    }
     interface Q2TabContainer {
         "color"?: string;
         "name"?: string;
@@ -816,6 +858,8 @@ declare namespace LocalJSX {
         "q2-radio-group": Q2RadioGroup;
         "q2-section": Q2Section;
         "q2-select": Q2Select;
+        "q2-stepper": Q2Stepper;
+        "q2-stepper-pane": Q2StepperPane;
         "q2-tab-container": Q2TabContainer;
         "q2-tab-pane": Q2TabPane;
         "q2-textarea": Q2Textarea;
@@ -849,6 +893,8 @@ declare module "@stencil/core" {
             "q2-radio-group": LocalJSX.Q2RadioGroup & JSXBase.HTMLAttributes<HTMLQ2RadioGroupElement>;
             "q2-section": LocalJSX.Q2Section & JSXBase.HTMLAttributes<HTMLQ2SectionElement>;
             "q2-select": LocalJSX.Q2Select & JSXBase.HTMLAttributes<HTMLQ2SelectElement>;
+            "q2-stepper": LocalJSX.Q2Stepper & JSXBase.HTMLAttributes<HTMLQ2StepperElement>;
+            "q2-stepper-pane": LocalJSX.Q2StepperPane & JSXBase.HTMLAttributes<HTMLQ2StepperPaneElement>;
             "q2-tab-container": LocalJSX.Q2TabContainer & JSXBase.HTMLAttributes<HTMLQ2TabContainerElement>;
             "q2-tab-pane": LocalJSX.Q2TabPane & JSXBase.HTMLAttributes<HTMLQ2TabPaneElement>;
             "q2-textarea": LocalJSX.Q2Textarea & JSXBase.HTMLAttributes<HTMLQ2TextareaElement>;

package/dist/types/global.d.ts

@@ -11,6 +11,7 @@ declare global {
         };
         Tecton?: {
             inMobileApp: boolean;
+            noString: boolean;
         };
     }
 }

package/dist/types/utils/index.d.ts

@@ -9,10 +9,13 @@ import { Q2Input } from 'src/components/q2-input';
 import { Q2Loading } from 'src/components/q2-loading';
 import { Q2Radio } from 'src/components/q2-radio';
 import { Q2Select } from 'src/components/q2-select';
-import { FormFieldTypes } from 'src/util';
+import { FormFieldTypes, IDict } from 'src/util';
+export declare function addSmoothScrollPolyfill(): boolean;
 export declare function createGuid(): number;
+export declare function nextPaint(fn: () => void, execute?: boolean): void;
+export declare function capitalize(value: string): string;
 export declare function pick(props: string[]): (obj: object) => object;
-export declare function loc(key: string, subs?: string[]): string;
+export declare function loc(key: string, subs?: IDict<any> | string[]): string;
 export declare function labelDOM(target: FormFieldTypes): any;
 export declare function handleAriaLabel(target: Q2Input | Q2Select | Q2Radio | Q2Checkbox | Q2EditableField | Q2Dropdown | Q2DropdownItem | Q2Loading | Q2Carousel | Q2Calendar | Q2Btn): void;
 export declare function messagesDOM(target: FormFieldTypes): any;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.9.7",
+    "version": "1.10.2",
     "description": "Q2 Tecton Custom Elements",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -49,5 +49,5 @@
         "smoothscroll-polyfill": "^0.4.4",
         "swiper": "5.3.8"
     },
-    "gitHead": "cb3e7805848f8d992cf4a5faaf9094979533de78"
+    "gitHead": "905922bab86b199d59f1a12b02a0a01e33d5e6d1"
 }

package/dist/cjs/index-2dcb1a72.js

@@ -1,99 +0,0 @@
-'use strict';
-
-const index = require('./index-6b2c271e.js');
-
-let guid = 1000;
-function createGuid() {
-  return guid++;
-}
-function loc(key, subs) {
-  var _a, _b;
-  if (!key)
-    return '';
-  return (_b = (_a = window === null || window === void 0 ? void 0 : window.TectonElements) === null || _a === void 0 ? void 0 : _a.loc(key, subs)) !== null && _b !== void 0 ? _b : key;
-}
-function labelDOM(target) {
-  const { label, hideLabel } = target;
-  if (!label || hideLabel)
-    return;
-  return (index.h("label", { htmlFor: target.inputId, class: target.readonly ? 'readonly-field' : '' },
-    loc(target.label),
-    target.optional ? (index.h("span", { class: "optional-tag" }, loc('tecton.element.input.optional'))) : ('')));
-}
-function handleAriaLabel(target) {
-  const { ariaLabel } = target;
-  if (!ariaLabel)
-    return;
-  if ('hideLabel' in target)
-    target.hideLabel = true;
-  target.label = loc(ariaLabel);
-  target.ariaLabel = undefined;
-}
-function messagesDOM(target) {
-  const type = target.hasError ? 'danger' : 'info';
-  return (index.h("div", { class: "messages-container" },
-    index.h("q2-message", { appearance: "minimal", description: true, type: type },
-      index.h("ul", { id: target.inputDescribedBy }, target.messages.map(message => (index.h("li", null, loc(message))))))));
-}
-function setMessageHeight(target) {
-  const messageContainer = target.hostElement.shadowRoot.querySelector('.messages-container');
-  const q2Message = messageContainer.querySelector('q2-message');
-  const height = target.showMessages && target.hasFocus ? q2Message.getBoundingClientRect().height : 0;
-  if (messageContainer.style.getPropertyValue('height') === `${height}px`)
-    return;
-  if (height === 0) {
-    q2Message.classList.add('invisible');
-    messageContainer.style.removeProperty('height');
-  }
-  else {
-    q2Message.classList.remove('invisible');
-    messageContainer.style.setProperty('height', `${height}px`);
-  }
-}
-function setPopProperties(target) {
-  const { dropdownContainer, popDirection } = target;
-  if (dropdownContainer) {
-    dropdownContainer.style.maxHeight = null;
-  }
-  if (popDirection) {
-    return (target.privatePopDirection = popDirection);
-  }
-  const controlElement = target.inputField || target.controlElement;
-  const minPopHeight = target.minPopHeight || null;
-  // Add sizable so that we can capture the height
-  dropdownContainer.classList.add('sizable');
-  const dropdownHeight = dropdownContainer.getBoundingClientRect().height;
-  dropdownContainer.classList.remove('sizable');
-  const { top: topOffset, height } = controlElement.getBoundingClientRect();
-  const bottomOffset = window.innerHeight - topOffset - height;
-  const canShowFullSizeBelow = bottomOffset > dropdownHeight;
-  const canShowFullSizeAbove = dropdownHeight <= topOffset;
-  // Prefer full size above or below
-  if (canShowFullSizeBelow) {
-    return (target.privatePopDirection = 'down');
-  }
-  else if (canShowFullSizeAbove || !minPopHeight) {
-    return (target.privatePopDirection = 'up');
-  }
-  // If full size will not fit and minHeight is set, then make as tall as possible
-  const displayBuffer = 5;
-  const canShowSmallBelow = bottomOffset >= minPopHeight + displayBuffer;
-  if (canShowSmallBelow) {
-    const maxBelowHeight = Math.max(bottomOffset - displayBuffer, minPopHeight);
-    dropdownContainer.style.maxHeight = `${maxBelowHeight}px`;
-    return (target.privatePopDirection = 'down');
-  }
-  else {
-    const maxAboveHeight = Math.max(topOffset, minPopHeight);
-    dropdownContainer.style.maxHeight = `${maxAboveHeight}px`;
-    return (target.privatePopDirection = 'up');
-  }
-}
-
-exports.createGuid = createGuid;
-exports.handleAriaLabel = handleAriaLabel;
-exports.labelDOM = labelDOM;
-exports.loc = loc;
-exports.messagesDOM = messagesDOM;
-exports.setMessageHeight = setMessageHeight;
-exports.setPopProperties = setPopProperties;