q2-tecton-elements 1.9.11 → 1.9.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/dist/cjs/click-elsewhere.cjs.entry.js +1 -1
  2. package/dist/cjs/{icons-97449c0e.js → icons-077ed9b7.js} +1 -1
  3. package/dist/cjs/{index-5ad86d69.js → index-2dcb1a72.js} +1 -1
  4. package/dist/cjs/{index-8b9d9359.js → index-6b2c271e.js} +0 -3
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/q2-avatar.cjs.entry.js +2 -2
  7. package/dist/cjs/q2-btn_2.cjs.entry.js +3 -3
  8. package/dist/cjs/q2-calendar.cjs.entry.js +2 -2
  9. package/dist/cjs/q2-carousel-pane.cjs.entry.js +2 -2
  10. package/dist/cjs/q2-carousel.cjs.entry.js +2 -2
  11. package/dist/cjs/q2-checkbox-group.cjs.entry.js +2 -2
  12. package/dist/cjs/q2-checkbox.cjs.entry.js +2 -2
  13. package/dist/cjs/q2-dropdown-item.cjs.entry.js +2 -2
  14. package/dist/cjs/q2-dropdown.cjs.entry.js +2 -2
  15. package/dist/cjs/q2-editable-field.cjs.entry.js +2 -2
  16. package/dist/cjs/q2-icon.cjs.entry.js +2 -2
  17. package/dist/cjs/q2-input.cjs.entry.js +2 -2
  18. package/dist/cjs/q2-loading-element.cjs.entry.js +2 -2
  19. package/dist/cjs/q2-loc.cjs.entry.js +2 -2
  20. package/dist/cjs/q2-message.cjs.entry.js +1 -1
  21. package/dist/cjs/q2-optgroup.cjs.entry.js +2 -2
  22. package/dist/cjs/q2-option.cjs.entry.js +1 -1
  23. package/dist/cjs/q2-radio-group.cjs.entry.js +2 -2
  24. package/dist/cjs/q2-radio.cjs.entry.js +2 -2
  25. package/dist/cjs/q2-section.cjs.entry.js +2 -2
  26. package/dist/cjs/q2-select.cjs.entry.js +2 -2
  27. package/dist/cjs/q2-tab-container.cjs.entry.js +2 -2
  28. package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
  29. package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
  30. package/dist/cjs/q2-textarea.cjs.entry.js +2 -2
  31. package/dist/cjs/{shapes-878b117f.js → shapes-a7595d72.js} +1 -1
  32. package/dist/cjs/tecton-tab-pane.cjs.entry.js +1 -12
  33. package/dist/collection/components/tecton-tab-pane/index.js +0 -11
  34. package/dist/esm/click-elsewhere.entry.js +1 -1
  35. package/dist/esm/{icons-252d6650.js → icons-5506a72c.js} +1 -1
  36. package/dist/esm/{index-017c9c34.js → index-5fa3e016.js} +0 -3
  37. package/dist/esm/{index-665f8829.js → index-f3de8cee.js} +1 -1
  38. package/dist/esm/loader.js +1 -1
  39. package/dist/esm/q2-avatar.entry.js +2 -2
  40. package/dist/esm/q2-btn_2.entry.js +3 -3
  41. package/dist/esm/q2-calendar.entry.js +2 -2
  42. package/dist/esm/q2-carousel-pane.entry.js +2 -2
  43. package/dist/esm/q2-carousel.entry.js +2 -2
  44. package/dist/esm/q2-checkbox-group.entry.js +2 -2
  45. package/dist/esm/q2-checkbox.entry.js +2 -2
  46. package/dist/esm/q2-dropdown-item.entry.js +2 -2
  47. package/dist/esm/q2-dropdown.entry.js +2 -2
  48. package/dist/esm/q2-editable-field.entry.js +2 -2
  49. package/dist/esm/q2-icon.entry.js +2 -2
  50. package/dist/esm/q2-input.entry.js +2 -2
  51. package/dist/esm/q2-loading-element.entry.js +2 -2
  52. package/dist/esm/q2-loc.entry.js +2 -2
  53. package/dist/esm/q2-message.entry.js +1 -1
  54. package/dist/esm/q2-optgroup.entry.js +2 -2
  55. package/dist/esm/q2-option.entry.js +1 -1
  56. package/dist/esm/q2-radio-group.entry.js +2 -2
  57. package/dist/esm/q2-radio.entry.js +2 -2
  58. package/dist/esm/q2-section.entry.js +2 -2
  59. package/dist/esm/q2-select.entry.js +2 -2
  60. package/dist/esm/q2-tab-container.entry.js +2 -2
  61. package/dist/esm/q2-tab-pane.entry.js +1 -1
  62. package/dist/esm/q2-tecton-elements.js +1 -1
  63. package/dist/esm/q2-textarea.entry.js +2 -2
  64. package/dist/esm/{shapes-509a7557.js → shapes-073c5aad.js} +1 -1
  65. package/dist/esm/tecton-tab-pane.entry.js +1 -12
  66. package/dist/q2-tecton-elements/{p-6444b5d9.js → p-031a8f06.js} +1 -1
  67. package/dist/q2-tecton-elements/{p-5bf6701f.entry.js → p-076b95fd.entry.js} +1 -1
  68. package/dist/q2-tecton-elements/{p-c3db6447.entry.js → p-0c23d50a.entry.js} +1 -1
  69. package/dist/q2-tecton-elements/{p-d991878b.entry.js → p-0e9e5b53.entry.js} +1 -1
  70. package/dist/q2-tecton-elements/{p-ee19beb8.js → p-0feefe56.js} +1 -1
  71. package/dist/q2-tecton-elements/{p-b3347334.entry.js → p-1022a1c6.entry.js} +1 -1
  72. package/dist/q2-tecton-elements/{p-a1b4c554.entry.js → p-12f6dc10.entry.js} +1 -1
  73. package/dist/q2-tecton-elements/{p-a87649f6.entry.js → p-3b80823a.entry.js} +1 -1
  74. package/dist/q2-tecton-elements/{p-b1540a38.entry.js → p-54cbd826.entry.js} +1 -1
  75. package/dist/q2-tecton-elements/{p-807d8e6f.entry.js → p-5da60194.entry.js} +1 -1
  76. package/dist/q2-tecton-elements/{p-1dc98fdc.entry.js → p-72f9686c.entry.js} +1 -1
  77. package/dist/q2-tecton-elements/{p-86c95465.entry.js → p-7a952b02.entry.js} +1 -1
  78. package/dist/q2-tecton-elements/{p-a24d7411.entry.js → p-89ae4f7b.entry.js} +1 -1
  79. package/dist/q2-tecton-elements/p-8e863fbc.js +1 -0
  80. package/dist/q2-tecton-elements/{p-3129a4ef.entry.js → p-905a22d5.entry.js} +1 -1
  81. package/dist/q2-tecton-elements/{p-28b09585.entry.js → p-915ce8d8.entry.js} +1 -1
  82. package/dist/q2-tecton-elements/{p-f3c53bf5.entry.js → p-93799868.entry.js} +1 -1
  83. package/dist/q2-tecton-elements/p-98bb1355.entry.js +1 -0
  84. package/dist/q2-tecton-elements/{p-bacffef7.entry.js → p-9f328dbd.entry.js} +1 -1
  85. package/dist/q2-tecton-elements/{p-d81c7e8e.entry.js → p-b0cb8867.entry.js} +1 -1
  86. package/dist/q2-tecton-elements/{p-03533a0f.entry.js → p-c6d4933e.entry.js} +1 -1
  87. package/dist/q2-tecton-elements/{p-c5f91a17.entry.js → p-ccb8126f.entry.js} +1 -1
  88. package/dist/q2-tecton-elements/{p-3b71f19a.entry.js → p-d93abdce.entry.js} +1 -1
  89. package/dist/q2-tecton-elements/{p-68a03ee9.entry.js → p-dd33b297.entry.js} +1 -1
  90. package/dist/q2-tecton-elements/{p-28eeea13.entry.js → p-dfe693e9.entry.js} +1 -1
  91. package/dist/q2-tecton-elements/{p-28e83dde.entry.js → p-e5e8eac3.entry.js} +1 -1
  92. package/dist/q2-tecton-elements/{p-70b6bbbf.entry.js → p-ec245511.entry.js} +1 -1
  93. package/dist/q2-tecton-elements/{p-75f8bd41.entry.js → p-ed433950.entry.js} +1 -1
  94. package/dist/q2-tecton-elements/{p-5f1d37c5.entry.js → p-f1ec7948.entry.js} +1 -1
  95. package/dist/q2-tecton-elements/{p-879c8a5e.js → p-fa6e46e2.js} +1 -1
  96. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  97. package/dist/types/components/tecton-tab-pane/index.d.ts +0 -1
  98. package/package.json +2 -2
  99. package/dist/q2-tecton-elements/p-57ba1dd4.entry.js +0 -1
  100. package/dist/q2-tecton-elements/p-88a7cb55.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,g as e}from"./p-88a7cb55.js";import{c as h,s as o,l as n,h as l}from"./p-ee19beb8.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}
1
+ 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}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as r}from"./p-88a7cb55.js";import{c as o,l as s}from"./p-ee19beb8.js";const n=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.disabled=!1,this.optional=!1,this.hasError=!1,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)}}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.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"]}}};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}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 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, transparent, 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(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n 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))))))\n );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{n as q2_checkbox_group}
1
+ import{r as t,c as e,h as i,g as r}from"./p-8e863fbc.js";import{c as o,l as s}from"./p-0feefe56.js";const n=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.disabled=!1,this.optional=!1,this.hasError=!1,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)}}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.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"]}}};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}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 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, transparent, 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(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n 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))))))\n );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{n as q2_checkbox_group}
@@ -1 +1 @@
1
- import{r as t,h as e,g as o}from"./p-88a7cb55.js";import{h as r,l as i}from"./p-ee19beb8.js";const n=class{constructor(e){t(this,e),this.onItemClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"select",value:this.value||""},bubbles:!0}))},this.onItemKeydown=t=>{["ArrowRight","Right"].includes(t.key)&&this.focusRemoveBtn()},this.onItemFocus=t=>{t.stopPropagation()},this.onRemoveBtnClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"remove",value:this.value||""},bubbles:!0}))},this.onRemoveBtnKeydown=t=>{["ArrowLeft","Left"].includes(t.key)&&this.focusItem()},this.onRemoveBtnFocus=t=>{t.stopPropagation()}}componentWillLoad(){r(this)}ariaLabelObserver(){r(this)}get removeLabel(){return i("tecton.element.dropdownItem.remove",[this.label||""])}get dropdownItemBtn(){return this.hostElement.shadowRoot.querySelector(".dropdown-item")}get innerLabel(){return this.label||this.hostElement.textContent}get removeBtn(){return this.hostElement.shadowRoot.querySelector(".remove-dropdown-item")}onHostElementFocus(){event.target===this.hostElement&&this.focusItem()}focusItem(){this.dropdownItemBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}focusRemoveBtn(){this.removeBtn&&this.removeBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}render(){return this.separator?this.separatorDOM():this.itemDOM()}separatorDOM(){return e("div",{class:"dropdown-separator",role:"separator","test-id":"dropdownItemSeparator"})}itemDOM(){return e("div",{class:"dropdown-item-wrapper"},e("q2-btn",{class:"dropdown-item",label:this.innerLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onItemClick,onKeyDown:this.onItemKeydown,onFocus:this.onItemFocus,"test-id":"dropdownItem"},e("div",{class:"dropdown-item-content"},e("slot",null))),this.removable?e("q2-btn",{class:"remove-dropdown-item",label:this.removeLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onRemoveBtnClick,onKeyDown:this.onRemoveBtnKeydown,onFocus:this.onRemoveBtnFocus,"test-id":"removeDropdownItem"},e("q2-icon",{type:"close"})):"")}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};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}.dropdown-separator{margin:0 var(--tct-scale-1, var(--app-scale-1, 5px));border-bottom:1px solid\n var(\n --tct-dropdown-item-separator-color,\n var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n )}.dropdown-item-wrapper{display:flex}.dropdown-item{min-height:44px;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, 2px)}.dropdown-item-content{padding:12px var(--tct-scale-3, var(--app-scale-3, 15px));text-align:left;background-color:var(\n --tct-dropdown-item-bg,\n var(--tct-white, var(--t-base, var(--app-white, #ffffff)))\n );color:var(--tct-dropdown-item-font-color, inherit);transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));overflow:hidden;text-overflow:ellipsis;flex:1}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(\n --tct-dropdown-item-selected-bg,\n var(\n --tct-gray-14,\n var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2))))\n )\n );color:var(--tct-dropdown-item-selected-font-color, inherit)}.remove-dropdown-item{flex:0 0 44px;margin:2px}";export{n as q2_dropdown_item}
1
+ import{r as t,h as e,g as o}from"./p-8e863fbc.js";import{h as r,l as i}from"./p-0feefe56.js";const n=class{constructor(e){t(this,e),this.onItemClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"select",value:this.value||""},bubbles:!0}))},this.onItemKeydown=t=>{["ArrowRight","Right"].includes(t.key)&&this.focusRemoveBtn()},this.onItemFocus=t=>{t.stopPropagation()},this.onRemoveBtnClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"remove",value:this.value||""},bubbles:!0}))},this.onRemoveBtnKeydown=t=>{["ArrowLeft","Left"].includes(t.key)&&this.focusItem()},this.onRemoveBtnFocus=t=>{t.stopPropagation()}}componentWillLoad(){r(this)}ariaLabelObserver(){r(this)}get removeLabel(){return i("tecton.element.dropdownItem.remove",[this.label||""])}get dropdownItemBtn(){return this.hostElement.shadowRoot.querySelector(".dropdown-item")}get innerLabel(){return this.label||this.hostElement.textContent}get removeBtn(){return this.hostElement.shadowRoot.querySelector(".remove-dropdown-item")}onHostElementFocus(){event.target===this.hostElement&&this.focusItem()}focusItem(){this.dropdownItemBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}focusRemoveBtn(){this.removeBtn&&this.removeBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}render(){return this.separator?this.separatorDOM():this.itemDOM()}separatorDOM(){return e("div",{class:"dropdown-separator",role:"separator","test-id":"dropdownItemSeparator"})}itemDOM(){return e("div",{class:"dropdown-item-wrapper"},e("q2-btn",{class:"dropdown-item",label:this.innerLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onItemClick,onKeyDown:this.onItemKeydown,onFocus:this.onItemFocus,"test-id":"dropdownItem"},e("div",{class:"dropdown-item-content"},e("slot",null))),this.removable?e("q2-btn",{class:"remove-dropdown-item",label:this.removeLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onRemoveBtnClick,onKeyDown:this.onRemoveBtnKeydown,onFocus:this.onRemoveBtnFocus,"test-id":"removeDropdownItem"},e("q2-icon",{type:"close"})):"")}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};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}.dropdown-separator{margin:0 var(--tct-scale-1, var(--app-scale-1, 5px));border-bottom:1px solid\n var(\n --tct-dropdown-item-separator-color,\n var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n )}.dropdown-item-wrapper{display:flex}.dropdown-item{min-height:44px;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, 2px)}.dropdown-item-content{padding:12px var(--tct-scale-3, var(--app-scale-3, 15px));text-align:left;background-color:var(\n --tct-dropdown-item-bg,\n var(--tct-white, var(--t-base, var(--app-white, #ffffff)))\n );color:var(--tct-dropdown-item-font-color, inherit);transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));overflow:hidden;text-overflow:ellipsis;flex:1}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(\n --tct-dropdown-item-selected-bg,\n var(\n --tct-gray-14,\n var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2))))\n )\n );color:var(--tct-dropdown-item-selected-font-color, inherit)}.remove-dropdown-item{flex:0 0 44px;margin:2px}";export{n as q2_dropdown_item}
@@ -1 +1 @@
1
- import{r as t,h as a,g as r}from"./p-88a7cb55.js";import{i}from"./p-6444b5d9.js";const e=class{constructor(a){t(this,a),this.icon="person",this.badSrc=!1,this.onError=()=>{this.badSrc=!0}}srcDidUpdate(){this.badSrc=!1}get fallbackIcon(){return i[this.icon]&&i[this.icon].markup()||i.error.markup()}get computedInitials(){const{initials:t,name:a}=this;if(!t&&!a)return;let r="";if(t)r=t.substr(0,4);else if(a){const t=a.split(" "),i=t.length>1?t[t.length-1][0]:void 0;r+=t[0][0],i&&(r+=i)}return r=null==r?void 0:r.toUpperCase(),r}render(){const{computedInitials:t}=this,r=(this.name||this.initials)&&(!this.src||this.badSrc),i=!this.name&&!this.initials&&(!this.src||this.badSrc);return a("div",null,this.src&&!this.badSrc&&a("img",{class:"avatar-img","test-id":"userImage",src:this.src,onError:this.onError}),r&&a("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet","test-id":"userInitials",class:`avatar-initials size-${t.length}`},a("text",{x:"50",y:"50","dominant-baseline":"central","text-anchor":"middle","aria-hidden":"true"},t)),i&&a("div",{"test-id":"fallbackIcon",class:"fallback"},a("q2-icon",{type:this.icon})))}get el(){return r(this)}static get watchers(){return{src:["srcDidUpdate"]}}};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}.avatar-img{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:var(--tct-avatar-bg, #9e9e9e)}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background-color:var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 50px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-color, #ffffff);font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-br, var(--tct-avatar-img-br, 50%));background-color:var(--tct-avatar-fallback-bg, var(--tct-avatar-bg, #9e9e9e));display:flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-fallback-icon-size, 65%);--t-icon-fill:var(--tct-avatar-fallback-fill, transparent);--t-icon-stroke-primary:var(--tct-avatar-fallback-stroke-primary, currentcolor);--t-icon-stroke-secondary:var(--tct-avatar-fallback-stroke-secondary, currentcolor);color:var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--t-icon-size);height:var(--t-icon-size)}";export{e as q2_avatar}
1
+ import{r as t,h as a,g as r}from"./p-8e863fbc.js";import{i}from"./p-031a8f06.js";const e=class{constructor(a){t(this,a),this.icon="person",this.badSrc=!1,this.onError=()=>{this.badSrc=!0}}srcDidUpdate(){this.badSrc=!1}get fallbackIcon(){return i[this.icon]&&i[this.icon].markup()||i.error.markup()}get computedInitials(){const{initials:t,name:a}=this;if(!t&&!a)return;let r="";if(t)r=t.substr(0,4);else if(a){const t=a.split(" "),i=t.length>1?t[t.length-1][0]:void 0;r+=t[0][0],i&&(r+=i)}return r=null==r?void 0:r.toUpperCase(),r}render(){const{computedInitials:t}=this,r=(this.name||this.initials)&&(!this.src||this.badSrc),i=!this.name&&!this.initials&&(!this.src||this.badSrc);return a("div",null,this.src&&!this.badSrc&&a("img",{class:"avatar-img","test-id":"userImage",src:this.src,onError:this.onError}),r&&a("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet","test-id":"userInitials",class:`avatar-initials size-${t.length}`},a("text",{x:"50",y:"50","dominant-baseline":"central","text-anchor":"middle","aria-hidden":"true"},t)),i&&a("div",{"test-id":"fallbackIcon",class:"fallback"},a("q2-icon",{type:this.icon})))}get el(){return r(this)}static get watchers(){return{src:["srcDidUpdate"]}}};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}.avatar-img{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:var(--tct-avatar-bg, #9e9e9e)}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background-color:var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 50px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-color, #ffffff);font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-br, var(--tct-avatar-img-br, 50%));background-color:var(--tct-avatar-fallback-bg, var(--tct-avatar-bg, #9e9e9e));display:flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-fallback-icon-size, 65%);--t-icon-fill:var(--tct-avatar-fallback-fill, transparent);--t-icon-stroke-primary:var(--tct-avatar-fallback-stroke-primary, currentcolor);--t-icon-stroke-secondary:var(--tct-avatar-fallback-stroke-secondary, currentcolor);color:var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--t-icon-size);height:var(--t-icon-size)}";export{e as q2_avatar}
@@ -1 +1 @@
1
- import{h as e}from"./p-88a7cb55.js";const l={circle:({width:l,additionalClasses:i})=>e("div",{class:`skeleton-shape circle ${i||""}`,style:{width:l,height:l}}),rectangle:({width:l,height:i,borderRadius:t,additionalClasses:d})=>e("div",{class:`skeleton-shape rectangle ${d||""}`,style:{width:l,height:i,borderRadius:t}})},i={field:()=>e("div",{class:"skeleton-shape field"},e("div",{class:"skeleton-field-label"},l.rectangle({height:"1rem",width:"50%"})),l.rectangle({height:"var(--tct-input-height, 42px)",borderRadius:"3px"})),text:(i,t)=>{var d;const s=null!==(d=null==i?void 0:i[0])&&void 0!==d?d:1,a=null==t?void 0:t.has("header"),r=((null==t?void 0:t.has("center"))?"center":(null==t?void 0:t.has("right"))&&"right")||"left",o=(null==t?void 0:t.has("smallheader"))?" smaller":"";return e("div",{class:"skeleton-shape text"},a&&l.rectangle({width:"60%",additionalClasses:a?`header ${r}${o}`:""}),!!s&&Array(s).fill(void 0).map((()=>l.rectangle({height:"1rem"}))))}},t={circle:()=>l.circle({width:"100%"}),rectangle:()=>l.rectangle({height:"100%",borderRadius:"var(--tct-border-radius-1, 3px)"}),table:(i,t)=>{var d,s;const a=null!==(d=null==i?void 0:i[0])&&void 0!==d?d:5,r=null!==(s=null==i?void 0:i[1])&&void 0!==s?s:5,o=null==t?void 0:t.has("headless"),n=null==t?void 0:t.has("bordered");return e("div",{class:"skeleton-shape table"},!o&&e("div",{class:"skeleton-table-head"},e("div",{class:"skeleton-table-row skeleton-table-header flex"},!!a&&Array(a).fill(void 0).map((()=>l.rectangle({height:"1rem"})))),e("div",{class:"skeleton-table-row-border"},l.rectangle({height:"3px"}))),e("div",{class:"skeleton-table-body"},!!r&&Array(r).fill(void 0).map((()=>e("div",{class:"skeleton-table-row-wrapper"},e("div",{class:"skeleton-table-row flex"},!!a&&Array(a).fill(void 0).map((()=>l.rectangle({height:"1.5rem"})))),n&&e("div",{class:"skeleton-table-row-border"},l.rectangle({height:"1px",additionalClasses:"no-margin"})))))))},field:i.field,form:l=>{var t,d,s;const a=null!==(t=(null==l?void 0:l[1])&&(null==l?void 0:l[0]))&&void 0!==t?t:1,r=a*(null!==(s=null!==(d=null==l?void 0:l[1])&&void 0!==d?d:null==l?void 0:l[0])&&void 0!==s?s:1);return e("div",{class:`skeleton-shape form flex columns-${a}`},!!r&&Array(r).fill(void 0).map(i.field))},text:i.text,"detailed-item":(t,d)=>{const s=null==d?void 0:d.has("square"),a=((null==d?void 0:d.has("center"))?"center":(null==d?void 0:d.has("right"))&&"right")||"left";return e("div",{class:`skeleton-shape detailed-item flex ${a}`},e("div",{class:`detailed-item-image flex-${a}`},s?l.rectangle({width:"1.5em",height:"1.5em",borderRadius:"3px"}):l.circle({width:"1.5em"})),e("div",{class:`detailed-item-text flex flex-v-center flex-${a}`},e("div",null,i.text(t,d))))},"label-value":i=>{var t;const d=2*(null!==(t=null==i?void 0:i[0])&&void 0!==t?t:1);return e("div",{class:"skeleton-shape label-value flex"},!!d&&Array(d).fill(void 0).map((()=>l.rectangle({height:"1rem"}))))}};export{l as a,t as s}
1
+ import{h as e}from"./p-8e863fbc.js";const l={circle:({width:l,additionalClasses:i})=>e("div",{class:`skeleton-shape circle ${i||""}`,style:{width:l,height:l}}),rectangle:({width:l,height:i,borderRadius:t,additionalClasses:d})=>e("div",{class:`skeleton-shape rectangle ${d||""}`,style:{width:l,height:i,borderRadius:t}})},i={field:()=>e("div",{class:"skeleton-shape field"},e("div",{class:"skeleton-field-label"},l.rectangle({height:"1rem",width:"50%"})),l.rectangle({height:"var(--tct-input-height, 42px)",borderRadius:"3px"})),text:(i,t)=>{var d;const s=null!==(d=null==i?void 0:i[0])&&void 0!==d?d:1,a=null==t?void 0:t.has("header"),r=((null==t?void 0:t.has("center"))?"center":(null==t?void 0:t.has("right"))&&"right")||"left",o=(null==t?void 0:t.has("smallheader"))?" smaller":"";return e("div",{class:"skeleton-shape text"},a&&l.rectangle({width:"60%",additionalClasses:a?`header ${r}${o}`:""}),!!s&&Array(s).fill(void 0).map((()=>l.rectangle({height:"1rem"}))))}},t={circle:()=>l.circle({width:"100%"}),rectangle:()=>l.rectangle({height:"100%",borderRadius:"var(--tct-border-radius-1, 3px)"}),table:(i,t)=>{var d,s;const a=null!==(d=null==i?void 0:i[0])&&void 0!==d?d:5,r=null!==(s=null==i?void 0:i[1])&&void 0!==s?s:5,o=null==t?void 0:t.has("headless"),n=null==t?void 0:t.has("bordered");return e("div",{class:"skeleton-shape table"},!o&&e("div",{class:"skeleton-table-head"},e("div",{class:"skeleton-table-row skeleton-table-header flex"},!!a&&Array(a).fill(void 0).map((()=>l.rectangle({height:"1rem"})))),e("div",{class:"skeleton-table-row-border"},l.rectangle({height:"3px"}))),e("div",{class:"skeleton-table-body"},!!r&&Array(r).fill(void 0).map((()=>e("div",{class:"skeleton-table-row-wrapper"},e("div",{class:"skeleton-table-row flex"},!!a&&Array(a).fill(void 0).map((()=>l.rectangle({height:"1.5rem"})))),n&&e("div",{class:"skeleton-table-row-border"},l.rectangle({height:"1px",additionalClasses:"no-margin"})))))))},field:i.field,form:l=>{var t,d,s;const a=null!==(t=(null==l?void 0:l[1])&&(null==l?void 0:l[0]))&&void 0!==t?t:1,r=a*(null!==(s=null!==(d=null==l?void 0:l[1])&&void 0!==d?d:null==l?void 0:l[0])&&void 0!==s?s:1);return e("div",{class:`skeleton-shape form flex columns-${a}`},!!r&&Array(r).fill(void 0).map(i.field))},text:i.text,"detailed-item":(t,d)=>{const s=null==d?void 0:d.has("square"),a=((null==d?void 0:d.has("center"))?"center":(null==d?void 0:d.has("right"))&&"right")||"left";return e("div",{class:`skeleton-shape detailed-item flex ${a}`},e("div",{class:`detailed-item-image flex-${a}`},s?l.rectangle({width:"1.5em",height:"1.5em",borderRadius:"3px"}):l.circle({width:"1.5em"})),e("div",{class:`detailed-item-text flex flex-v-center flex-${a}`},e("div",null,i.text(t,d))))},"label-value":i=>{var t;const d=2*(null!==(t=null==i?void 0:i[0])&&void 0!==t?t:1);return e("div",{class:"skeleton-shape label-value flex"},!!d&&Array(d).fill(void 0).map((()=>l.rectangle({height:"1rem"}))))}};export{l as a,t as s}
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-88a7cb55.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-a1b4c554",[[1,"q2-icon",{type:[513]}]]],["p-f3c53bf5",[[1,"q2-calendar",{value:[1537],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[1540],typeable:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[1040],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],keyboardSelection:[32],typedValue:[32],dateList:[32],hintMessage:[32],hintMessageType:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-b3347334",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-28e83dde",[[1,"q2-select",{label:[513],hideLabel:[516,"hide-label"],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],minRows:[2,"min-rows"],popDirection:[513,"pop-direction"],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-1dc98fdc",[[1,"q2-editable-field",{value:[1537],editing:[1540],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-86c95465",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-5f1d37c5",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-a24d7411",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],label:[513],index:[1538],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-28b09585",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-70b6bbbf",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-d81c7e8e",[[1,"q2-option",{display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-d991878b",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-807d8e6f",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],noPrint:[516,"no-print"],hasLeft:[32],hasRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-03533a0f",[[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-3b71f19a",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-3129a4ef",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-c5f91a17",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-28eeea13",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-c3db6447",[[4,"q2-radio",{label:[513],hideLabel:[516,"hide-label"],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-a87649f6",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-57ba1dd4",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-75f8bd41",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-5bf6701f",[[1,"q2-message",{type:[513],appearance:[513],description:[516]}]]],["p-bacffef7",[[1,"q2-input",{value:[1025],label:[513],hideLabel:[516,"hide-label"],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[1538],pseudo:[516],showVisibilityToggle:[516,"show-visibility-toggle"],textHidden:[1540,"text-hidden"],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[513,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-68a03ee9",[[0,"click-elsewhere"]]],["p-b1540a38",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],loading:[516],badge:[516],active:[516],fab:[516],iconPosition:[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],label:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]]],e)));
1
+ import{p as e,b as a}from"./p-8e863fbc.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-12f6dc10",[[1,"q2-icon",{type:[513]}]]],["p-93799868",[[1,"q2-calendar",{value:[1537],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[1540],typeable:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[1040],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],keyboardSelection:[32],typedValue:[32],dateList:[32],hintMessage:[32],hintMessageType:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-1022a1c6",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-e5e8eac3",[[1,"q2-select",{label:[513],hideLabel:[516,"hide-label"],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],minRows:[2,"min-rows"],popDirection:[513,"pop-direction"],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-72f9686c",[[1,"q2-editable-field",{value:[1537],editing:[1540],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-7a952b02",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-f1ec7948",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-89ae4f7b",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],label:[513],index:[1538],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-915ce8d8",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-ec245511",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-b0cb8867",[[1,"q2-option",{display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-0e9e5b53",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-5da60194",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],noPrint:[516,"no-print"],hasLeft:[32],hasRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-c6d4933e",[[1,"q2-textarea",{value:[1025],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[1538],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-d93abdce",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-905a22d5",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-ccb8126f",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-dfe693e9",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-0c23d50a",[[4,"q2-radio",{label:[513],hideLabel:[516,"hide-label"],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-3b80823a",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-98bb1355",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-ed433950",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-076b95fd",[[1,"q2-message",{type:[513],appearance:[513],description:[516]}]]],["p-9f328dbd",[[1,"q2-input",{value:[1025],label:[513],hideLabel:[516,"hide-label"],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[1538],pseudo:[516],showVisibilityToggle:[516,"show-visibility-toggle"],textHidden:[1540,"text-hidden"],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[513,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-dd33b297",[[0,"click-elsewhere"]]],["p-54cbd826",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],loading:[516],badge:[516],active:[516],fab:[516],iconPosition:[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],label:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]]],e)));
@@ -18,7 +18,6 @@ export declare class TectonTabPane implements ComponentInterface {
18
18
  _showForm: boolean;
19
19
  hostElement: HTMLElement;
20
20
  get iframeTitle(): string;
21
- componentWillRender(): void | Promise<void>;
22
21
  componentWillLoad(): void;
23
22
  componentDidRender(): void;
24
23
  selectedObserver(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "q2-tecton-elements",
3
- "version": "1.9.11",
3
+ "version": "1.9.12",
4
4
  "description": "Q2 Tecton Custom Elements",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -49,5 +49,5 @@
49
49
  "smoothscroll-polyfill": "^0.4.4",
50
50
  "swiper": "5.3.8"
51
51
  },
52
- "gitHead": "c1d02e71dc4e052844a1e6056a2b889a78b7b285"
52
+ "gitHead": "d34e1b7d139d6245a15e782ba8658937f3b88945"
53
53
  }
@@ -1 +0,0 @@
1
- import{r as t,h as e,g as i}from"./p-88a7cb55.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("-")}componentWillRender(){const t=this.hostElement.shadowRoot.querySelector(".loading-wrapper");t&&(t.style.minHeight=this.minHeight,t.hidden=!this.selected)}componentWillLoad(){this._showForm=this.showForm}componentDidRender(){const t=this.hostElement.shadowRoot.querySelector("form");t&&t.parentElement&&(t.submit(),this._showForm=!1)}selectedObserver(){const t=this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');this._showForm=this.showForm,t&&(t.hidden=!this.selected)}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}
@@ -1 +0,0 @@
1
- let e,t,n,l=!1,o=!1,s=!1,c=!1,r=!1;const i="undefined"!=typeof window?window:{},a=i.document||{head:{}},f={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),$=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=p(e,n),c=h(t,o),r=m(n);f.ael(s,l,c,r),(t.o=t.o||[]).push((()=>f.rel(s,l,c,r)))}))},h=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){$e(e)}},p=(e,t)=>8&t?i:e,m=e=>0!=(2&e),y="http://www.w3.org/1999/xlink",b=new WeakMap,w=e=>"sc-"+e.$,g={},v=e=>"object"==(e=typeof e)||"function"===e,k=(e,t,...n)=>{let l=null,o=null,s=!1,c=!1,r=[];const i=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!v(l))&&(l+=""),s&&c?r[r.length-1].h+=l:r.push(s?j(null,l):l),c=s)};if(i(n),t){t.name&&(o=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,O);const a=j(e,null);return a.p=t,r.length>0&&(a.m=r),a.g=o,a},j=(e,t)=>({t:0,v:e,h:t,k:null,m:null,p:null,g:null}),S={},O={forEach:(e,t)=>e.map(C).forEach(t),map:(e,t)=>e.map(C).map(t).map(M)},C=e=>({vattrs:e.p,vchildren:e.m,vkey:e.j,vname:e.g,vtag:e.v,vtext:e.h}),M=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),k(e.vtag,t,...e.vchildren||[])}const t=j(e.vtag,e.vtext);return t.p=e.vattrs,t.m=e.vchildren,t.j=e.vkey,t.g=e.vname,t},x=(e,t,n,l,o,s)=>{if(n!==l){let c=de(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=T(n),s=T(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const i=v(l);if((c||i&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let a=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(y,t):e.removeAttribute(t)):(!c||4&s||o)&&!i&&(l=!0===l?"":l,a?e.setAttributeNS(y,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):de(i,r)?r.slice(2):r[2]+t.slice(3),n&&f.rel(e,t,n,!1),l&&f.ael(e,t,l,!1)}},R=/\s/,T=e=>e?e.split(R):[],E=(e,t,n,l)=>{const o=11===t.k.nodeType&&t.k.host?t.k.host:t.k,s=e&&e.p||g,c=t.p||g;for(l in s)l in c||x(o,l,s[l],void 0,n,t.t);for(l in c)x(o,l,s[l],c[l],n,t.t)},L=(o,r,i,f)=>{let u,d,$,h=r.m[i],p=0;if(l||(s=!0,"slot"===h.v&&(e&&f.classList.add(e+"-s"),h.t|=h.m?2:1)),null!==h.h)u=h.k=a.createTextNode(h.h);else if(1&h.t)u=h.k=a.createTextNode("");else{if(c||(c="svg"===h.v),u=h.k=a.createElementNS(c?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&h.t?"slot-fb":h.v),c&&"foreignObject"===h.v&&(c=!1),E(null,h,c),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),h.m)for(p=0;p<h.m.length;++p)d=L(o,h,p,u),d&&u.appendChild(d);"svg"===h.v?c=!1:"foreignObject"===u.tagName&&(c=!0)}return u["s-hn"]=n,3&h.t&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=h.g||"",$=o&&o.m&&o.m[i],$&&$.v===h.v&&o.k&&P(o.k,!1)),u},P=(e,t)=>{f.t|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(D(o).insertBefore(o,A(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&P(o,t)}f.t&=-2},W=(e,t,l,o,s,c)=>{let r,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=c;++s)o[s]&&(r=L(null,l,s,e),r&&(o[s].k=r,i.insertBefore(r,A(t))))},F=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.k,z(l),o=!0,s["s-ol"]?s["s-ol"].remove():P(s,!0),s.remove())},q=(e,t)=>e.v===t.v&&("slot"!==e.v||e.g===t.g),A=e=>e&&e["s-ol"]||e,D=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,H=(e,t)=>{const n=t.k=e.k,l=e.m,o=t.m,s=t.v,r=t.h;let i;null===r?(c="svg"===s||"foreignObject"!==s&&c,"slot"===s||E(e,t,c),null!==l&&null!==o?((e,t,n,l)=>{let o,s=0,c=0,r=t.length-1,i=t[0],a=t[r],f=l.length-1,u=l[0],d=l[f];for(;s<=r&&c<=f;)null==i?i=t[++s]:null==a?a=t[--r]:null==u?u=l[++c]:null==d?d=l[--f]:q(i,u)?(H(i,u),i=t[++s],u=l[++c]):q(a,d)?(H(a,d),a=t[--r],d=l[--f]):q(i,d)?("slot"!==i.v&&"slot"!==d.v||P(i.k.parentNode,!1),H(i,d),e.insertBefore(i.k,a.k.nextSibling),i=t[++s],d=l[--f]):q(a,u)?("slot"!==i.v&&"slot"!==d.v||P(a.k.parentNode,!1),H(a,u),e.insertBefore(a.k,i.k),a=t[--r],u=l[++c]):(o=L(t&&t[c],n,c,e),u=l[++c],o&&D(i.k).insertBefore(o,A(i.k)));s>r?W(e,null==l[f+1]?null:l[f+1].k,n,l,c,f):c>f&&F(t,s,r)})(n,l,t,o):null!==o?(null!==e.h&&(n.textContent=""),W(n,null,t,o,0,o.length-1)):null!==l&&F(l,0,l.length-1),c&&"svg"===s&&(c=!1)):(i=n["s-cr"])?i.parentNode.textContent=r:e.h!==r&&(n.data=r)},N=e=>{let t,n,l,o,s,c,r=e.childNodes;for(n=0,l=r.length;n<l;n++)if(t=r[n],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<l;o++)if(c=r[o].nodeType,r[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===c&&s===r[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===c||3===c&&""!==r[o].textContent.trim()){t.hidden=!0;break}N(t)}},U=[],V=e=>{let t,n,l,s,c,r,i=0,a=e.childNodes,f=a.length;for(;i<f;i++){if(t=a[i],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],r=l.length-1;r>=0;r--)n=l[r],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(_(n,s)?(c=U.find((e=>e.S===n)),o=!0,n["s-sn"]=n["s-sn"]||s,c?c.O=t:U.push({O:t,S:n}),n["s-sr"]&&U.map((e=>{_(e.S,n["s-sn"])&&(c=U.find((e=>e.S===n)),c&&!e.O&&(e.O=c.O))}))):U.some((e=>e.S===n))||U.push({S:n}));1===t.nodeType&&V(t)}},_=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,z=e=>{e.p&&e.p.ref&&e.p.ref(null),e.m&&e.m.map(z)},B=e=>ae(e).C,G=(e,t,n)=>{const l=B(e);return{emit:e=>I(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},I=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},J=(e,t)=>{t&&!e.M&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.M=t)))},K=(e,t)=>{if(e.t|=16,!(4&e.t))return J(e,e.R),je((()=>Q(e,t)));e.t|=512},Q=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>te(n,e,t))),e.u=null),l=te(n,"componentWillLoad")),l=ne(l,(()=>te(n,"componentWillRender"))),ne(l,(()=>X(e,n,t)))},X=async(e,t,n)=>{const l=e.C,o=l["s-rc"];n&&(e=>{const t=e.T,n=e.C,l=t.t,o=((e,t)=>{let n=w(t),l=me.get(n);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let t,o=b.get(e=e.head||e);o||b.set(e,o=new Set),o.has(n)||(t=a.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);Y(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>Z(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},Y=(c,r)=>{try{r=r.render&&r.render(),c.t&=-17,c.t|=2,((c,r)=>{const i=c.C,u=c.T,d=c.L||j(null,null),$=(e=>e&&e.v===S)(r)?r:k(null,null,r);if(n=i.tagName,u.P&&($.p=$.p||{},u.P.map((([e,t])=>$.p[t]=i[e]))),$.v=null,$.t|=4,c.L=$,$.k=d.k=i.shadowRoot||i,e=i["s-sc"],t=i["s-cr"],l=0!=(1&u.t),o=!1,H(d,$),f.t|=1,s){let e,t,n,l,o,s;V($.k);let c=0;for(;c<U.length;c++)e=U[c],t=e.S,t["s-ol"]||(n=a.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(c=0;c<U.length;c++)if(e=U[c],t=e.S,e.O){for(l=e.O.parentNode,o=e.O.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&N($.k),f.t&=-2,U.length=0})(c,r)}catch(e){$e(e,c.C)}return null},Z=e=>{const t=e.C,n=e.i,l=e.R;te(n,"componentDidRender"),64&e.t||(e.t|=64,le(t),te(n,"componentDidLoad"),e.W(t),l||ee()),e.M&&(e.M(),e.M=void 0),512&e.t&&ke((()=>K(e,!1))),e.t&=-517},ee=()=>{le(a.documentElement),ke((()=>I(i,"appload",{detail:{namespace:"q2-tecton-elements"}})))},te=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){$e(e)}},ne=(e,t)=>e&&e.then?e.then(t):t(),le=e=>e.setAttribute("stencil-hydrated",""),oe=(e,t,n)=>{if(t.F){e.watchers&&(t.q=e.watchers);const l=Object.entries(t.F),o=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(o,e,{get(){return((e,t)=>ae(this).A.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=ae(e),s=o.C,c=o.A.get(t),r=o.t,i=o.i;if(n=((e,t)=>null==e||v(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.F[t][0]),!(8&r&&void 0!==c||n===c)&&(o.A.set(t,n),i)){if(l.q&&128&r){const e=l.q[t];e&&e.map((e=>{try{i[e](n,c,t)}catch(e){$e(e,s)}}))}2==(18&r)&&K(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){f.jmp((()=>{const t=n.get(e);this.hasOwnProperty(t)&&(l=this[t],delete this[t]),this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.P.push([e,o]),o}))}}return e},se=e=>{te(e,"connectedCallback")},ce=(e,t={})=>{const n=[],l=t.exclude||[],o=i.customElements,s=a.head,c=s.querySelector("meta[charset]"),r=a.createElement("style"),u=[];let h,p=!0;Object.assign(f,t),f.l=new URL(t.resourcesUrl||"./",a.baseURI).href,e.map((e=>e[1].map((t=>{const s={t:t[0],$:t[1],F:t[2],D:t[3]};s.F=t[2],s.D=t[3],s.P=[],s.q={};const c=s.$,r=class extends HTMLElement{constructor(e){super(e),ue(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){h&&(clearTimeout(h),h=null),p?u.push(this):f.jmp((()=>(e=>{if(0==(1&f.t)){const t=ae(e),n=t.T,l=()=>{};if(1&t.t)$(e,t,n.D),se(t.i);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=a.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(t,t.R=n);break}}n.F&&Object.entries(n.F).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=pe(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.q=o.watchers,oe(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){$e(e)}t.t&=-9,t.t|=128,e(),se(t.i)}if(o.style){let e=o.style;const t=w(n);if(!me.has(t)){const l=()=>{};((e,t,n)=>{let l=me.get(e);d&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,me.set(e,l)})(t,e,!!(1&n.t)),l()}}}const s=t.R,c=()=>K(t,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>(()=>{if(0==(1&f.t)){const e=ae(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),te(t,"disconnectedCallback")}})()))}componentOnReady(){return ae(this).H}};s.N=e[0],l.includes(c)||o.get(c)||(n.push(c),o.define(c,oe(r,s,1)))})))),r.innerHTML=n+"{visibility:hidden}[stencil-hydrated]{visibility:inherit}",r.setAttribute("data-styles",""),s.insertBefore(r,c?c.nextSibling:s.firstChild),p=!1,u.length?u.map((e=>e.connectedCallback())):f.jmp((()=>h=setTimeout(ee,30)))},re=(e,t)=>t,ie=new WeakMap,ae=e=>ie.get(e),fe=(e,t)=>ie.set(t.i=e,t),ue=(e,t)=>{const n={t:0,C:e,T:t,A:new Map};return n.H=new Promise((e=>n.W=e)),e["s-p"]=[],e["s-rc"]=[],$(e,n,t.D),ie.set(e,n)},de=(e,t)=>t in e,$e=(e,t)=>(0,console.error)(e,t),he=new Map,pe=e=>{const t=e.$.replace(/-/g,"_"),n=e.N,l=he.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(he.set(n,e),e[t])),$e)},me=new Map,ye=[],be=[],we=(e,t)=>n=>{e.push(n),r||(r=!0,t&&4&f.t?ke(ve):f.raf(ve))},ge=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){$e(e)}e.length=0},ve=()=>{ge(ye),ge(be),(r=ye.length>0)&&f.raf(ve)},ke=e=>u().then(e),je=we(be,!0);export{re as F,S as H,ce as b,G as c,B as g,k as h,u as p,fe as r}