q2-tecton-elements 1.23.0 → 1.24.0

package/dist/q2-tecton-elements/{p-38a33baa.entry.js → p-e886c55b.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,g as r}from"./p-926a3e80.js";import{c as o,l as s}from"./p-a510290a.js";const a=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.id=`checkbox-group-${o()}`,this.onMutationObserved=()=>{this.valueUpdated(),this.disabledUpdated()},this.onInnerCheckboxChange=t=>{t.stopImmediatePropagation();const e={};this.checkboxElements.forEach((t=>{e[t.value]=!!t.checked})),this.change.emit(e)},this.label=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.optional=!1,this.hasError=!1}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))}get protectedValue(){return this.value||{}}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,this.onMutationObserved()}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}valueUpdated(){this.readonly||this.checkboxElements.forEach((t=>{this.protectedValue.hasOwnProperty(t.value)&&(t.checked=this.value[t.value])}))}disabledUpdated(){this.checkboxElements.forEach((t=>{t.groupDisabled=this.disabled}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail)}render(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",i("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":`${!this.optional}`},this.label||this.optional?i("legend",{class:"sr-only"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",this.hasError?i("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},i("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))}inputDom(){return i("slot",null)}get hostElement(){return r(this)}static get watchers(){return{value:["valueUpdated"],disabled:["disabledUpdated"]}}};a.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:linear-gradient(to right, var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))), var(--tct-checkbox-group-error-gradient-end, var(--t-base, white)))}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)));color:var(--tct-input-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))));font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}";export{a as q2_checkbox_group}
+import{r as t,c as e,h as i,g as r}from"./p-926a3e80.js";import{c as o,l as s}from"./p-9acfa94e.js";const a=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.id=`checkbox-group-${o()}`,this.onMutationObserved=()=>{this.valueUpdated(),this.disabledUpdated()},this.onInnerCheckboxChange=t=>{t.stopImmediatePropagation();const e={};this.checkboxElements.forEach((t=>{e[t.value]=!!t.checked})),this.change.emit(e)},this.label=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.optional=!1,this.hasError=!1}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))}get protectedValue(){return this.value||{}}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,this.onMutationObserved()}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}valueUpdated(){this.readonly||this.checkboxElements.forEach((t=>{this.protectedValue.hasOwnProperty(t.value)&&(t.checked=this.value[t.value])}))}disabledUpdated(){this.checkboxElements.forEach((t=>{t.groupDisabled=this.disabled}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail)}render(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",i("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":`${!this.optional}`},this.label||this.optional?i("legend",{class:"sr-only"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",this.hasError?i("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},i("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))}inputDom(){return i("slot",null)}get hostElement(){return r(this)}static get watchers(){return{value:["valueUpdated"],disabled:["disabledUpdated"]}}};a.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:linear-gradient(to right, var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))), var(--tct-checkbox-group-error-gradient-end, var(--t-base, white)))}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)));color:var(--tct-input-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))));font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}";export{a as q2_checkbox_group}

package/dist/q2-tecton-elements/{p-7aa80653.entry.js → p-f94e7043.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,g as n}from"./p-926a3e80.js";import{o as a,i as o,l as s,n as r}from"./p-a510290a.js";const l=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.handlePageChange=t=>{const{totalPages:i,inputField:e}=this;t<1?t=1:t>i&&(t=i),e.value!==`${t}`&&(e.value=`${t}`),this.hostElement.onchange||(this.page=t),this.change.emit({page:t})},this.recordType=void 0,this.perPage=void 0,this.total=void 0,this.page=void 0,this.pages=void 0,this.recordsOnly=void 0,this.pagesOnly=void 0,this.isSmall=void 0}componentDidLoad(){this.recordsOnly||this.pagesOnly||(this.containerWidth=this.containerElement.clientWidth,this.resizeObserver=new ResizeObserver((()=>this.checkSize())),this.resizeObserver.observe(this.hostElement),a(this.hostElement))}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}onHostElementFocus(t){var i;if(!o(t,this.hostElement))return;const{isFullViewHidden:e,containerElement:n,inputField:a}=this;e?null===(i=n.querySelector("q2-btn:not([disabled])"))||void 0===i||i.focus():a.focus()}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get totalWithDefault(){return this.total||0}get recordTypeWithDefault(){return this.recordType||s("tecton.element.pagination.defaultRecordType")}get currentRange(){const{perPageWithDefault:t,totalWithDefault:i,pageWithDefault:e}=this;return`${(e-1)*t+1} - ${Math.min(e*t,i)}`}get totalPages(){const{pagesOnly:t,totalWithDefault:i,perPageWithDefault:e,pages:n}=this;return t&&n&&!isNaN(parseInt(`${n}`))?n:Math.ceil(i/e)}checkSize(){const{hostElement:t,containerElement:i}=this,e=this.containerWidth>t.clientWidth;this.isSmall=e,e||r((()=>{this.containerWidth===i.clientWidth||(this.containerWidth=i.clientWidth,this.checkSize())}))}render(){const{pagesOnly:t,isFullViewHidden:i,recordTypeWithDefault:n,totalPages:a,totalWithDefault:o,pageWithDefault:r,currentRange:l}=this,p=1===r,h=r===a;return e("nav",{class:"container",ref:t=>this.containerElement=t,"aria-label":s("tecton.element.pagination.title")},e("div",{class:"description","test-id":"description"},t?s("tecton.element.pagination.pages",{current:r,total:a}):s("tecton.element.pagination.description",{range:l,recordType:n.toLowerCase(),total:o.toLocaleString()})),e("div",{class:"btn-group"},e("q2-btn",{label:s("tecton.element.pagination.goToFirstPage"),disabled:p,hidden:i,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-double-left"})),e("q2-btn",{label:s("tecton.element.pagination.goToPages",{next:r-1,total:a}),disabled:p,onClick:()=>this.handlePageChange(r-1),"test-id":"prevPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-left"}))),e("div",{class:"controls",hidden:i,"test-id":"controls"},e("span",{"aria-hidden":"true"},s("tecton.element.pagination.page")),e("div",{class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},e("q2-input",{type:"number",value:`${r}`,min:1,max:this.totalPages,hideLabel:!0,optional:!0,label:`${s("tecton.element.pagination.page")} (${s("tecton.element.pagination.ofPages",[a.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page",ref:t=>this.inputField=t})),e("span",{"aria-hidden":"true"},s("tecton.element.pagination.ofPages",[a.toLocaleString()]))),e("div",{class:"btn-group"},e("q2-btn",{label:s("tecton.element.pagination.goToPages",{next:r+1,total:a}),disabled:h,onClick:()=>this.handlePageChange(r+1),"test-id":"nextPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-right"})),e("q2-btn",{label:"tecton.element.pagination.goToLastPage",disabled:h,hidden:i,onClick:()=>this.handlePageChange(a),"test-id":"lastPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-double-right"}))))}get hostElement(){return n(this)}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{text-align:right;display:block}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}";export{l as q2_pagination}
+import{r as t,c as i,h as e,g as n}from"./p-926a3e80.js";import{o as a,i as o,l as s,n as r}from"./p-9acfa94e.js";const l=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.handlePageChange=t=>{const{totalPages:i,inputField:e}=this;t<1?t=1:t>i&&(t=i),e.value!==`${t}`&&(e.value=`${t}`),this.hostElement.onchange||(this.page=t),this.change.emit({page:t})},this.recordType=void 0,this.perPage=void 0,this.total=void 0,this.page=void 0,this.pages=void 0,this.recordsOnly=void 0,this.pagesOnly=void 0,this.isSmall=void 0}componentDidLoad(){this.recordsOnly||this.pagesOnly||(this.containerWidth=this.containerElement.clientWidth,this.resizeObserver=new ResizeObserver((()=>this.checkSize())),this.resizeObserver.observe(this.hostElement),a(this.hostElement))}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}onHostElementFocus(t){var i;if(!o(t,this.hostElement))return;const{isFullViewHidden:e,containerElement:n,inputField:a}=this;e?null===(i=n.querySelector("q2-btn:not([disabled])"))||void 0===i||i.focus():a.focus()}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get totalWithDefault(){return this.total||0}get recordTypeWithDefault(){return this.recordType||s("tecton.element.pagination.defaultRecordType")}get currentRange(){const{perPageWithDefault:t,totalWithDefault:i,pageWithDefault:e}=this;return`${(e-1)*t+1} - ${Math.min(e*t,i)}`}get totalPages(){const{pagesOnly:t,totalWithDefault:i,perPageWithDefault:e,pages:n}=this;return t&&n&&!isNaN(parseInt(`${n}`))?n:Math.ceil(i/e)}checkSize(){const{hostElement:t,containerElement:i}=this,e=this.containerWidth>t.clientWidth;this.isSmall=e,e||r((()=>{this.containerWidth===i.clientWidth||(this.containerWidth=i.clientWidth,this.checkSize())}))}render(){const{pagesOnly:t,isFullViewHidden:i,recordTypeWithDefault:n,totalPages:a,totalWithDefault:o,pageWithDefault:r,currentRange:l}=this,p=1===r,h=r===a;return e("nav",{class:"container",ref:t=>this.containerElement=t,"aria-label":s("tecton.element.pagination.title")},e("div",{class:"description","test-id":"description"},t?s("tecton.element.pagination.pages",{current:r,total:a}):s("tecton.element.pagination.description",{range:l,recordType:n.toLowerCase(),total:o.toLocaleString()})),e("div",{class:"btn-group"},e("q2-btn",{label:s("tecton.element.pagination.goToFirstPage"),disabled:p,hidden:i,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-double-left"})),e("q2-btn",{label:s("tecton.element.pagination.goToPages",{next:r-1,total:a}),disabled:p,onClick:()=>this.handlePageChange(r-1),"test-id":"prevPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-left"}))),e("div",{class:"controls",hidden:i,"test-id":"controls"},e("span",{"aria-hidden":"true"},s("tecton.element.pagination.page")),e("div",{class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},e("q2-input",{type:"number",value:`${r}`,min:1,max:this.totalPages,hideLabel:!0,optional:!0,label:`${s("tecton.element.pagination.page")} (${s("tecton.element.pagination.ofPages",[a.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page",ref:t=>this.inputField=t})),e("span",{"aria-hidden":"true"},s("tecton.element.pagination.ofPages",[a.toLocaleString()]))),e("div",{class:"btn-group"},e("q2-btn",{label:s("tecton.element.pagination.goToPages",{next:r+1,total:a}),disabled:h,onClick:()=>this.handlePageChange(r+1),"test-id":"nextPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-right"})),e("q2-btn",{label:"tecton.element.pagination.goToLastPage",disabled:h,hidden:i,onClick:()=>this.handlePageChange(a),"test-id":"lastPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-double-right"}))))}get hostElement(){return n(this)}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{text-align:right;display:block}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}";export{l as q2_pagination}

package/dist/q2-tecton-elements/{p-78fac0fa.entry.js → p-fcb7d191.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,F as e,g as o}from"./p-926a3e80.js";import{c as n,n as h,l as a}from"./p-a510290a.js";const r=class{constructor(s){t(this,s),this.statusChange=i(this,"statusChange",7),this.activeChange=i(this,"activeChange",7),this.label=void 0,this.description=void 0,this.isActive=void 0,this.showWithChildren=void 0,this.status=void 0,this.isChildActive=!1}connectedCallback(){this.hostElement.id||(this.hostElement.id=`step-${n()}`)}componentWillLoad(){this.checkForActiveChildren()}statusChanged(t){this.statusChange.emit({status:t,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}isActiveChanged(t){this.activeChange.emit({status:this.status||"",isActive:t,id:this.hostElement.id,host:this.hostElement})}checkForActiveChildren(){this.showWithChildren&&h((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}render(){const{label:t,description:i,isActive:o}=this;return s(e,null,s("div",{role:"tabpanel","aria-label":t&&a(t),"aria-description":i&&a(i),tabindex:"0",hidden:!(o||this.isChildActive&&this.showWithChildren)},s("slot",null)),s("slot",{name:"children"}))}get hostElement(){return o(this)}static get watchers(){return{status:["statusChanged"],isActive:["isActiveChanged"],showWithChildren:["checkForActiveChildren"]}}};r.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}";export{r as q2_stepper_pane}
+import{r as t,c as i,h as s,F as e,g as o}from"./p-926a3e80.js";import{c as n,n as h,l as a}from"./p-9acfa94e.js";const r=class{constructor(s){t(this,s),this.statusChange=i(this,"statusChange",7),this.activeChange=i(this,"activeChange",7),this.label=void 0,this.description=void 0,this.isActive=void 0,this.showWithChildren=void 0,this.status=void 0,this.isChildActive=!1}connectedCallback(){this.hostElement.id||(this.hostElement.id=`step-${n()}`)}componentWillLoad(){this.checkForActiveChildren()}statusChanged(t){this.statusChange.emit({status:t,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}isActiveChanged(t){this.activeChange.emit({status:this.status||"",isActive:t,id:this.hostElement.id,host:this.hostElement})}checkForActiveChildren(){this.showWithChildren&&h((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}render(){const{label:t,description:i,isActive:o}=this;return s(e,null,s("div",{role:"tabpanel","aria-label":t&&a(t),"aria-description":i&&a(i),tabindex:"0",hidden:!(o||this.isChildActive&&this.showWithChildren)},s("slot",null)),s("slot",{name:"children"}))}get hostElement(){return o(this)}static get watchers(){return{status:["statusChanged"],isActive:["isActiveChanged"],showWithChildren:["checkForActiveChildren"]}}};r.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}";export{r as q2_stepper_pane}

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

@@ -1 +1 @@
-import{p as e,b as a}from"./p-926a3e80.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a(JSON.parse('[["p-3e9a30c4",[[1,"q2-icon",{"type":[513],"label":[513],"inline":[516]}]]],["p-ba73ee1f",[[1,"q2-calendar",{"value":[1537],"label":[513],"hideLabel":[516,"hide-label"],"ariaLabel":[513,"aria-label"],"optional":[516],"disabled":[516],"readonly":[516],"invalid":[1540],"typeable":[516],"clearable":[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"],"assume":[513],"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"],[0,"focus","delegateFocus"],[0,"clear","handleClear"]]]]],["p-bbdae095",[[1,"q2-select",{"label":[1537],"hideLabel":[1540,"hide-label"],"value":[1025],"ariaLabel":[1537,"aria-label"],"selectedOptions":[1032,"selected-options"],"disabled":[516],"readonly":[516],"invalid":[516],"errors":[16],"multiple":[516],"minRows":[2,"min-rows"],"popDirection":[513,"pop-direction"],"searchable":[516],"multilineOptions":[516,"multiline-options"],"optional":[516],"placeholder":[513],"dropdownOpen":[32],"onlyShowingSelected":[32],"activeOptionId":[32],"searchText":[32],"hasCustomDisplay":[32],"inputFocused":[32],"statusMessage":[32],"prioritizeSearch":[32]},[[0,"keydown","keydownHandler"],[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"click","clickHandler"]]]]],["p-d27b2caa",[[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"],"block":[516],"dropdownOpen":[32]},[[0,"focus","delegateFocus"]]]]],["p-9b101e22",[[1,"q2-editable-field",{"value":[1537],"editing":[1540],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"type":[513],"formatModifier":[513,"format-modifier"],"truncated":[513],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"disabled":[516],"hints":[16],"errors":[16]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]]]]],["p-7aa80653",[[1,"q2-pagination",{"recordType":[1,"record-type"],"perPage":[2,"per-page"],"total":[514],"page":[1538],"pages":[1538],"recordsOnly":[1540,"records-only"],"pagesOnly":[1540,"pages-only"],"isSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-f6e868c1",[[1,"q2-pill",{"disabled":[516],"active":[1540],"open":[1540],"multiple":[516],"maxLength":[514,"max-length"],"label":[513],"value":[513],"theme":[513],"selectedOptions":[1040],"popoverMinHeight":[2,"popover-min-height"],"popoverDirection":[1,"popover-direction"],"hasOptions":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-bf41e71b",[[1,"q2-tab-container",{"value":[1537],"type":[513],"name":[513],"color":[513],"noPrint":[516,"no-print"],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"],[0,"badge","onBadge"]]]]],["p-3813f51d",[[1,"q2-tag",{"open":[1540],"role":[513],"label":[513],"theme":[513],"popoverMinHeight":[2,"popover-min-height"],"popoverDirection":[1,"popover-direction"],"hasOptions":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-ebd7efa5",[[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],"applyPaginationFocus":[32],"autoPlayInProgress":[32],"compactMode":[32],"carouselWrapperWidth":[32]},[[0,"change","onHostElementChange"],[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]]]]],["p-3fd5d010",[[1,"q2-month-picker",{"year":[1538],"disabledMonths":[16],"today":[1],"selectedIndex":[32],"focusedIndex":[32],"showYearLayer":[32]}]]],["p-8dea9a0c",[[1,"q2-section",{"label":[513],"collapsible":[516],"noCollapseIcon":[516,"no-collapse-icon"],"expanded":[1540],"contentHeight":[32],"hideContent":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-d7b27803",[[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"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]]]]],["p-604b22a8",[[1,"q2-card",{"title":[513],"description":[513],"avatarName":[513,"avatar-name"],"avatarInitials":[513,"avatar-initials"],"avatarIcon":[513,"avatar-icon"],"avatarSrc":[513,"avatar-src"],"isSmall":[516,"is-small"],"bar":[513],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"url":[513],"target":[513],"isAutoTouch":[32],"isAutoSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-d88e4383",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"innerRadius":[1025,"inner-radius"],"outerRadius":[1025,"outer-radius"],"minSliceSize":[1,"min-slice-size"],"selectedOffset":[2,"selected-offset"],"hoverScaleSize":[2,"hover-scale-size"],"format":[513],"isClickable":[516,"is-clickable"],"data":[16],"selectedId":[32],"hoveredId":[32],"selectById":[64],"selectByIndex":[64],"clearSelection":[64]},[[0,"focus","delegateFocus"]]]]],["p-d68b5eb3",[[1,"q2-checkbox",{"checked":[1540],"type":[513],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"indeterminate":[516],"disabled":[516],"readonly":[516],"value":[513],"name":[513],"hasError":[516,"has-error"],"groupDisabled":[516,"group-disabled"],"alignment":[513],"description":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-38a33baa",[[1,"q2-checkbox-group",{"label":[513],"value":[1040],"disabled":[516],"readonly":[516],"optional":[516],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-f1d06917",[[1,"q2-option",{"role":[513],"tabindex":[513],"display":[1025],"value":[513],"disabled":[516],"optionId":[513,"option-id"],"disabledGroup":[516,"disabled-group"],"selected":[516],"hidden":[516],"multiline":[516],"active":[516],"noSelect":[516,"_no-select"],"_multiSelectHidden":[516,"_multiselecthidden"]}]]],["p-24f4571d",[[1,"q2-radio-group",{"label":[513],"value":[1025],"disabled":[516],"name":[513],"optional":[516],"readonly":[516],"tileLayout":[516,"tile-layout"],"tileAlignment":[513,"tile-alignment"],"hasError":[516,"has-error"],"tilelayout":[516]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]]]]],["p-6b7e1ebd",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]]]]],["p-a2add94e",[[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-3603fcdc",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"isActivePane":[516,"is-active-pane"],"label":[513]}]]],["p-6be86940",[[1,"q2-chart-area",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"lineColor":[513,"line-color"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"areaColor":[513,"area-color"],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"gridLines":[513,"grid-lines"]}]]],["p-70b01387",[[1,"q2-chart-bar",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"color":[513],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"hideBarLabels":[516,"hide-bar-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"orientation":[513],"showChartName":[516,"show-chart-name"],"sort":[516]}]]],["p-f0ec4d2c",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["p-45d61789",[[1,"q2-loc",{"value":[513],"substitutions":[16]}]]],["p-ba76ecfd",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]}]]],["p-5b1aba1a",[[1,"q2-radio",{"label":[513],"hideLabel":[516,"hide-label"],"value":[513],"disabled":[516],"checked":[516],"name":[513],"ariaLabel":[513,"aria-label"],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]]]]],["p-78fac0fa",[[1,"q2-stepper-pane",{"label":[513],"description":[513],"isActive":[516,"is-active"],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]]]]],["p-e8e113c2",[[1,"q2-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"index":[2],"guid":[2]}]]],["p-73c12774",[[1,"q2-tooltip",{"label":[513],"block":[516],"multiline":[516],"persistent":[516],"immediate":[516],"position":[513],"focusClass":[32]},[[0,"keyup","keyUpHandler"],[2,"focus","focusHandler"],[0,"focusout","focusOutHandler"]]]]],["p-df91e954",[[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"],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]}]]],["p-53be87c8",[[1,"q2-dropdown-item",{"disabled":[516],"removable":[516],"separator":[516],"label":[513],"ariaLabel":[513,"aria-label"],"value":[513]},[[0,"focus","onHostElementFocus"]]]]],["p-e4aa271e",[[1,"q2-avatar",{"name":[513],"initials":[513],"src":[513],"icon":[1],"badSrc":[32],"isLoaded":[32]}]]],["p-18629cbf",[[1,"q2-message",{"type":[513],"appearance":[513],"description":[516],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["p-2c20fc43",[[1,"q2-option-list",{"role":[513],"direction":[513],"customSearch":[516,"custom-search"],"noSelect":[516,"no-select"],"align":[513],"selectedOptions":[1040],"multiple":[516],"disabled":[516],"type":[1],"hasOptions":[32],"setDefaultActiveElement":[64],"setActiveElement":[64],"handleExternalKeydown":[64]},[[0,"focus","delegateFocus"],[0,"click","handleClick"]]],[1,"q2-popover",{"direction":[513],"align":[513],"open":[1540],"block":[516],"minHeight":[2,"min-height"],"controlElement":[16],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]]]]],["p-a987402e",[[0,"click-elsewhere"]]],["p-acc77332",[[1,"q2-btn",{"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[1,"aria-selected"],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"tabIndex":[2,"tab-index"],"intent":[513],"color":[513],"disabled":[516],"type":[513],"loading":[516],"badge":[516],"active":[516],"fab":[516],"block":[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]}]]],["p-68ef0786",[[1,"q2-input",{"value":[1025],"label":[1537],"hideLabel":[1540,"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],"min":[514],"max":[514],"step":[514],"formatModifier":[513,"format-modifier"],"maxlength":[1538],"pseudo":[516],"showVisibilityToggle":[516,"show-visibility-toggle"],"textHidden":[1540,"text-hidden"],"badgeValue":[513,"badge-value"],"badgeTheme":[513,"badge-theme"],"ariaControls":[1,"aria-controls"],"role":[1],"ariaOwns":[1,"aria-owns"],"ariaLabel":[1537,"aria-label"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[1,"aria-expanded"],"ariaActivedescendant":[8,"aria-activedescendant"],"current":[1],"errors":[16],"hints":[16],"formattedValueObject":[32],"hasFocus":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]],[1,"q2-badge",{"value":[514],"maxLength":[514,"max-length"],"position":[513],"size":[513],"theme":[513],"status":[513]}]]]]'),e)));
+import{p as e,b as a}from"./p-926a3e80.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a(JSON.parse('[["p-0473f4f7",[[1,"q2-icon",{"type":[513],"label":[513],"inline":[516]}]]],["p-1f71774f",[[1,"q2-select",{"label":[1537],"hideLabel":[1540,"hide-label"],"value":[1025],"ariaLabel":[1537,"aria-label"],"selectedOptions":[1040],"disabled":[516],"readonly":[516],"invalid":[516],"errors":[16],"multiple":[516],"minRows":[2,"min-rows"],"popDirection":[513,"pop-direction"],"searchable":[516],"multilineOptions":[516,"multiline-options"],"optional":[516],"placeholder":[513],"hoist":[4],"open":[32],"showSelected":[32],"searchText":[32],"hasCustomDisplay":[32],"inputFocused":[32],"statusMessage":[32],"prioritizeSearch":[32],"structuredSelectedOptions":[32]},[[0,"keydown","keydownHandler"],[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"]]]]],["p-d05beeb7",[[1,"q2-action-sheet",{"data":[1040],"hideClose":[4,"hide-close"],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["p-63e363ad",[[1,"q2-calendar",{"value":[1537],"label":[513],"hideLabel":[516,"hide-label"],"ariaLabel":[513,"aria-label"],"optional":[516],"disabled":[516],"readonly":[516],"invalid":[1540],"typeable":[516],"clearable":[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"],"assume":[513],"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"],[0,"focus","delegateFocus"],[0,"clear","handleClear"]]]]],["p-b3a8cdc5",[[1,"q2-dropdown",{"type":[513],"icon":[513],"label":[513],"hideLabel":[516,"hide-label"],"ariaLabel":[1537,"aria-label"],"disabled":[516],"popDirection":[513,"pop-direction"],"name":[513],"context":[513],"contextValue":[513,"context-value"],"resolvedType":[513,"resolved-type"],"block":[516],"dropdownOpen":[32]},[[0,"focus","delegateFocus"]]]]],["p-ce3f203c",[[1,"q2-editable-field",{"value":[1537],"editing":[1540],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"type":[513],"formatModifier":[513,"format-modifier"],"truncated":[513],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"disabled":[516],"hints":[16],"errors":[16]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]]]]],["p-f94e7043",[[1,"q2-pagination",{"recordType":[1,"record-type"],"perPage":[2,"per-page"],"total":[514],"page":[1538],"pages":[1538],"recordsOnly":[1540,"records-only"],"pagesOnly":[1540,"pages-only"],"isSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-30cd888b",[[1,"q2-pill",{"hoist":[4],"disabled":[516],"active":[1540],"open":[1540],"multiple":[516],"maxLength":[514,"max-length"],"label":[513],"value":[513],"theme":[513],"selectedOptions":[1040],"popoverMinHeight":[2,"popover-min-height"],"popoverDirection":[1,"popover-direction"],"hasOptions":[32],"selectedOptionElements":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-ce91cd9b",[[1,"q2-tab-container",{"value":[1537],"type":[513],"name":[513],"color":[513],"noPrint":[516,"no-print"],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"],[0,"badge","onBadge"]]]]],["p-72fe10cc",[[1,"q2-tag",{"hoist":[4],"open":[1540],"role":[513],"label":[513],"theme":[513],"popoverMinHeight":[2,"popover-min-height"],"popoverDirection":[1,"popover-direction"],"hasOptions":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-13deb3ed",[[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],"applyPaginationFocus":[32],"autoPlayInProgress":[32],"compactMode":[32],"carouselWrapperWidth":[32]},[[0,"change","onHostElementChange"],[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]]]]],["p-37cf9c97",[[1,"q2-month-picker",{"year":[1538],"disabledMonths":[16],"today":[1],"selectedIndex":[32],"focusedIndex":[32],"showYearLayer":[32]}]]],["p-282f0f8c",[[1,"q2-section",{"label":[513],"collapsible":[516],"noCollapseIcon":[516,"no-collapse-icon"],"expanded":[1540],"contentHeight":[32],"hideContent":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-6736df05",[[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"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]]]]],["p-619aed74",[[1,"q2-card",{"title":[513],"description":[513],"avatarName":[513,"avatar-name"],"avatarInitials":[513,"avatar-initials"],"avatarIcon":[513,"avatar-icon"],"avatarSrc":[513,"avatar-src"],"isSmall":[516,"is-small"],"bar":[513],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"url":[513],"target":[513],"isAutoTouch":[32],"isAutoSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-7c94119b",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"innerRadius":[1025,"inner-radius"],"outerRadius":[1025,"outer-radius"],"minSliceSize":[1,"min-slice-size"],"selectedOffset":[2,"selected-offset"],"hoverScaleSize":[2,"hover-scale-size"],"format":[513],"isClickable":[516,"is-clickable"],"data":[16],"selectedId":[32],"hoveredId":[32],"selectById":[64],"selectByIndex":[64],"clearSelection":[64]},[[0,"focus","delegateFocus"]]]]],["p-63b67260",[[1,"q2-checkbox",{"checked":[1540],"type":[513],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"indeterminate":[516],"disabled":[516],"readonly":[516],"value":[513],"name":[513],"hasError":[516,"has-error"],"groupDisabled":[516,"group-disabled"],"alignment":[513],"description":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-e886c55b",[[1,"q2-checkbox-group",{"label":[513],"value":[1040],"disabled":[516],"readonly":[516],"optional":[516],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-90572e43",[[1,"q2-radio-group",{"label":[513],"value":[1025],"disabled":[516],"name":[513],"optional":[516],"readonly":[516],"tileLayout":[516,"tile-layout"],"tileAlignment":[513,"tile-alignment"],"hasError":[516,"has-error"],"tilelayout":[516]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]]]]],["p-256d3fe6",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]]]]],["p-7a116095",[[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-30969629",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"isActivePane":[516,"is-active-pane"],"label":[513]}]]],["p-dc7c8371",[[1,"q2-chart-area",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"lineColor":[513,"line-color"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"areaColor":[513,"area-color"],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"gridLines":[513,"grid-lines"]}]]],["p-9792de8a",[[1,"q2-chart-bar",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"color":[513],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"hideBarLabels":[516,"hide-bar-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"orientation":[513],"showChartName":[516,"show-chart-name"],"sort":[516]}]]],["p-f0ec4d2c",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["p-1d854203",[[1,"q2-loc",{"value":[513],"substitutions":[16]}]]],["p-13a1390b",[[1,"q2-radio",{"label":[1537],"hideLabel":[516,"hide-label"],"value":[513],"disabled":[516],"checked":[516],"name":[513],"ariaLabel":[1537,"aria-label"],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]]]]],["p-fcb7d191",[[1,"q2-stepper-pane",{"label":[513],"description":[513],"isActive":[516,"is-active"],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]]]]],["p-e8e113c2",[[1,"q2-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"index":[2],"guid":[2]}]]],["p-73c12774",[[1,"q2-tooltip",{"label":[513],"block":[516],"multiline":[516],"persistent":[516],"immediate":[516],"position":[513],"focusClass":[32]},[[0,"keyup","keyUpHandler"],[2,"focus","focusHandler"],[0,"focusout","focusOutHandler"]]]]],["p-df91e954",[[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"],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]}]]],["p-388349b5",[[1,"q2-dropdown-item",{"disabled":[516],"removable":[516],"separator":[516],"label":[513],"ariaLabel":[513,"aria-label"],"value":[513]},[[0,"focus","onHostElementFocus"]]]]],["p-e4aa271e",[[1,"q2-avatar",{"name":[513],"initials":[513],"src":[513],"icon":[1],"badSrc":[32],"isLoaded":[32]}]]],["p-5589ae0f",[[1,"q2-option",{"role":[513],"display":[1025],"value":[513],"disabled":[516],"disabledGroup":[516,"disabled-group"],"selected":[516],"hidden":[516],"multiline":[516],"active":[516],"_multiSelectHidden":[516,"_multiselecthidden"]}],[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]}]]],["p-cefc9d0b",[[1,"q2-message",{"type":[513],"appearance":[513],"description":[516],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["p-a987402e",[[0,"click-elsewhere"]]],["p-91153c61",[[1,"q2-popover",{"direction":[513],"align":[513],"open":[1540],"block":[516],"minHeight":[2,"min-height"],"controlElement":[16],"privateDirection":[32],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]]],[1,"q2-option-list",{"role":[513],"customSearch":[516,"custom-search"],"noSelect":[516,"no-select"],"align":[513],"selectedOptions":[1040],"multiple":[516],"disabled":[516],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"setDefaultActiveElement":[64],"setActiveElement":[64],"handleExternalKeydown":[64],"getContents":[64],"getOptions":[64]},[[0,"focus","delegateFocus"],[0,"click","handleClick"]]]]],["p-e58581fc",[[1,"q2-btn",{"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[1,"aria-selected"],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"tabIndex":[2,"tab-index"],"intent":[513],"color":[513],"disabled":[516],"type":[513],"loading":[516],"badge":[516],"active":[516],"fab":[516],"block":[516],"iconPosition":[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{"type":[513],"shape":[513],"modifiers":[513],"counts":[513],"label":[1537],"ariaLabel":[513,"aria-label"],"inline":[516]}]]],["p-75b817c6",[[1,"q2-input",{"value":[1025],"label":[1537],"hideLabel":[1540,"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],"min":[514],"max":[514],"step":[514],"formatModifier":[513,"format-modifier"],"maxlength":[1538],"pseudo":[516],"showVisibilityToggle":[516,"show-visibility-toggle"],"textHidden":[1540,"text-hidden"],"badgeValue":[513,"badge-value"],"badgeTheme":[513,"badge-theme"],"ariaControls":[1,"aria-controls"],"role":[1],"ariaOwns":[1,"aria-owns"],"ariaLabel":[1537,"aria-label"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[1,"aria-expanded"],"ariaActivedescendant":[8,"aria-activedescendant"],"current":[1],"errors":[16],"hints":[16],"formattedValueObject":[32],"hasFocus":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]],[1,"q2-badge",{"value":[514],"maxLength":[514,"max-length"],"position":[513],"size":[513],"theme":[513],"status":[513]}]]]]'),e)));

package/dist/test/helpers.js

@@ -112,11 +112,12 @@ export const base64Image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAA
 export async function getActiveElementTestId(page) {
   return page.$eval('body', () => { var _a, _b; return (_b = (_a = document.activeElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement.getAttribute('test-id')) !== null && _b !== void 0 ? _b : null; });
 }
-export const getFocusedValue = async (page) => {
+export const getFocusedOptionValue = async (page) => {
+  await page.waitForSelector('q2-option:focus');
   return page.$eval('body', () => document.activeElement.getAttribute('value'));
 };
 export const getFocusedTagName = async (page) => {
-  return page.$eval('body', () => { var _a; return (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase(); });
+  return page.$eval('body', () => { var _a; return (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName; });
 };
 export async function getFocusedAttribute(page, attribute) {
   return page.$eval('body', (_, attribute) => {

package/dist/types/components/q2-action-sheet/index.d.ts

@@ -0,0 +1,52 @@
+import { ComponentInterface, Event, EventEmitter } from '../../stencil-public-runtime';
+import { Q2OptionListCustomEvent } from 'src/components';
+import { ActionSheetListCloseData, ActionSheetData, ActionSheetListData, ActionSheetMessageData, ActionSheetSelectedOption, ActionSheetListOption, ActionSheetListOptgroup } from 'q2-tecton-common/lib/utility/action-sheet';
+export declare class Q2ActionSheet implements ComponentInterface {
+  data: ActionSheetData;
+  hideClose: boolean;
+  isScrollable: boolean;
+  renderStatus: 'is-open' | 'is-closing' | 'is-opening';
+  dialogElement: HTMLDialogElement;
+  contentElement: HTMLDivElement;
+  optionListElement: HTMLQ2OptionListElement;
+  initialSelectedOptions: ActionSheetSelectedOption[];
+  selectedOptions: {
+    values: ActionSheetSelectedOption[];
+    value: string;
+  };
+  minHeight: number;
+  maxHeight: number;
+  hostElement: HTMLElement;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  storeInitialValues(): void;
+  focusContent(): void;
+  generateOption: (option: ActionSheetListOption) => HTMLQ2OptionElement;
+  generateOptgroup: (option: ActionSheetListOptgroup) => HTMLQ2OptgroupElement;
+  hidePostHook(): void;
+  showPreHook(): void;
+  updateDialogMinMaxHeight(): void;
+  onClick: (event: MouseEvent) => void;
+  onCancel: (event: Event) => void;
+  onListChange: (event: Q2OptionListCustomEvent<{
+    value: string;
+    values: ActionSheetSelectedOption[];
+  }>) => void;
+  onListPopoverStateChange: (event: Q2OptionListCustomEvent<{
+    open: boolean;
+    action: 'close' | 'select' | 'open';
+  }>) => void;
+  onListDone: () => void;
+  close: EventEmitter<ActionSheetListCloseData>;
+  ready: EventEmitter;
+  hide(data?: ActionSheetListCloseData): Promise<void>;
+  show(): Promise<void>;
+  renderSlot: () => any;
+  renderMessage: ({ data }: {
+    data: ActionSheetMessageData;
+  }) => any;
+  renderList: ({ data }: {
+    data: ActionSheetListData;
+  }) => any;
+  render(): any;
+}

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

@@ -22,7 +22,10 @@ export declare class Q2Checkbox implements ComponentInterface {
   defaultChangeHandler(event: CustomEvent): void;
   delegateFocus(event: FocusEvent): void;
   ariaLabelObserver(): void;
-  change: EventEmitter;
+  change: EventEmitter<{
+    value: string;
+    checked: boolean;
+  }>;
   onInputClick: (event: Event) => void;
   render(): any;
   generateCheckboxSVG(): any;

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

@@ -1,17 +1,14 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 export declare class Q2Option implements ComponentInterface {
   role: string;
-  tabindex: string;
   display: string;
   value: string;
   disabled: boolean;
-  optionId: string;
   disabledGroup: boolean;
   selected: boolean;
   hidden: boolean;
   multiline: boolean;
   active: boolean;
-  noSelect: boolean;
   _multiSelectHidden: boolean;
   hostElement: HTMLElement;
   componentWillLoad(): void;

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

@@ -5,13 +5,13 @@ export interface IOptionValue {
 }
 export declare class Q2OptionList implements ComponentInterface {
   role: 'listbox' | 'menu';
-  direction: 'up' | 'down';
   customSearch: boolean;
   noSelect: boolean;
   align: 'left' | 'right';
   selectedOptions: IOptionValue[];
   multiple: boolean;
   disabled: boolean;
+  showSelected: boolean;
   type: 'menu' | 'listbox';
   change: EventEmitter<{
     value: string;
@@ -19,7 +19,9 @@ export declare class Q2OptionList implements ComponentInterface {
   }>;
   popoverState: EventEmitter<{
     open: boolean;
+    action: 'close' | 'select' | 'open';
   }>;
+  ready: EventEmitter;
   hasOptions: boolean;
   contentElement: HTMLElement;
   activeIndex: number;
@@ -30,29 +32,35 @@ export declare class Q2OptionList implements ComponentInterface {
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  get allContents(): (HTMLQ2OptgroupElement | HTMLQ2OptionElement)[];
   get allOptions(): HTMLQ2OptionElement[];
-  checkOptions(): void;
-  getRootSlot(element: Element): any;
+  get allVisibleOptions(): HTMLQ2OptionElement[];
+  checkOptions(): Promise<void>;
+  getRootSlot(element: Element): Element[];
   scrollToActiveOption(): void;
-  resizeIframe(): void;
   openDropdownWithActiveElement(activeIndex: number): void;
   getDefaultActiveIndex(): number;
   updateSingleOptionAttrs(): void;
   updateMultipleOptionAttrs(): void;
   setActiveOption(): void;
   setFocusedOption(): void;
-  getNextVisibleIndex(direction: any): any;
-  selectOption(selectedValue: string): void;
+  getNextVisibleIndex(direction: any): number;
+  focusSelectedSibling(option: HTMLQ2OptionElement): void;
+  selectOption(selectedOption: HTMLQ2OptionElement): void;
   adjustActiveOptionAndScroll(numToAdd: number): void;
   resetTimer(): void;
-  searchAndFocus(key: string): void;
+  searchOptions(key: string, shouldSelect?: boolean): void;
+  showSelectedUpdated(showSelected: boolean): void;
   selectedOptionsUpdated(): void;
   delegateFocus(event: FocusEvent): void;
   handleClick(event: MouseEvent): void;
   setDefaultActiveElement(): Promise<void>;
   setActiveElement(index: number): Promise<void>;
   handleExternalKeydown(event: KeyboardEvent): Promise<void>;
-  keydownHandler: (event: KeyboardEvent, ignoreSelectionEvents?: boolean) => void;
+  getContents(): Promise<(HTMLQ2OptgroupElement | HTMLQ2OptionElement)[]>;
+  getOptions(): Promise<HTMLQ2OptionElement[]>;
+  externalKeydownHandler: (event: KeyboardEvent) => void;
+  internalKeydownHandler: (event: KeyboardEvent) => void;
   focusoutHandler: (event: FocusEvent) => void;
   clickHandler: (event: Event) => void;
   render(): any;

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

@@ -1,6 +1,7 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { IOptionValue } from '../q2-option-list';
 export declare class Q2Pill implements ComponentInterface {
+  hoist: boolean;
   disabled: boolean;
   active: boolean;
   open: boolean;
@@ -13,6 +14,7 @@ export declare class Q2Pill implements ComponentInterface {
   popoverMinHeight: number;
   popoverDirection: 'up' | 'down';
   hasOptions: boolean;
+  selectedOptionElements: HTMLQ2OptionElement[];
   hostElement: HTMLElement;
   change: EventEmitter<{
     value: string;
@@ -32,14 +34,21 @@ export declare class Q2Pill implements ComponentInterface {
   disconnectedCallback(): void;
   get buttonContent(): string;
   get truncatedButtonContent(): string;
+  updateSelectedOptionElements: () => Promise<void>;
   determineHasOptions: () => void;
+  executeActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
+  handleSelectionChanges(changeDetails: {
+    value?: string;
+    values?: IOptionValue[];
+  }): void;
   clearSelectedOptions: () => void;
+  selectedOptionsWatcher(): void;
   delegateFocus(event: FocusEvent): void;
   popoverStateHandler({ detail: { open } }: CustomEvent<{
     open: boolean;
   }>): void;
   handleClick: (event: MouseEvent) => Promise<void>;
-  handleKeydown: (event: KeyboardEvent) => void;
+  handleKeydown: (event: KeyboardEvent) => Promise<void>;
   handleChange: (event: any) => void;
   handleWrapperClick: () => void;
   onClickElsewhere: (event: CustomEvent) => void;

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

@@ -13,8 +13,10 @@ export declare class Q2Popover implements ComponentInterface {
   privateDirection: 'down' | 'up';
   containerElement: HTMLDivElement;
   contentElement: HTMLDivElement;
+  scheduledAfterRender: (() => void)[];
   componentDidLoad(): void;
   componentWillRender(): void;
+  componentDidRender(): void;
   toggle(): Promise<void>;
   openChanged(open: any): void;
   popoverStateHandler(event: CustomEvent<{

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

@@ -1,11 +1,13 @@
 /// <reference types="node" />
 import { EventEmitter, Event, ComponentInterface } from '../../stencil-public-runtime';
+import { Q2OptionListCustomEvent } from 'src/components';
+import { IOptionValue } from '../q2-option-list';
 export declare class Q2Select implements ComponentInterface {
   label: string;
   hideLabel: boolean;
   value: string;
   ariaLabel: string;
-  selectedOptions: any;
+  selectedOptions: string[];
   disabled: boolean;
   readonly: boolean;
   invalid: boolean;
@@ -17,94 +19,90 @@ export declare class Q2Select implements ComponentInterface {
   multilineOptions: boolean;
   optional: boolean;
   placeholder: string;
+  hoist: boolean;
   hostElement: HTMLElement;
-  dropdownOpen: boolean;
-  onlyShowingSelected: boolean;
-  activeOptionId: string;
+  open: boolean;
+  showSelected: boolean;
   searchText: string;
   hasCustomDisplay: boolean;
   inputFocused: boolean;
   statusMessage: string;
   prioritizeSearch: boolean;
+  structuredSelectedOptions: IOptionValue[];
   inputField?: HTMLQ2InputElement | HTMLButtonElement;
-  dropdownContainer?: HTMLDivElement;
+  optionList: HTMLQ2OptionListElement;
+  popoverElement?: HTMLQ2PopoverElement;
   multiSelectHeader?: HTMLDivElement;
-  privatePopDirection: 'down' | 'up';
-  activeIndex: number;
-  pivotIndex: number;
   scheduledAfterRender: (() => void)[];
-  keyStore: {
-    queue: string[];
-    lastPressedAt: Date;
-  };
-  guid: number;
   mutationObserver: MutationObserver;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;
-  get isComponentFocused(): boolean;
-  get isSearchMode(): string | true;
-  get badgeValue(): any;
-  get minPopHeight(): number;
-  get selectedDisplay(): any;
+  get badgeValue(): string;
+  get popoverMinHeight(): number;
+  get selectedDisplay(): string;
   get selectedDisplaySlot(): HTMLElement;
-  get firstSelectedValue(): any;
+  get firstSelectedValue(): string;
   get firstSelectedOptionElement(): HTMLQ2OptionElement;
   get optionElements(): HTMLQ2OptionElement[];
-  get visibleOptionElements(): HTMLQ2OptionElement[];
   get wrapperClasses(): string;
+  buildStructuredSelectedOptions(): void;
   ariaLabelObserver(): void;
   valueUpdated(): void;
-  selectedOptionsUpdated(): void;
-  multilineOptionsChanged(newValue: any, oldValue: any): void;
-  dropdownOpenChanged(isOpen: any): void;
-  change: EventEmitter;
+  handleMultilineOptionsUpdate(newValue: any, oldValue: any): void;
+  openChanged(isOpen: any): void;
+  change: EventEmitter<{
+    value: string;
+    selectedOptions: string[];
+  }>;
   input: EventEmitter;
   keydownHandler(event: KeyboardEvent): void;
-  onHostElementChange(event: CustomEvent): void;
+  onHostElementChange(event: CustomEvent<{
+    value: string;
+    selectedOptions: string[];
+  }>): void;
   onHostElementInput(event: CustomEvent): void;
   delegateFocus(event: FocusEvent): void;
   handleFocusout(event: FocusEvent): void;
-  clickHandler(event: Event): void;
-  getDefaultActiveIndex(): number;
-  getLastEnabledIndex(): any;
-  setActiveOption(): void;
-  setFocusedOption(): void;
-  calculateMultiSelectSelectedDisplay(): any;
+  executeActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
+  handleSelectionChanges(changeDetails: {
+    value?: string;
+    values?: IOptionValue[];
+  }): void;
+  showSelectedOptions: (event: MouseEvent) => void;
+  showAllOptions: (event?: MouseEvent) => void;
+  clearValue(): void;
+  calculateMultiSelectSelectedDisplay(): string;
   calculateSingleSelectSelectedDisplay(): string;
-  updateSingleOptionAttrs(): void;
-  updateMultipleOptionAttrs(): void;
   onMutationObserved: () => void;
-  focusSelectedSibling(option: HTMLQ2OptionElement): void;
-  selectOption(option: HTMLQ2OptionElement, focusInputOnClose?: boolean): void;
-  scrollToActiveOption(): void;
+  onOptionListChange: (event: Q2OptionListCustomEvent<{
+    value: string;
+    values: IOptionValue[];
+  }>) => void;
   openDropdownWithoutActiveElement(): void;
-  openDropdownWithActiveElement(activeIndex: number): void;
   closeDropdown(): void;
+  clearSearchText(): void;
   toggleDropdown(): void;
-  adjustActiveOptionAndScroll(numToAdd: number): void;
-  setDefaultActiveElement(): void;
   focusInput(): void;
-  getNextVisibleIndex(direction: any): any;
   statusMessageTimer: NodeJS.Timeout;
   setStatusMessage(message: any): void;
   clearSelectedDisplay(): void;
   checkSelectedDisplay(): void | HTMLElement;
   checkSelectedDisplayHeight(): void;
-  searchAndFocus: (keyValue: any) => void;
-  dropdownFocusoutHandler: (event: FocusEvent) => void;
-  dropdownKeydownHandler: (event: KeyboardEvent) => void;
-  inputKeydownHandler: (event: KeyboardEvent) => void;
-  inputClickHandler: (event: Event) => void;
+  popoverStateChanged: ({ detail: { open } }: CustomEvent<{
+    open: boolean;
+  }>) => void;
+  inputKeydownHandler: (event: KeyboardEvent) => Promise<void>;
+  shouldClearSearchText(event: KeyboardEvent): boolean;
+  visibilityToggleKeyDown: (event: KeyboardEvent) => void;
+  inputClickHandler: (event: MouseEvent) => Promise<void>;
   inputInputHandler: (event: CustomEvent) => void;
   inputFocusHandler: () => void;
   inputBlurHandler: () => void;
   inputChangeHandler: (event: Event) => void;
   clickedElsewhere: (event: CustomEvent) => void;
   onCustomDisplayClick: (event: MouseEvent) => void;
-  showSelectedOptions: (event: MouseEvent) => void;
-  showAllOptions: (event: MouseEvent) => void;
   renderCustomDisplay(): any;
   render(): any;
   optionsDropdown(): any;

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

@@ -1,5 +1,6 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 export declare class Q2Tag implements ComponentInterface {
+  hoist: boolean;
   open: boolean;
   role: string;
   label: string;
@@ -26,8 +27,8 @@ export declare class Q2Tag implements ComponentInterface {
   }>): void;
   onClickElsewhere: (event: CustomEvent) => void;
   handleChange: (event: any) => void;
-  handleClick: (event: MouseEvent) => void;
-  handleKeydown: (event: KeyboardEvent) => void;
+  handleClick: (event: MouseEvent) => Promise<void>;
+  handleKeydown: (event: KeyboardEvent) => Promise<void>;
   handleButtonFocusout: (event: FocusEvent) => void;
   handleWrapperClick: () => void;
   render(): any;