q2-tecton-elements 1.9.7 → 1.10.2

package/dist/q2-tecton-elements/p-0feefe56.js

@@ -1 +0,0 @@
-import{h as n}from"./p-8e863fbc.js";let i=1e3;function e(){return i++}function t(n,i){var e,t;return n?null!==(t=null===(e=null===window||void 0===window?void 0:window.TectonElements)||void 0===e?void 0:e.loc(n,i))&&void 0!==t?t:n:""}function o(i){const{label:e,hideLabel:o}=i;if(e&&!o)return n("label",{htmlFor:i.inputId,class:i.readonly?"readonly-field":""},t(i.label),i.optional?n("span",{class:"optional-tag"},t("tecton.element.input.optional")):"")}function a(n){const{ariaLabel:i}=n;i&&("hideLabel"in n&&(n.hideLabel=!0),n.label=t(i),n.ariaLabel=void 0)}function s(i){return n("div",{class:"messages-container"},n("q2-message",{appearance:"minimal",description:!0,type:i.hasError?"danger":"info"},n("ul",{id:i.inputDescribedBy},i.messages.map((i=>n("li",null,t(i)))))))}function l(n){const i=n.hostElement.shadowRoot.querySelector(".messages-container"),e=i.querySelector("q2-message"),t=n.showMessages&&n.hasFocus?e.getBoundingClientRect().height:0;i.style.getPropertyValue("height")!==`${t}px`&&(0===t?(e.classList.add("invisible"),i.style.removeProperty("height")):(e.classList.remove("invisible"),i.style.setProperty("height",`${t}px`)))}function r(n){const{dropdownContainer:i,popDirection:e}=n;if(i&&(i.style.maxHeight=null),e)return n.privatePopDirection=e;const t=n.inputField||n.controlElement,o=n.minPopHeight||null;i.classList.add("sizable");const a=i.getBoundingClientRect().height;i.classList.remove("sizable");const{top:s,height:l}=t.getBoundingClientRect(),r=window.innerHeight-s-l,c=a<=s;if(r>a)return n.privatePopDirection="down";if(c||!o)return n.privatePopDirection="up";if(r>=o+5){const e=Math.max(r-5,o);return i.style.maxHeight=`${e}px`,n.privatePopDirection="down"}{const e=Math.max(s,o);return i.style.maxHeight=`${e}px`,n.privatePopDirection="up"}}export{l as a,o as b,e as c,a as h,t as l,s as m,r as s}

package/dist/q2-tecton-elements/p-1022a1c6.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,F as e,g as i}from"./p-8e863fbc.js";import{s,h as n,l as r}from"./p-0feefe56.js";const d=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=()=>{s(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 i=document.createElement("q2-dropdown-item");return i.setAttribute("value",t.itemLabel),i.classList.add("resolved-menu-item"),i.innerHTML=t.itemLabel,i.onclick=o,i}))))}navigateTo(t,o,e){return window.TectonElements&&window.TectonElements.navigateTo(t,o,e)}showOverpanel(t,o){return window.TectonElements&&window.TectonElements.showOverpanel(t,o,void 0,!0)}get 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,i="fab"===o,s="custom"===o;let n;return t.includes(o)&&(n="neutral"===o?o:`workflow-${o}`),{icon:e,fab:i,intent:n,active:this.dropdownOpen,disabled:!!this.disabled,ariaExpanded:this.dropdownOpen,className:"dropdown-button"+(e||i||n?"":" unstyled"),custom:s}}ariaLabelObserver(){n(this)}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}componentWillLoad(){n(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)),i=e.indexOf(t);if(-1===i)return;let s=0;"next"===o?s=i<e.length-1?i+1:0:"prev"===o&&(s=i>0?i-1:e.length-1);const n=e[s];n&&n.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?r(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"},r(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 i(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"]}}};d.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)}.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{d as q2_dropdown}

package/dist/q2-tecton-elements/p-12f6dc10.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,g as r}from"./p-8e863fbc.js";import{i}from"./p-031a8f06.js";const s=class{constructor(o){t(this,o)}get iconMarkup(){return i[this.type]&&i[this.type].markup()||""}get isCustom(){return"custom"===this.type}componentDidLoad(){this.setCustomSVGAttrs()}customIconHandler(){this.setCustomSVGAttrs()}setCustomSVGAttrs(){if(this.isCustom){const t=this.hostElement.querySelector("svg");t&&(t.setAttribute("aria-hidden","true"),t.setAttribute("focusable","false"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"))}}render(){return this.isCustom?o("slot",null):o("svg",{viewBox:"0 0 26 26",focusable:"false",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},this.iconMarkup)}get hostElement(){return r(this)}static get watchers(){return{type:["customIconHandler"]}}};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:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, 1.5));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round))}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentColor)))}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentColor)))}.filled{fill:var(--tct-icon-fill, var(--t-icon-fill, none))}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentColor))}:host([type='info']){--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type='success']){--tct-icon-stroke-primary:var(\n        --tct-stoplight-success,\n        var(--const-stoplight-success, #0e8a00)\n    );--t-icon-stroke-secondary:var(\n        --tct-stoplight-success,\n        var(--const-stoplight-success, #0e8a00)\n    )}:host([type='warning']){--tct-icon-stroke-primary:var(\n        --tct-stoplight-warning,\n        var(--const-stoplight-warning, #f0b400)\n    );--t-icon-stroke-secondary:var(\n        --tct-stoplight-warning,\n        var(--const-stoplight-warning, #f0b400)\n    )}:host([type='error']){--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}";export{s as q2_icon}

package/dist/q2-tecton-elements/p-1ece7876.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-8e863fbc.js";const n=class{constructor(e){t(this,e),this.onIFrameLoad=t=>{const e=t.target;e.contentWindow&&e.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,"*")}}get iframeTitle(){return this.moduleId.split(".").slice(-2).join("-")}componentDidRender(){const t=this.hostElement.shadowRoot.querySelector("form");t&&t.parentElement&&(t.submit(),this._showForm=!1)}selectedObserver(){this._showForm=this.showForm}render(){return e("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-expanded":`${!!this.selected}`,"aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},this.selected&&void 0!==this.provided&&!this.provided&&e("div",null,e("slot",{name:"loading-wrapper"}),e("iframe",{hidden:!0,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?e("form",{hidden:!0,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map((t=>e("input",{type:"hidden",value:t.value,name:t.key})))):""),e("div",{class:"slot-wrapper",hidden:this.selected&&void 0!==this.provided&&!this.provided},e("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{selected:["selectedObserver"]}}};n.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}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";export{n as tecton_tab_pane}

package/dist/q2-tecton-elements/p-5da60194.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,g as a}from"./p-8e863fbc.js";import{c as o,l as r}from"./p-0feefe56.js";var n,s=(function(t){t.exports={polyfill:function(){var t=window,i=document;if(!("scrollBehavior"in i.documentElement.style)||!0===t.__forceSmoothScrollPolyfill__){var e=t.HTMLElement||t.Element,a={scroll:t.scroll||t.scrollTo,scrollBy:t.scrollBy,elementScroll:e.prototype.scroll||n,scrollIntoView:e.prototype.scrollIntoView},o=t.performance&&t.performance.now?t.performance.now.bind(t.performance):Date.now,r=function(t){return new RegExp(["MSIE ","Trident/","Edge/"].join("|")).test(t)}(t.navigator.userAgent)?1:0;t.scroll=t.scrollTo=function(){void 0!==arguments[0]&&(!0!==s(arguments[0])?b.call(t,i.body,void 0!==arguments[0].left?~~arguments[0].left:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:t.scrollY||t.pageYOffset):a.scroll.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:t.scrollY||t.pageYOffset))},t.scrollBy=function(){void 0!==arguments[0]&&(s(arguments[0])?a.scrollBy.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):b.call(t,i.body,~~arguments[0].left+(t.scrollX||t.pageXOffset),~~arguments[0].top+(t.scrollY||t.pageYOffset)))},e.prototype.scroll=e.prototype.scrollTo=function(){if(void 0!==arguments[0])if(!0!==s(arguments[0])){var t=arguments[0].left,i=arguments[0].top;b.call(this,this,void 0===t?this.scrollLeft:~~t,void 0===i?this.scrollTop:~~i)}else{if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");a.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}},e.prototype.scrollBy=function(){void 0!==arguments[0]&&(!0!==s(arguments[0])?this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior}):a.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop))},e.prototype.scrollIntoView=function(){if(!0!==s(arguments[0])){var e=v(this),o=e.getBoundingClientRect(),r=this.getBoundingClientRect();e!==i.body?(b.call(this,e,e.scrollLeft+r.left-o.left,e.scrollTop+r.top-o.top),"fixed"!==t.getComputedStyle(e).position&&t.scrollBy({left:o.left,top:o.top,behavior:"smooth"})):t.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}else a.scrollIntoView.call(this,void 0===arguments[0]||arguments[0])}}function n(t,i){this.scrollLeft=t,this.scrollTop=i}function s(t){if(null===t||"object"!=typeof t||void 0===t.behavior||"auto"===t.behavior||"instant"===t.behavior)return!0;if("object"==typeof t&&"smooth"===t.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+t.behavior+" is not a valid value for enumeration ScrollBehavior.")}function l(t,i){return"Y"===i?t.clientHeight+r<t.scrollHeight:"X"===i?t.clientWidth+r<t.scrollWidth:void 0}function h(i,e){var a=t.getComputedStyle(i,null)["overflow"+e];return"auto"===a||"scroll"===a}function c(t){var i=l(t,"Y")&&h(t,"Y"),e=l(t,"X")&&h(t,"X");return i||e}function v(t){for(;t!==i.body&&!1===c(t);)t=t.parentNode||t.host;return t}function d(i){var e,a,r,n=(o()-i.startTime)/468;n=n>1?1:n,e=.5*(1-Math.cos(Math.PI*n)),i.method.call(i.scrollable,a=i.startX+(i.x-i.startX)*e,r=i.startY+(i.y-i.startY)*e),a===i.x&&r===i.y||t.requestAnimationFrame(d.bind(t,i))}function b(e,r,s){var l,h,c,v,b=o();e===i.body?(l=t,h=t.scrollX||t.pageXOffset,c=t.scrollY||t.pageYOffset,v=a.scroll):(l=e,h=e.scrollLeft,c=e.scrollTop,v=n),d({scrollable:l,method:v,startTime:b,startX:h,startY:c,x:r,y:s})}}}}(n={path:undefined,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}}),n.exports);const l=navigator.userAgent.toLowerCase(),h=l.includes("safari")&&!l.includes("chrome"),c=l.includes("firefox");h&&(s.polyfill(),window.__forceSmoothScrollPolyfill__=!0);const v=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.settled=i(this,"settled",7),this.noPrint=!1,this.guid=o(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),this.hasLeft=!1,this.hasRight=!1,this.updateTabData=()=>{this.updateTabPaneProps(),this.setTabs()},this.updateTabPaneProps=()=>{this.tabPanes.forEach(((t,i)=>{t.selected=t.value===this.selectedTabValue,t.guid=this.guid,t.index=i}))},this.setTabs=()=>{this.tabs=this.tabPanes.map((({label:t,value:i})=>({label:t&&r(t)||"",value:i})))},this.onTabClick=t=>{this.change.emit({value:t.target.dataset.value})},this.onTabKeyDown=t=>{const i=t.target.dataset.value;if("ArrowRight"!==t.key&&"Right"!==t.key){if("ArrowLeft"!==t.key&&"Left"!==t.key)return"Space"===t.code||"Enter"===t.code?(t.preventDefault(),void this.change.emit({value:i})):void 0;this.moveToAdjacentTab(i,"prev")}else this.moveToAdjacentTab(i,"next")},this.moveToAdjacentTab=(t,i)=>{let e=this.tabs.map((({value:t})=>t)).indexOf(t),a="next"===i?Math.min(e+1,this.tabs.length-1):Math.max(e-1,0);if(e!==a){const t=this.moveFocus(a);this.tabList.scrollWidth>this.tabList.clientWidth&&(0!==a&&a!==this.tabs.length-1?this.scrollByKeyboard(i,t):this.onTabScroll(i))}},this.moveFocus=(t,i=!0)=>{const e=this.hostElement.shadowRoot.querySelector(`.tab-list a[data-value="${this.tabs[t].value}"]`);return e.focus({preventScroll:i}),e},this.calculateKeyboardScroll=(t,i)=>{const{left:e}=this.tabList.getBoundingClientRect(),{left:a}=i.getBoundingClientRect();let o=0;return"next"===t&&a+i.clientWidth>e+this.tabList.clientWidth+46?o=this.tabList.scrollLeft+46+(a+i.clientWidth)-(e+this.tabList.clientWidth):"prev"===t&&a+46<e&&(o=this.tabList.scrollLeft-46+(a-e)),o},this.scrollByKeyboard=(t,i)=>{const e=this.calculateKeyboardScroll(t,i);0!==e&&(this.tabList.scroll({left:e,behavior:"smooth"}),setTimeout((()=>this.onTabScroll()),100))},this.calculateTabScroll=({direction:t,scrollWidth:i,clientWidth:e,scrollLeft:a})=>{const o=a+({prev:-1,next:1}[t]||0)*Math.round(.5*e);return{newScrollLeft:o,hasLeft:o>0,hasRight:i>e+o}},this.onTabScroll=t=>{const i=(new Date).getTime();if(i-this.lastScrolled<50)return;if(this.lastScrolled=i,!this.tabList)return;let{scrollWidth:e,clientWidth:a,scrollLeft:o}=this.tabList;const{newScrollLeft:r,hasLeft:n,hasRight:s}=this.calculateTabScroll({direction:t,scrollWidth:e,clientWidth:a,scrollLeft:o});this.hasLeft=n,this.hasRight=s,t&&this.tabList.scroll({left:r,behavior:"smooth"})}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");return 0===t.length?[]:Array.from(t).filter((t=>t.name===this.name))}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}onResize(){this.onTabScroll()}onFocus(){if(c){const t=this.tabs.findIndex((t=>t.value===this.selectedTabValue));this.moveFocus(t)}}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t,this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.settled.emit(),this.onTabScroll()}componentDidLoad(){const t=this.tabs.findIndex((t=>t.value===this.value));t>0&&this.scheduledAfterRender.push((()=>{this.moveFocus(t,!1).blur()}))}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}valueObserver(){this.updateTabData(),this.scheduledAfterRender.push(this.resizeIframe);const t=this.tabs.findIndex((t=>t.value===this.value));t>-1&&this.scheduledAfterRender.push((()=>this.moveFocus(t,!1)))}nameObserver(){this.updateTabData()}render(){return e("div",{class:"tab-container"},e("ul",{class:"tab-list "+(this.noPrint?"no-print":""),role:"tablist"},this.hasLeft&&e("li",{role:"presentation",class:"nav nav-left",onClick:()=>this.onTabScroll("prev")},e("div",{class:"arrow-container"},e("a",null,e("q2-icon",{type:"chevron-left"})))),this.tabs.map(((t,i)=>this.generateTab(t,i))),this.hasRight&&e("li",{role:"presentation",class:"nav nav-right",onClick:()=>this.onTabScroll("next")},e("div",{class:"arrow-container"},e("a",null,e("q2-icon",{type:"chevron-right"}))))),e("div",{class:"tab-content"},e("slot",null)))}generateTab(t,i){const{label:a,value:o}=t,r=this.selectedTabValue===o;return e("li",{role:"presentation"},e("a",{id:`tab-${this.guid}-${i}`,href:"javascript://","data-value":o,"test-id":"tabLink",tabIndex:r?0:-1,role:"tab","aria-selected":`${r}`,"aria-controls":`tab-pane-${this.guid}-${i}`,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},a))}get hostElement(){return a(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};v.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}.tab-container{position:relative;display:flex;flex-direction:column}.tab-list{padding:0;display:flex;margin:0;list-style:none;border-bottom:1px solid\n        var(--tct-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));white-space:nowrap;overflow-x:hidden;align-items:center}.tab-list li.nav{position:absolute;height:44px;width:46px}.tab-list li.nav-left{left:-15px;background:linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav-right{right:-15px;background:linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav .arrow-container{display:flex;justify-content:center;align-items:center;height:inherit;width:inherit;cursor:pointer}.tab-list li.nav .arrow-container a{padding:0;margin:0;height:inherit;width:inherit;border-bottom:0;display:flex;align-items:center;justify-content:center}.tab-list li.nav .arrow-container a q2-icon{width:19px;height:19px}.tab-list a{width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));text-align:center;text-decoration:none;padding:var(--tct-scale-2, var(--app-scale-2, 10px));margin:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))\n        0;color:var(--tct-tab-inactive-color, var(--t-tab-inactive, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));border-bottom:3px solid transparent;display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='section']) .tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n        var(--tct-scale-1, var(--app-scale-1, 5px))}@media screen and (max-width: 767px){.tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n            var(--tct-scale-1, var(--app-scale-1, 5px))}}@media print{.tab-list.no-print{display:none}}.tab-list a:hover{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}.tab-list a[aria-selected='true']{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));border-color:currentColor;width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color='alt']) .tab-list a{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive, inherit))}:host([color='alt']) .tab-list a:hover,:host([color='alt']) .tab-list a[aria-selected='true']{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active, inherit))}.tab-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0}.tab-content:focus{outline:none;box-shadow:none}";export{v as q2_tab_container}

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

@@ -1 +0,0 @@
-import{r as o,h as t,g as i}from"./p-8e863fbc.js";const e=class{constructor(t){o(this,t),this._multiSelectHidden=!1,this.onOptionClick=o=>{o.stopImmediatePropagation(),!this.disabled&&!this.disabledGroup&&this.hostElement.dispatchEvent(new MouseEvent("click",{bubbles:!0}))}}render(){return t("div",{role:"option","aria-selected":`${this.selected}`,"aria-disabled":`${this.disabledGroup||this.disabled||!1}`,id:this.optionId,hidden:this._multiSelectHidden||this.hidden||!1,class:"q2-option-container",tabindex:"0",onClick:this.onOptionClick},t("div",{class:"q2-option-selection"},this.selected?t("q2-icon",{type:"checkmark",class:"q2-option-selection-icon"}):""),t("div",{class:"q2-option-content"},t("slot",null)))}get hostElement(){return i(this)}};e.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}.q2-option-container{--comp-option-selected-icon-size:var(\n        --tct-option-selected-icon-size,\n        var(--tct-scale-3, var(--app-scale-3, 15px))\n    )}.q2-option-container:not([hidden]){padding:var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;display:flex;align-items:center;cursor:pointer}.q2-option-container[aria-disabled='true']{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}.q2-option-container:not([aria-disabled='true']):hover,:host([active]) .q2-option-container,:host(:focus) .q2-option-container{background-color:var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-option-active-font-color, inherit)}.q2-option-selection{flex:0 0 var(--comp-option-selected-icon-size);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-option-selection-icon{width:var(--comp-option-selected-icon-size);height:var(--comp-option-selected-icon-size)}.q2-option-content{flex:1 1 auto}:host(:not([multiline])) .q2-option-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";export{e as q2_option}

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

@@ -1 +0,0 @@
-import{r as t,h as o,g as r}from"./p-8e863fbc.js";import{h as a,l as e}from"./p-0feefe56.js";import{s as n}from"./p-fa6e46e2.js";const i=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.handleIcons()}}componentWillLoad(){this.handleIcons(),a(this)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.hostElement.shadowRoot.querySelector("button").focus()}ariaLabelObserver(){a(this)}handleIcons(){const t=Array.from(this.hostElement.querySelectorAll("q2-icon")).reduce(((t,o)=>(t?o.remove():t=o,t)),null),o=!!t,r=!!this.hostElement.querySelector("q2-loc"),a=!!this.hostElement.textContent.trim(),e=(r||a)&&o&&this.hostElement.firstElementChild===t,n=(r||a)&&o&&this.hostElement.lastElementChild===t;let i;e||n||!o?e?i="left":n&&(i="right"):i="only",this.iconPosition=i}render(){const{ariaExpanded:t,ariaHasPopup:r,ariaLabel:a,ariaSelected:n,disabled:i,type:l,tabindex:c}=this.buttonAttributes,{iconPosition:s,loading:b,badge:d,label:h,hideLabel:p}=this;return o("button",{"aria-expanded":t,"aria-haspopup":r,"aria-label":a,"aria-selected":n,disabled:i,type:l,tabindex:c,"test-id":"q2BtnInnerButton",class:s&&`icon-${s}`},o("div",null,(s||b)&&o("q2-loading",{hidden:!b,modifiers:!s||d?"inline":void 0}),!p&&h?e(h):o("slot",{onSlotchange:this.handleSlotChange})))}get buttonAttributes(){return{ariaExpanded:void 0!==this.ariaExpanded?`${!!this.ariaExpanded}`:void 0,ariaHasPopup:this.ariaHasPopup?`${this.ariaHasPopup}`:void 0,ariaLabel:this.label&&this.hideLabel?e(this.label):void 0,ariaSelected:this.ariaSelected?`${this.ariaSelected}`:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};i.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}:host([hidden]){display:none}:host([block]){display:block;width:100%}:host{--comp-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2e2e2e));--comp-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-btn-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.19),\n      0 3px 3px rgba(0, 0, 0, 0.23);--comp-btn-neutral-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.24),\n      0 3px 3px rgba(0, 0, 0, 0.36);--comp-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow));--comp-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e));--comp-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow));--comp-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--comp-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--comp-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2e2e2e));--comp-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, var(--comp-btn-neutral-fallback-hover-box-shadow))}button{margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color=primary]) button,:host([intent=workflow-primary]) button{background:var(--comp-btn-primary-bg);color:var(--comp-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color=primary]) button:enabled:hover,:host([color=primary]) button:enabled:focus,:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color=primary]) button:hover:enabled,:host([color=primary]) button:active:enabled,:host([intent=workflow-primary]) button:hover:enabled,:host([intent=workflow-primary]) button:active:enabled{box-shadow:var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:focus,:host([intent=workflow-primary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-primary-hover-box-shadow, 0 0 0 2px #33b4ff)))}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--comp-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--comp-btn-primary-font-color));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--comp-btn-primary-box-shadow))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{background:var(--comp-btn-secondary-bg);color:var(--comp-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-button-secondary-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color=secondary]) button:enabled:hover,:host([color=secondary]) button:enabled:focus,:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color=secondary]) button:hover:enabled,:host([color=secondary]) button:active:enabled,:host([intent=workflow-secondary]) button:hover:enabled,:host([intent=workflow-secondary]) button:active:enabled{box-shadow:var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:focus,:host([intent=workflow-secondary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-secondary-hover-box-shadow)))}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--comp-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--comp-btn-secondary-font-color));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--comp-btn-secondary-box-shadow))}:host([intent=neutral]) button{background:var(--comp-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));color:var(--comp-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-gray-1, var(--t-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent=neutral]) button:enabled:hover,:host([intent=neutral]) button:enabled:focus,:host([intent=neutral]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent=neutral]) button:hover:enabled,:host([intent=neutral]) button:active:enabled{box-shadow:var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-neutral-hover-box-shadow)))}:host([intent=neutral]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--comp-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--comp-btn-neutral-font-color));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--comp-btn-neutral-box-shadow))}:host button.icon-only{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);border-radius:var(--tct-btn-icon-border-radius, 0)}:host button.icon-only:hover,:host button.icon-only:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))}:host(:not([intent])[active]) button.icon-only{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])) button.icon-only:hover *,:host(:not([intent])) button.icon-only:focus *,:host(:not([intent])[active]) button.icon-only *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808)))}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--comp-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--comp-btn-primary-font-color))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1, 5px)}:host([loading]) .icon-right div{flex-direction:row-reverse}q2-loading{--tct-loading-primary-color:currentColor;--tct-loading-secondary-color:currentColor;--tct-loading-spinner-size:24px}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]) button{pointer-events:none}';const l=class{constructor(r){t(this,r),this.halfCircleSpinner=()=>o("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},o("div",{class:"circle circle-1"}),o("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>o("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},"custom"===this.shape?o("slot",null):this.skeletonShape,o("div",{class:"q2-loading-skeleton-shimmer"}))}get loader(){const t={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return t[this.type]||t.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var t,o;return null!==(o=null===(t=n[this.shape])||void 0===t?void 0:t.call(n,this.countsArray,this.modifiersSet))&&void 0!==o?o:""}get spinnerShape(){const t={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return t[this.type]||t.default}get localizedLabel(){return e(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){a(this)}ariaLabelObserver(){a(this)}render(){return this.loader()}get hostElement(){return r(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}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*='inline']){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*='inline'])){font-size:var(--tct-loading-spinner-size, var(--tct-scale-5, var(--app-scale-5, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:calc(1em / 12) solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, #2e2e2e));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(\n        --tct-loading-secondary-color,\n        var(--t-loading-secondary-color, #cccccc)\n    );animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px))\n        var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{i as q2_btn,l as q2_loading}

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

@@ -1 +0,0 @@
-import{r as e,h as r,H as a,g as t}from"./p-8e863fbc.js";import{l as o}from"./p-0feefe56.js";const s=class{constructor(r){e(this,r),this.generatePaneClass=e=>`q2-carousel-pane swiper-slide q2-carousel-pane-${e}`}get currentPaneIndex(){return Array.prototype.indexOf.call(this.hostElement.parentElement.children,this.hostElement)}render(){return r(a,{class:this.generatePaneClass(this.currentPaneIndex),tabIndex:"0","aria-hidden":this.hideFromScreenReader,"aria-label":this.label},r("article",{class:"q2-carousel-pane-main-content"},r("slot",null),r("span",{class:"sr-only item-count"},o("tecton.element.carousel.itemDescription",[(this.currentPaneIndex+1).toString()]),o("tecton.element.carousel.collectionDescription",[(this.siblingCount||0).toString()]))))}get hostElement(){return t(this)}};s.style="q2-carousel .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all .2s}.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:0px 2px 8px 0px var(--t-top-a1, rgba(0, 0, 0, 0.25));background-color:var(---tct-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)));border:var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1,#cccccc)))));border-radius:var(--tct-carousel-pane-border-radius, 8px);padding:var(--tct-carousel-pane-padding, .5rem .5rem .5rem .5rem);min-height:10em}q2-carousel-pane.q2-carousel-pane:focus{box-shadow:none}.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;box-shadow:0 0 0 2px #33B4FF;}.q2-carousel-pane .q2-carousel-pane-main-content:hover{cursor:grab}";export{s as q2_carousel_pane}

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,g as e}from"./p-8e863fbc.js";import{c as h,s as o,l as n,h as l}from"./p-0feefe56.js";const a=class{constructor(i){t(this,i),this.change=s(this,"change",7),this.input=s(this,"input",7),this.selectedOptions=[],this.disabled=!1,this.multiple=!1,this.minRows=3,this.searchable=!1,this.multilineOptions=!1,this.optional=!1,this.dropdownOpen=!1,this.onlyShowingSelected=!1,this.hasCustomDisplay=!1,this.inputFocused=!1,this.scheduledAfterRender=[],this.keyStore={queue:[],lastPressedAt:new Date},this.guid=h(),this.dropdownId=`q2-select-dropdown-${this.guid}`,this.onMutationObserved=()=>{const t=this.hostElement.querySelector(".custom-display-content"),s=this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]'),i=s?s.assignedNodes().length>0:t.children.length>0;if(this.hasCustomDisplay!==i&&(this.hasCustomDisplay=i),this.multiple)return void this.updateMultipleOptionAttrs();this.updateSingleOptionAttrs();const e=this.optionElements[this.activeIndex];e&&e.id===this.activeOptionId||(this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption())},this.searchAndFocus=t=>{(()=>{const s=new Date;s.getTime()-this.keyStore.lastPressedAt.getTime()>1e3&&(this.keyStore.queue=[]),1===this.keyStore.queue.length&&this.keyStore.queue[0]===t||this.keyStore.queue.push(t),this.keyStore.lastPressedAt=s})();const s=(t=>t.find((t=>!t.element.disabled&&t.element.display.replace(/\s/g,"").match(new RegExp(`^${this.keyStore.queue.join("")}`,"i")))))((()=>{const t=(this.activeIndex||0)+1,s=this.optionElements.map(((t,s)=>({element:t,index:s})));return[...s.slice(t),...s.slice(0,t)]})());s&&(({element:t,index:s})=>{this.dropdownOpen||this.multiple?this.openDropdownWithActiveElement(s):(this.activeIndex=s,this.change.emit({value:t.value}))})(s)},this.inputClickHandler=t=>{t.stopPropagation(),o(this),this.toggleDropdown(),this.focusInput()},this.inputInputHandler=t=>{t.stopPropagation(),this.dropdownOpen||this.openDropdownWithoutActiveElement(),this.searchText=t.detail.value,this.input.emit({query:t.detail.value})},this.inputKeydownHandler=t=>{if("Enter"===t.key&&this.dropdownOpen){t.preventDefault();const s=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);s&&!s.disabled&&this.selectOption(s.value)}["Escape","Esc"].includes(t.key)&&(this.closeDropdown(),this.focusInput()),"Tab"===t.key&&(this.dropdownOpen&&this.searchable&&t.shiftKey?(t.preventDefault(),this.focusInput()):this.dropdownOpen&&!this.multiple&&t.preventDefault())},this.inputFocusHandler=()=>{this.inputFocused=!0},this.inputBlurHandler=()=>{this.inputFocused=!1},this.inputChangeHandler=t=>{t.stopPropagation()},this.showAllOptionTabKeyDown=t=>{"Tab"!==t.key||t.shiftKey||0!==this.selectedOptionsCount||t.preventDefault()},this.showSelectedOptionTabKeyDown=t=>{"Tab"!==t.key||t.shiftKey||t.preventDefault()},this.clickedElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.dropdownOpen&&this.closeDropdown())},this.showSelectedOptions=()=>{this.onlyShowingSelected=!0,this.optionElements.forEach((t=>{t._multiSelectHidden=!t.selected}))},this.showAllOptions=()=>{this.onlyShowingSelected=!1,this.optionElements.forEach((t=>{t._multiSelectHidden=!1}))},this.onCustomDisplayClick=t=>{t.stopPropagation(),this.focusInput(),this.toggleDropdown()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}getDefaultActiveIndex(){const t=this.optionElements.findIndex((t=>t.selected));return t>-1?t:0}setActiveOption(){this.dropdownOpen&&this.optionElements.forEach(((t,s)=>{this.activeIndex===s?(t.active=!0,this.activeOptionId=t.optionId):t.active=!1}))}setFocusedOption(){const t=this.optionElements[this.activeIndex].shadowRoot.querySelector("div");t.dispatchEvent(new FocusEvent("focus")),t.focus()}calculateMultiSelectSelectedDisplay(){if(1===this.selectedOptions.length){const t=this.optionElements.find((t=>t.value===this.selectedOptions[0]));return t&&t.display&&n(t.display)||t&&t.value||this.selectedOptions[0]}return this.selectedOptions.length>1?n("tecton.element.select.multiDisplay",[this.selectedOptions.length]):""}calculateSingleSelectSelectedDisplay(){const t=this.optionElements.find((t=>this.value===t.value));return t&&t.display&&n(t.display)||this.value||""}get minPopHeight(){const{minRows:t}=this,s=this.hostElement.querySelector("q2-option:not([hidden])"),i=window.getComputedStyle(s.shadowRoot.querySelector(".q2-option-container")).minHeight;return t*parseInt(i)}get selectedDisplay(){return this.hasCustomDisplay&&!this.searchText?"":this.searchable&&this.dropdownOpen?this.searchText||"":this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedOptionsCount(){return this.selectedOptions.length}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get wrapperClasses(){return`q2-select-container${this.dropdownOpen?" dropdown-open":""}${Array.isArray(this.errors)&&this.errors.length>0?" has-error":""}${this.inputFocused?" is-focused":""}${this.searchable?" is-searchable":""}`}updateSingleOptionAttrs(){this.optionElements.forEach(((t,s)=>{t.selected=this.value===t.value,t.optionId=`q2-select-${this.guid}-option-${s}`,t.multiline=this.multilineOptions}))}updateMultipleOptionAttrs(){0===this.selectedOptions.length&&(this.onlyShowingSelected=!1),this.optionElements.forEach(((t,s)=>{t.selected=this.selectedOptions.includes(t.value),t._multiSelectHidden=!!this.onlyShowingSelected&&!t.selected,t.optionId=`q2-select-${this.guid}-option-${s}`,t.multiline=this.multilineOptions}))}selectOption(t){if(this.multiple){const s=this.selectedOptions.includes(t);this.change.emit(s?{selectedOptions:this.selectedOptions.filter((s=>s!==t))}:{selectedOptions:[...this.selectedOptions,t]})}else this.change.emit({value:t}),this.closeDropdown(),this.focusInput()}scrollToActiveOption(){const t=this.optionElements[this.activeIndex];t&&t.scrollIntoView({block:"nearest"})}openDropdownWithoutActiveElement(){this.activeIndex=void 0,this.setActiveOption(),this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe)}openDropdownWithActiveElement(t){this.activeIndex=t,this.dropdownOpen=!0,this.setActiveOption(),this.scheduledAfterRender.push((()=>{this.searchable||this.setFocusedOption(),this.scrollToActiveOption(),this.resizeIframe()}))}closeDropdown(){this.dropdownOpen=!1,this.searchText&&(this.searchText="",this.input.emit({query:""})),this.scheduledAfterRender.push(this.resizeIframe)}toggleDropdown(){this.disabled||(this.searchable?this.dropdownOpen||this.openDropdownWithoutActiveElement():this.dropdownOpen?this.closeDropdown():this.openDropdownWithoutActiveElement())}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.searchable||this.setFocusedOption(),this.scrollToActiveOption()}setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.searchable||this.setFocusedOption()}focusInput(){const t=this.hostElement.shadowRoot.querySelector("q2-input");t&&t.dispatchEvent(new FocusEvent("focus"))}getNextVisibleIndex(t){let s=this.activeIndex+t;for(;s>=0&&s<=this.optionElements.length-1;){const{display:i,visibility:e}=window.getComputedStyle(this.optionElements[s]);if("none"!==i&&"hidden"!==e)return s;s+=t}return-1}componentWillLoad(){l(this)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved()}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}ariaLabelObserver(){l(this)}valueUpdated(){this.multiple||this.updateSingleOptionAttrs()}selectedOptionsUpdated(){this.multiple&&this.updateMultipleOptionAttrs()}multilineOptionsChanged(t,s){t!==s&&this.optionElements.forEach((t=>{t.multiline=this.multilineOptions}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.multiple?this.selectedOptions=t.detail.selectedOptions:this.value=t.detail.value)}onHostElementInput(t){if(this.searchable&&t.target===this.hostElement&&!this.hostElement.oninput){const s=this.optionElements,i=t.detail.query.trim().toLowerCase();s.forEach((t=>{if(""===i)t.style.display="";else{let{display:s="",innerText:e=""}=t,h=s.toLowerCase().includes(i)||e.toLowerCase().includes(i);t.style.display=h?"":"none"}}))}}clickHandler(t){const s=t.target;"q2-option"!==s.localName||s.disabled||this.selectOption(s.value)}keydownHandler(t){if("Enter"===t.key&&this.dropdownOpen){t.preventDefault();const s=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);s&&!s.disabled&&this.selectOption(s.value)}else if(["ArrowUp","Up"].includes(t.key))if(t.preventDefault(),this.dropdownOpen)if(this.activeIndex>0){const t=this.getNextVisibleIndex(-1);t>-1&&this.adjustActiveOptionAndScroll(t-this.activeIndex)}else 0!==this.activeIndex&&this.setDefaultActiveElement();else this.openDropdownWithActiveElement(this.getDefaultActiveIndex());else if(["ArrowDown","Down"].includes(t.key))if(t.preventDefault(),this.dropdownOpen)if(this.activeIndex<this.optionElements.length-1){const t=this.getNextVisibleIndex(1);t>-1&&this.adjustActiveOptionAndScroll(t-this.activeIndex)}else this.activeIndex||this.setDefaultActiveElement();else this.openDropdownWithActiveElement(this.getDefaultActiveIndex());else["Escape","Esc"].includes(t.key)?(this.closeDropdown(),this.focusInput()):"Tab"===t.key?this.dropdownOpen&&this.searchable&&t.shiftKey?(t.preventDefault(),this.focusInput()):this.dropdownOpen&&!this.multiple&&t.preventDefault():!this.searchable&&t.key.match(/^[a-zA-Z0-9]$/)&&this.searchAndFocus(t.key)}render(){return i("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},i("q2-input",{ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&n(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>n(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,hideLabel:this.hideLabel,ariaExpanded:this.dropdownOpen,ariaOwns:this.dropdownId,ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:!this.searchable,"test-id":"toggleDropdown","hide-messages":!0,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler}),i("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},i("slot",{name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return i("div",{class:"q2-select-dropdown q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),ref:t=>this.dropdownContainer=t,role:"menu"},this.multiple?this.visibilityToggle():"",i("div",{class:"q2-select-options",id:this.dropdownId},i("slot",null)))}visibilityToggle(){return i("div",{class:"multi-select-header"},n("tecton.element.select.multiHeader.showing"),i("q2-btn",{class:"option-toggle show-all-options"+(this.onlyShowingSelected?"":" selected"),badge:!0,"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.showAllOptionTabKeyDown},n("tecton.element.select.multiHeader.all")),i("q2-btn",{class:"option-toggle show-selected-options"+(this.onlyShowingSelected?" selected":""),disabled:0===this.selectedOptions.length,badge:!0,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.showSelectedOptionTabKeyDown},n("tecton.element.select.multiHeader.selected",[this.selectedOptionsCount])))}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueUpdated"],selectedOptions:["selectedOptionsUpdated"],multilineOptions:["multilineOptionsChanged"]}}};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)}.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:block;margin-top:var(--tct-select-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-select-margin-bottom, var(--app-scale-4, 30px))}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0}.custom-display-content{position:absolute;bottom:0;left:calc(var-list(--tct-scale-2, --app-scale-2, 10px) + 1px);height:44px;width:calc(100% - 34px - var-list(--tct-scale-3, --app-scale-3, 15px));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var-list(--tct-scale-3, --app-scale-3, 15px) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var-list(--tct-scale-3, --app-scale-3, 15px))}.dropdown-open .q2-select-dropdown{overflow-y:auto;max-height:300px}.multi-select-header{padding:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-2, var(--app-scale-2, 10px))}.show-all-options{margin-right:var(--tct-scale-1, var(--app-scale-1, 5px));margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}.q2-element-dropdown.dropup{bottom:40px}";export{a as q2_select}