q2-tecton-elements 1.12.1 → 1.13.1

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 (219) hide show
  1. package/dist/cjs/click-elsewhere.cjs.entry.js +5 -7
  2. package/dist/cjs/{icons-9bd0febe.js → icons-08ffe5c9.js} +386 -386
  3. package/dist/cjs/{index-c2e53804.js → index-7febb200.js} +112 -65
  4. package/dist/cjs/{index-773c3eec.js → index-dd823ee6.js} +2 -2
  5. package/dist/cjs/loader.cjs.js +3 -3
  6. package/dist/cjs/q2-avatar.cjs.entry.js +2 -2
  7. package/dist/cjs/q2-badge.cjs.entry.js +43 -0
  8. package/dist/cjs/q2-btn_2.cjs.entry.js +13 -13
  9. package/dist/cjs/q2-calendar.cjs.entry.js +42 -59
  10. package/dist/cjs/q2-card.cjs.entry.js +43 -5
  11. package/dist/cjs/q2-carousel-pane.cjs.entry.js +5 -5
  12. package/dist/cjs/q2-carousel.cjs.entry.js +318 -106
  13. package/dist/cjs/q2-checkbox-group.cjs.entry.js +3 -3
  14. package/dist/cjs/q2-checkbox.cjs.entry.js +8 -11
  15. package/dist/cjs/q2-dropdown-item.cjs.entry.js +7 -7
  16. package/dist/cjs/q2-dropdown.cjs.entry.js +9 -18
  17. package/dist/cjs/q2-editable-field.cjs.entry.js +5 -8
  18. package/dist/cjs/q2-icon.cjs.entry.js +3 -3
  19. package/dist/cjs/q2-input.cjs.entry.js +431 -434
  20. package/dist/cjs/q2-loading-element.cjs.entry.js +3 -3
  21. package/dist/cjs/q2-loc.cjs.entry.js +2 -2
  22. package/dist/cjs/q2-message.cjs.entry.js +5 -5
  23. package/dist/cjs/q2-optgroup.cjs.entry.js +3 -3
  24. package/dist/cjs/q2-option-list.cjs.entry.js +5 -3
  25. package/dist/cjs/q2-option.cjs.entry.js +1 -1
  26. package/dist/cjs/q2-pagination.cjs.entry.js +6 -8
  27. package/dist/cjs/q2-pill.cjs.entry.js +9 -9
  28. package/dist/cjs/q2-radio-group.cjs.entry.js +4 -7
  29. package/dist/cjs/q2-radio.cjs.entry.js +2 -2
  30. package/dist/cjs/q2-section.cjs.entry.js +5 -7
  31. package/dist/cjs/q2-select.cjs.entry.js +17 -29
  32. package/dist/cjs/q2-stepper-pane.cjs.entry.js +42 -4
  33. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +278 -0
  34. package/dist/cjs/q2-stepper.cjs.entry.js +10 -12
  35. package/dist/cjs/q2-tab-container.cjs.entry.js +8 -8
  36. package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
  37. package/dist/cjs/q2-tag.cjs.entry.js +4 -4
  38. package/dist/cjs/q2-tecton-elements.cjs.js +3 -3
  39. package/dist/cjs/q2-textarea.cjs.entry.js +8 -8
  40. package/dist/cjs/{shapes-086c0365.js → shapes-305746b5.js} +9 -16
  41. package/dist/cjs/tecton-tab-pane.cjs.entry.js +2 -5
  42. package/dist/collection/collection-manifest.json +5 -3
  43. package/dist/collection/components/click-elsewhere/index.js +4 -6
  44. package/dist/collection/components/q2-badge/index.js +148 -0
  45. package/dist/collection/components/q2-badge/styles.css +134 -0
  46. package/dist/collection/components/q2-btn/index.js +14 -14
  47. package/dist/collection/components/q2-calendar/helpers.js +16 -20
  48. package/dist/collection/components/q2-calendar/index.js +21 -36
  49. package/dist/collection/components/q2-calendar/styles.css +1 -1
  50. package/dist/collection/components/q2-calendar/validation.js +4 -2
  51. package/dist/collection/components/q2-card/index.js +59 -2
  52. package/dist/collection/components/q2-card/styles.css +17 -1
  53. package/dist/collection/components/q2-carousel/index.js +11 -16
  54. package/dist/collection/components/q2-carousel/styles.css +3 -3
  55. package/dist/collection/components/q2-carousel-pane/index.js +2 -2
  56. package/dist/collection/components/q2-carousel-pane/styles.css +8 -3
  57. package/dist/collection/components/q2-checkbox/index.js +8 -11
  58. package/dist/collection/components/q2-checkbox/styles.css +1 -1
  59. package/dist/collection/components/q2-checkbox-group/index.js +1 -1
  60. package/dist/collection/components/q2-dropdown/index.js +6 -15
  61. package/dist/collection/components/q2-dropdown/styles.css +3 -3
  62. package/dist/collection/components/q2-dropdown-item/index.js +5 -5
  63. package/dist/collection/components/q2-editable-field/index.js +3 -6
  64. package/dist/collection/components/q2-icon/icons.js +385 -385
  65. package/dist/collection/components/q2-input/formatting/credit-card.js +15 -13
  66. package/dist/collection/components/q2-input/formatting/currency.js +162 -162
  67. package/dist/collection/components/q2-input/formatting/date.js +1 -1
  68. package/dist/collection/components/q2-input/formatting/generic.js +7 -8
  69. package/dist/collection/components/q2-input/formatting/number.js +6 -9
  70. package/dist/collection/components/q2-input/formatting/numeric.js +5 -5
  71. package/dist/collection/components/q2-input/formatting/phone.js +215 -215
  72. package/dist/collection/components/q2-input/formatting/postal.js +1 -1
  73. package/dist/collection/components/q2-input/index.js +20 -21
  74. package/dist/collection/components/q2-input/styles.css +19 -6
  75. package/dist/collection/components/q2-loading/index.js +4 -4
  76. package/dist/collection/components/q2-loading/skeleton/q2-loading-element/index.js +1 -1
  77. package/dist/collection/components/q2-loading/skeleton/shapes.js +8 -15
  78. package/dist/collection/components/q2-loading/styles.css +1 -1
  79. package/dist/collection/components/q2-message/index.js +3 -3
  80. package/dist/collection/components/q2-optgroup/index.js +1 -1
  81. package/dist/collection/components/q2-option-list/index.js +4 -2
  82. package/dist/collection/components/q2-pagination/index.js +4 -6
  83. package/dist/collection/components/q2-pill/index.js +8 -8
  84. package/dist/collection/components/q2-pill/styles.css +3 -1
  85. package/dist/collection/components/q2-radio-group/index.js +3 -6
  86. package/dist/collection/components/q2-section/index.js +5 -7
  87. package/dist/collection/components/q2-select/index.js +15 -27
  88. package/dist/collection/components/q2-select/styles.css +4 -4
  89. package/dist/collection/components/q2-stepper/index.js +8 -10
  90. package/dist/collection/components/q2-stepper/styles.css +3 -3
  91. package/dist/collection/components/q2-stepper-pane/index.js +133 -5
  92. package/dist/collection/components/q2-stepper-vertical/index.js +346 -0
  93. package/dist/collection/components/q2-stepper-vertical/styles.css +273 -0
  94. package/dist/collection/components/q2-tab-container/index.js +7 -7
  95. package/dist/collection/components/q2-tag/index.js +3 -3
  96. package/dist/collection/components/q2-textarea/index.js +6 -6
  97. package/dist/collection/components/tecton-tab-pane/index.js +3 -10
  98. package/dist/collection/utils/index.js +1 -1
  99. package/dist/esm/click-elsewhere.entry.js +5 -7
  100. package/dist/esm/{icons-6a143c2f.js → icons-b1e11526.js} +386 -386
  101. package/dist/esm/{index-fa32f694.js → index-0ff8de52.js} +2 -2
  102. package/dist/esm/{index-be8376c0.js → index-dbfb3ecc.js} +112 -65
  103. package/dist/esm/loader.js +3 -3
  104. package/dist/esm/polyfills/css-shim.js +1 -1
  105. package/dist/esm/q2-avatar.entry.js +2 -2
  106. package/dist/esm/q2-badge.entry.js +39 -0
  107. package/dist/esm/q2-btn_2.entry.js +13 -13
  108. package/dist/esm/q2-calendar.entry.js +42 -59
  109. package/dist/esm/q2-card.entry.js +43 -5
  110. package/dist/esm/q2-carousel-pane.entry.js +5 -5
  111. package/dist/esm/q2-carousel.entry.js +318 -106
  112. package/dist/esm/q2-checkbox-group.entry.js +3 -3
  113. package/dist/esm/q2-checkbox.entry.js +8 -11
  114. package/dist/esm/q2-dropdown-item.entry.js +7 -7
  115. package/dist/esm/q2-dropdown.entry.js +9 -18
  116. package/dist/esm/q2-editable-field.entry.js +5 -8
  117. package/dist/esm/q2-icon.entry.js +3 -3
  118. package/dist/esm/q2-input.entry.js +431 -434
  119. package/dist/esm/q2-loading-element.entry.js +3 -3
  120. package/dist/esm/q2-loc.entry.js +2 -2
  121. package/dist/esm/q2-message.entry.js +5 -5
  122. package/dist/esm/q2-optgroup.entry.js +3 -3
  123. package/dist/esm/q2-option-list.entry.js +5 -3
  124. package/dist/esm/q2-option.entry.js +1 -1
  125. package/dist/esm/q2-pagination.entry.js +6 -8
  126. package/dist/esm/q2-pill.entry.js +9 -9
  127. package/dist/esm/q2-radio-group.entry.js +4 -7
  128. package/dist/esm/q2-radio.entry.js +2 -2
  129. package/dist/esm/q2-section.entry.js +5 -7
  130. package/dist/esm/q2-select.entry.js +17 -29
  131. package/dist/esm/q2-stepper-pane.entry.js +42 -4
  132. package/dist/esm/q2-stepper-vertical.entry.js +274 -0
  133. package/dist/esm/q2-stepper.entry.js +10 -12
  134. package/dist/esm/q2-tab-container.entry.js +8 -8
  135. package/dist/esm/q2-tab-pane.entry.js +1 -1
  136. package/dist/esm/q2-tag.entry.js +4 -4
  137. package/dist/esm/q2-tecton-elements.js +3 -3
  138. package/dist/esm/q2-textarea.entry.js +8 -8
  139. package/dist/esm/{shapes-81c11dfe.js → shapes-cff4e1f0.js} +9 -16
  140. package/dist/esm/tecton-tab-pane.entry.js +2 -5
  141. package/dist/loader/index.d.ts +0 -1
  142. package/dist/q2-tecton-elements/{p-a0248299.entry.js → p-00e8f782.entry.js} +1 -1
  143. package/dist/q2-tecton-elements/p-0900bec1.entry.js +1 -0
  144. package/dist/q2-tecton-elements/{p-f98dc161.entry.js → p-10264ecb.entry.js} +1 -1
  145. package/dist/q2-tecton-elements/{p-0a7cff38.entry.js → p-1305ec5f.entry.js} +1 -1
  146. package/dist/q2-tecton-elements/p-148391d6.entry.js +1 -0
  147. package/dist/q2-tecton-elements/p-1dfaee64.entry.js +1 -0
  148. package/dist/q2-tecton-elements/{p-32ad664c.entry.js → p-221abbf6.entry.js} +1 -1
  149. package/dist/q2-tecton-elements/{p-c90a6016.js → p-255b2b4c.js} +1 -1
  150. package/dist/q2-tecton-elements/p-27736b6b.entry.js +1 -0
  151. package/dist/q2-tecton-elements/p-2846ab94.entry.js +1 -0
  152. package/dist/q2-tecton-elements/{p-167a19fd.entry.js → p-2bc1de01.entry.js} +1 -1
  153. package/dist/q2-tecton-elements/{p-8ea2c4f7.entry.js → p-2c15414c.entry.js} +1 -1
  154. package/dist/q2-tecton-elements/p-2caa89fd.js +1 -0
  155. package/dist/q2-tecton-elements/p-327cca41.entry.js +1 -0
  156. package/dist/q2-tecton-elements/{p-54f0d64e.entry.js → p-3a420dbf.entry.js} +1 -1
  157. package/dist/q2-tecton-elements/{p-c460e5ed.entry.js → p-3a64e5ce.entry.js} +1 -1
  158. package/dist/q2-tecton-elements/{p-aca8302b.entry.js → p-3abcb09d.entry.js} +1 -1
  159. package/dist/q2-tecton-elements/{p-08668234.entry.js → p-3fe98e3e.entry.js} +1 -1
  160. package/dist/q2-tecton-elements/{p-c5199147.entry.js → p-430a979b.entry.js} +1 -1
  161. package/dist/q2-tecton-elements/{p-fa9e3825.entry.js → p-45eb7739.entry.js} +1 -1
  162. package/dist/q2-tecton-elements/{p-750bcd33.entry.js → p-49b2abc4.entry.js} +1 -1
  163. package/dist/q2-tecton-elements/{p-d9bc6494.entry.js → p-4ab30466.entry.js} +1 -1
  164. package/dist/q2-tecton-elements/p-5bbf2bfe.entry.js +1 -0
  165. package/dist/q2-tecton-elements/p-6fec9235.entry.js +1 -0
  166. package/dist/q2-tecton-elements/{p-3c6f73cb.js → p-824aebd9.js} +1 -1
  167. package/dist/q2-tecton-elements/{p-91dba21f.entry.js → p-a4ae89cc.entry.js} +1 -1
  168. package/dist/q2-tecton-elements/{p-d3058002.entry.js → p-a5562aaa.entry.js} +1 -1
  169. package/dist/q2-tecton-elements/{p-5effd81a.entry.js → p-ae130f70.entry.js} +1 -1
  170. package/dist/q2-tecton-elements/p-b2302cd3.entry.js +1 -0
  171. package/dist/q2-tecton-elements/p-c20cbb2d.entry.js +1 -0
  172. package/dist/q2-tecton-elements/p-ca7a3380.entry.js +1 -0
  173. package/dist/q2-tecton-elements/{p-9a3c37ab.entry.js → p-d33e152c.entry.js} +1 -1
  174. package/dist/q2-tecton-elements/{p-9024859f.entry.js → p-d5218cd6.entry.js} +1 -1
  175. package/dist/q2-tecton-elements/{p-54300d2f.entry.js → p-d52b435e.entry.js} +1 -1
  176. package/dist/q2-tecton-elements/{p-c3d68d5c.js → p-dd02cf8d.js} +1 -1
  177. package/dist/q2-tecton-elements/{p-30bf5f44.entry.js → p-e0e7ae8b.entry.js} +1 -1
  178. package/dist/q2-tecton-elements/p-ede12fc1.entry.js +1 -0
  179. package/dist/q2-tecton-elements/{p-af202624.entry.js → p-fdfbe75b.entry.js} +1 -1
  180. package/dist/q2-tecton-elements/p-ffbded54.entry.js +1 -0
  181. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  182. package/dist/test/elements/q2-tag-test.js +6 -6
  183. package/dist/test/helpers.js +7 -7
  184. package/dist/types/components/q2-badge/index.d.ts +13 -0
  185. package/dist/types/components/q2-btn/index.d.ts +3 -3
  186. package/dist/types/components/q2-calendar/index.d.ts +1 -1
  187. package/dist/types/components/q2-calendar/validation.d.ts +1 -1
  188. package/dist/types/components/q2-card/index.d.ts +4 -0
  189. package/dist/types/components/q2-dropdown/index.d.ts +1 -1
  190. package/dist/types/components/q2-editable-field/index.d.ts +1 -1
  191. package/dist/types/components/q2-input/formatting/credit-card.d.ts +1 -3
  192. package/dist/types/components/q2-input/index.d.ts +2 -2
  193. package/dist/types/components/q2-option-list/index.d.ts +1 -1
  194. package/dist/types/components/q2-pill/index.d.ts +1 -1
  195. package/dist/types/components/q2-select/index.d.ts +1 -1
  196. package/dist/types/components/q2-stepper/index.d.ts +1 -1
  197. package/dist/types/components/q2-stepper-pane/index.d.ts +16 -1
  198. package/dist/types/components/q2-stepper-vertical/index.d.ts +52 -0
  199. package/dist/types/components/q2-tab-container/index.d.ts +1 -1
  200. package/dist/types/components/tecton-tab-pane/index.d.ts +2 -2
  201. package/dist/types/components.d.ts +63 -13
  202. package/dist/types/global.d.ts +1 -0
  203. package/dist/types/stencil-public-runtime.d.ts +6 -4
  204. package/dist/types/util.d.ts +2 -10
  205. package/dist/types/workspace/workspace/{tecton-production_release_1.12.x → tecton-production_release_1.13.x}/packages/q2-tecton-elements/.stencil/test/elements/q2-tag-test.d.ts +0 -0
  206. package/dist/types/workspace/workspace/{tecton-production_release_1.12.x → tecton-production_release_1.13.x}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +2 -2
  207. package/package.json +13 -13
  208. package/dist/q2-tecton-elements/p-080839ed.js +0 -1
  209. package/dist/q2-tecton-elements/p-2afdc922.entry.js +0 -1
  210. package/dist/q2-tecton-elements/p-34415315.entry.js +0 -1
  211. package/dist/q2-tecton-elements/p-5b906cf1.entry.js +0 -1
  212. package/dist/q2-tecton-elements/p-7ce98c1a.entry.js +0 -1
  213. package/dist/q2-tecton-elements/p-b9c2c1d3.entry.js +0 -1
  214. package/dist/q2-tecton-elements/p-c5e6f7fa.entry.js +0 -1
  215. package/dist/q2-tecton-elements/p-d65aaed2.entry.js +0 -1
  216. package/dist/q2-tecton-elements/p-df86f160.entry.js +0 -1
  217. package/dist/q2-tecton-elements/p-e38080d2.entry.js +0 -1
  218. package/dist/q2-tecton-elements/p-e9d69ba8.entry.js +0 -1
  219. package/dist/q2-tecton-elements/p-fe6407a4.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as r,F as i,g as o}from"./p-2caa89fd.js";import{b as s,o as a,i as l,l as p}from"./p-dd02cf8d.js";s();const n=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.currentStep=1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scheduledAfterRender=[],this.onSlotChange=()=>{this.checkForPanes(),this.checkScrollState()},this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-e:e,behavior:"smooth"})},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:i,lastEnabledStep:o}=this;e>o||e===r||this.change.emit({selectedStep:e,lastEnabledStep:o,currentStep:r,stepCount:i})},this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:i}=this,{key:o}=t;let s;switch(o){case"ArrowLeft":t.preventDefault(),s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault(),s=Math.min(e+1,i);break;case"Home":t.preventDefault(),s=1;break;case"End":t.preventDefault(),s=r}s&&this.focusStep(s,!0)},this.checkForPanes=()=>{const{allPanes:t}=this;t.length&&(this.stepCount=t.length)},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r,this.showScrollLeft=!!t,this.showScrollRight=e!==t+r}}componentWillLoad(){this.lastEnabledStep||(this.lastEnabledStep=this.currentStep||1),this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),a(this.hostElement),setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStep=t.detail.selectedStep)}delegateFocus(t){l(t,this.hostElement)&&this.focusStep(this.currentStep,!0,!0)}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t,this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t,e;return null===(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===e?void 0:e.call(t)}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e,r){var i;const o=this.listElement.children[t-1],s=document.activeElement===this.hostElement;o&&((s||r)&&(null===(i=o.firstElementChild)||void 0===i||i.focus()),e)&&this.listElement.scrollTo({left:o.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"})}renderStepBtn(t){var e;const{allPanes:o,stepCount:s,currentStep:a,lastEnabledStep:l}=this,{id:n,label:c,description:d}=null!==(e=null==o?void 0:o[t])&&void 0!==e?e:{},b=t+1,h=b===a,v=c&&`label-${n}`,u=c&&d&&`description-${n}`,g=!c&&p("tecton.element.stepper.number",[`${b}`,`${s}`]);return r("li",{role:"presentation"},r("button",{class:"step-btn",type:"button","aria-labelledby":v,"aria-describedBy":u,"aria-label":g,"aria-selected":h,"aria-controls":n,"aria-disabled":b>l?"true":null,role:"tab",tabIndex:h?0:-1,onKeyDown:t=>this.onStepKeyDown(t,b),onClick:t=>this.onStepClick(t,b)},r("div",{class:"step-bubble"},b),c&&r(i,null,r("div",{class:"step-label",id:v},p(c)),d&&r("div",{class:"step-description",id:u},p(d)))),t?r("hr",null):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:o,showScrollRight:s}=this,a=["step-container"];return e&&a.push("has-scroll"),r(i,null,r("div",{class:a.join(" ")},e&&r(i,null,r("div",{class:"gradient-left",hidden:!o}),r("div",{class:"gradient-right",hidden:!s}),r("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{type:"chevron-left"})),r("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{type:"chevron-right"}))),r("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",null,r("slot",{onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return o(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};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{display:block;position:relative}ul{--comp-bullet-bg:var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1)));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-bullet-size, var(--t-stepper-bullet-size, 18px));--comp-bullet-gap:var(--tct-stepper-bullet-padding, var(--t-stepper-bullet-padding, var(--app-scale-2x, 10px)));--comp-bullet-border-offset:var(--tct-stepper-bullet-border-offset, var(--t-stepper-bullet-border-offset, 4px));--comp-bullet-border:var(--tct-stepper-bullet-border, var(--t-stepper-bullet-border, 2px solid var(--t-primary-l3)));--comp-bullet-font-size:var(--tct-stepper-bullet-font-size, var(--t-stepper-bullet-font-size, var(--app-font-size-small, 12px)));--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none}.step-btn[aria-disabled]{cursor:default}.step-btn[aria-disabled],.step-btn[aria-disabled]+hr{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-bg:var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray-12, #d9d9d9)))}.step-bubble{margin:var(--comp-bullet-gap) auto;background:var(--comp-bullet-bg);color:var(--comp-bullet-font-color);width:var(--comp-bullet-size);height:var(--comp-bullet-size);min-height:var(--comp-bullet-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}[aria-selected] .step-bubble{font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}[aria-selected] .step-bubble:before{content:"";position:absolute;inset:calc(var(--comp-bullet-border-offset) * -1);width:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));height:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));border-radius:50%;border:var(--comp-bullet-border)}hr{width:calc(var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size));top:calc(var(--comp-bullet-size) / 2 + var(--comp-bullet-gap));left:calc(var(--comp-step-width) * -0.5 + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-bg);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d)));font-size:var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px)));height:1.5em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding-bottom:0.2em}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to right, var(--t-base), var(--t-base-a0));left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base));right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left{left:0}.btn-right{right:0}';export{n as q2_stepper}
@@ -1 +1 @@
1
- import{r as t,h as e,H as i,g as o}from"./p-080839ed.js";const a=class{constructor(e){t(this,e),this.role="option",this.tabindex="-1",this._multiSelectHidden=!1}render(){const{disabled:t,disabledGroup:o,selected:a,_multiSelectHidden:n}=this;return e(i,{"aria-disabled":t||o?"true":void 0,"aria-selected":a?"true":void 0,"aria-hidden":n?"true":void 0},this.selected&&e("q2-icon",{type:"checkmark"}),e("div",{class:"content"},e("slot",null)))}get hostElement(){return o(this)}};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}:host{padding:0 var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;align-items:center;cursor:pointer;grid-template-columns:var(--tct-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3, 15px))) 1fr;align-items:center;grid-template-areas:"icon content";gap:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([_no-select]){grid-template-columns:1fr;grid-template-areas:"content"}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host(:not([aria-disabled]):hover),:host([active]),:host(:focus){background-color:var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))}q2-icon{grid-area:icon;--tct-icon-size:var(--tct-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3, 15px)))}.content{display:block;grid-area:content}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}';export{a as q2_option}
1
+ import{r as t,h as e,H as i,g as o}from"./p-2caa89fd.js";const a=class{constructor(e){t(this,e),this.role="option",this.tabindex="-1",this._multiSelectHidden=!1}render(){const{disabled:t,disabledGroup:o,selected:a,_multiSelectHidden:n}=this;return e(i,{"aria-disabled":t||o?"true":void 0,"aria-selected":a?"true":void 0,"aria-hidden":n?"true":void 0},this.selected&&e("q2-icon",{type:"checkmark"}),e("div",{class:"content"},e("slot",null)))}get hostElement(){return o(this)}};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}:host{padding:0 var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;align-items:center;cursor:pointer;grid-template-columns:var(--tct-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3, 15px))) 1fr;align-items:center;grid-template-areas:"icon content";gap:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([_no-select]){grid-template-columns:1fr;grid-template-areas:"content"}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host(:not([aria-disabled]):hover),:host([active]),:host(:focus){background-color:var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))}q2-icon{grid-area:icon;--tct-icon-size:var(--tct-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3, 15px)))}.content{display:block;grid-area:content}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}';export{a as q2_option}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-080839ed.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-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
+ import{r as t,h as e,g as i}from"./p-2caa89fd.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-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}
@@ -0,0 +1 @@
1
+ let e,t,n,l=!1,o=!1,s=!1,r=!1,c=!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})(),h=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=$(e,n),r=p(t,o),c=m(n);f.ael(s,l,r,c),(t.o=t.o||[]).push((()=>f.rel(s,l,r,c)))}))},p=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){he(e)}},$=(e,t)=>8&t?i:e,m=e=>0!=(2&e),b="http://www.w3.org/1999/xlink",y=new WeakMap,w=e=>"sc-"+e.h,g={},v=e=>"object"==(e=typeof e)||"function"===e,j=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1,c=[];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&&r?c[c.length-1].p+=l:c.push(s?k(null,l):l),r=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,c,O);const a=k(e,null);return a.$=t,c.length>0&&(a.m=c),a.g=o,a},k=(e,t)=>({t:0,v:e,p:t,j:null,m:null,$: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.$,vchildren:e.m,vkey:e.k,vname:e.g,vtag:e.v,vtext:e.p}),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),j(e.vtag,t,...e.vchildren||[])}const t=k(e.vtag,e.vtext);return t.$=e.vattrs,t.m=e.vchildren,t.k=e.vkey,t.g=e.vname,t},x=(e,t,n,l,o,s)=>{if(n!==l){let r=de(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=P(n),s=P(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(r||"o"!==t[0]||"n"!==t[1]){const i=v(l);if((r||i&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let a=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(b,t):e.removeAttribute(t)):(!r||4&s||o)&&!i&&(l=!0===l?"":l,a?e.setAttributeNS(b,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):de(i,c)?c.slice(2):c[2]+t.slice(3),n&&f.rel(e,t,n,!1),l&&f.ael(e,t,l,!1)}},R=/\s/,P=e=>e?e.split(R):[],T=(e,t,n,l)=>{const o=11===t.j.nodeType&&t.j.host?t.j.host:t.j,s=e&&e.$||g,r=t.$||g;for(l in s)l in r||x(o,l,s[l],void 0,n,t.t);for(l in r)x(o,l,s[l],r[l],n,t.t)},W=(o,c,i,f)=>{let u,d,h,p=c.m[i],$=0;if(l||(s=!0,"slot"===p.v&&(e&&f.classList.add(e+"-s"),p.t|=p.m?2:1)),null!==p.p)u=p.j=a.createTextNode(p.p);else if(1&p.t)u=p.j=a.createTextNode("");else{if(r||(r="svg"===p.v),u=p.j=a.createElementNS(r?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&p.t?"slot-fb":p.v),r&&"foreignObject"===p.v&&(r=!1),T(null,p,r),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),p.m)for($=0;$<p.m.length;++$)d=W(o,p,$,u),d&&u.appendChild(d);"svg"===p.v?r=!1:"foreignObject"===u.tagName&&(r=!0)}return u["s-hn"]=n,3&p.t&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=p.g||"",h=o&&o.m&&o.m[i],h&&h.v===p.v&&o.j&&E(o.j,!1)),u},E=(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"]&&(q(o).insertBefore(o,U(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&E(o,t)}f.t&=-2},L=(e,t,l,o,s,r)=>{let c,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=W(null,l,s,e),c&&(o[s].j=c,i.insertBefore(c,U(t))))},N=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.j,z(l),o=!0,s["s-ol"]?s["s-ol"].remove():E(s,!0),s.remove())},F=(e,t)=>e.v===t.v&&("slot"!==e.v||e.g===t.g),U=e=>e&&e["s-ol"]||e,q=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,A=(e,t)=>{const n=t.j=e.j,l=e.m,o=t.m,s=t.v,c=t.p;let i;null===c?(r="svg"===s||"foreignObject"!==s&&r,"slot"===s||T(e,t,r),null!==l&&null!==o?((e,t,n,l)=>{let o,s=0,r=0,c=t.length-1,i=t[0],a=t[c],f=l.length-1,u=l[0],d=l[f];for(;s<=c&&r<=f;)null==i?i=t[++s]:null==a?a=t[--c]:null==u?u=l[++r]:null==d?d=l[--f]:F(i,u)?(A(i,u),i=t[++s],u=l[++r]):F(a,d)?(A(a,d),a=t[--c],d=l[--f]):F(i,d)?("slot"!==i.v&&"slot"!==d.v||E(i.j.parentNode,!1),A(i,d),e.insertBefore(i.j,a.j.nextSibling),i=t[++s],d=l[--f]):F(a,u)?("slot"!==i.v&&"slot"!==d.v||E(a.j.parentNode,!1),A(a,u),e.insertBefore(a.j,i.j),a=t[--c],u=l[++r]):(o=W(t&&t[r],n,r,e),u=l[++r],o&&q(i.j).insertBefore(o,U(i.j)));s>c?L(e,null==l[f+1]?null:l[f+1].j,n,l,r,f):r>f&&N(t,s,c)})(n,l,t,o):null!==o?(null!==e.p&&(n.textContent=""),L(n,null,t,o,0,o.length-1)):null!==l&&N(l,0,l.length-1),r&&"svg"===s&&(r=!1)):(i=n["s-cr"])?i.parentNode.textContent=c:e.p!==c&&(n.data=c)},D=e=>{let t,n,l,o,s,r,c=e.childNodes;for(n=0,l=c.length;n<l;n++)if(t=c[n],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<l;o++)if(r=c[o].nodeType,c[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===r&&s===c[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===r||3===r&&""!==c[o].textContent.trim()){t.hidden=!0;break}D(t)}},H=[],V=e=>{let t,n,l,s,r,c,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"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(_(n,s)?(r=H.find((e=>e.S===n)),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.O=t:H.push({O:t,S:n}),n["s-sr"]&&H.map((e=>{_(e.S,n["s-sn"])&&(r=H.find((e=>e.S===n)),r&&!e.O&&(e.O=r.O))}))):H.some((e=>e.S===n))||H.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.$&&e.$.ref&&e.$.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),ke((()=>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=te(n,"componentWillUpdate"),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.P,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=y.get(e=e.head||e);o||y.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=(r,c)=>{try{c=c.render&&c.render(),r.t&=-17,r.t|=2,((r,c)=>{const i=r.C,u=r.P,d=r.T||k(null,null),h=(e=>e&&e.v===S)(c)?c:j(null,null,c);if(n=i.tagName,u.W&&(h.$=h.$||{},u.W.map((([e,t])=>h.$[t]=i[e]))),h.v=null,h.t|=4,r.T=h,h.j=d.j=i.shadowRoot||i,e=i["s-sc"],t=i["s-cr"],l=0!=(1&u.t),o=!1,A(d,h),f.t|=1,s){let e,t,n,l,o,s;V(h.j);let r=0;for(;r<H.length;r++)e=H[r],t=e.S,t["s-ol"]||(n=a.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(r=0;r<H.length;r++)if(e=H[r],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&&D(h.j),f.t&=-2,H.length=0})(r,c)}catch(e){he(e,r.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.L(t),l||ee()),e.N(t),e.M&&(e.M(),e.M=void 0),512&e.t&&je((()=>K(e,!1))),e.t&=-517},ee=()=>{le(a.documentElement),je((()=>I(i,"appload",{detail:{namespace:"q2-tecton-elements"}})))},te=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){he(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.U=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).q.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=ae(e),s=o.C,r=o.q.get(t),c=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&c)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.q.set(t,n),i)){if(l.U&&128&c){const e=l.U[t];e&&e.map((e=>{try{i[e](n,r,t)}catch(e){he(e,s)}}))}2==(18&c)&&K(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=ae(this);return n.A.then((()=>n.i[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){f.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;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.W.push([e,o]),o}))}}return e},se=e=>{te(e,"connectedCallback")},re=(e,t={})=>{const n=[],l=t.exclude||[],o=i.customElements,s=a.head,r=s.querySelector("meta[charset]"),c=a.createElement("style"),u=[];let 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],h:t[1],F:t[2],D:t[3]};s.F=t[2],s.D=t[3],s.W=[],s.U={};const r=s.h,c=class extends HTMLElement{constructor(e){super(e),ue(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){p&&(clearTimeout(p),p=null),$?u.push(this):f.jmp((()=>(e=>{if(0==(1&f.t)){const t=ae(e),n=t.P,l=()=>{};if(1&t.t)h(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=$e(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.U=o.watchers,oe(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){he(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,r=()=>K(t,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(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.V=e[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,oe(c,s,1)))}))})),c.innerHTML=n+"{visibility:hidden}[stencil-hydrated]{visibility:inherit}",c.setAttribute("data-styles",""),s.insertBefore(c,r?r.nextSibling:s.firstChild),$=!1,u.length?u.map((e=>e.connectedCallback())):f.jmp((()=>p=setTimeout(ee,30)))},ce=(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,P:t,q:new Map};return n.A=new Promise((e=>n.N=e)),n.H=new Promise((e=>n.L=e)),e["s-p"]=[],e["s-rc"]=[],h(e,n,t.D),ie.set(e,n)},de=(e,t)=>t in e,he=(e,t)=>(0,console.error)(e,t),pe=new Map,$e=e=>{const t=e.h.replace(/-/g,"_"),n=e.V,l=pe.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(pe.set(n,e),e[t])),he)},me=new Map,be=[],ye=[],we=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&f.t?je(ve):f.raf(ve))},ge=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){he(e)}e.length=0},ve=()=>{ge(be),ge(ye),(c=be.length>0)&&f.raf(ve)},je=e=>u().then(e),ke=we(ye,!0);export{ce as F,S as H,re as b,G as c,B as g,j as h,u as p,fe as r}
@@ -0,0 +1 @@
1
+ import{r as t,h as r,F as e,g as o}from"./p-2caa89fd.js";const a=class{constructor(r){t(this,r),this.value=0}get badgeText(){const t=Math.pow(10,this.maxLength||2)-1;let r=this.value||0;return r=isNaN(r)||r<=0?"":r<=t?Number(r).toLocaleString():Number(t).toLocaleString()+"+",r}generateMarkup(){const t=["badge"];return this.badgeText&&t.push(`digit-${this.badgeText.length}`),"large"===this.size&&t.push("size-large"),r("div",{class:"badge-wrapper"},r("slot",null),r("div",{class:t.join(" ")},r("span",{class:"badge-text"},this.badgeText)))}render(){return r(e,null,this.badgeText?this.generateMarkup():r("slot",null))}get hostElement(){return o(this)}};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}:host{display:inline-block}.badge-wrapper{--comp-badge-background:var(--t-primary, #61c4ff);--comp-badge-color:var(--t-primary-text, #ffffff)}:host([status=info]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-info, #0079C1);--comp-badge-color:var(--const-stoplight-info-text, #ffffff)}:host([status=alert]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-alert, #C30000);--comp-badge-color:var(--const-stoplight-alert-text, #ffffff)}:host([status=warning]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-warning, #F0B400);--comp-badge-color:var(--const-stoplight-warning-text, #423535)}:host([status=success]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-success, #0E8A00);--comp-badge-color:var(--const-stoplight-success-text, #ffffff)}:host([theme=primary]) .badge-wrapper{--comp-badge-background:var(--t-primary, #61c4ff);--comp-badge-color:var(--t-primary-text, #ffffff);--comp-badge-border-color:var(--t-primary-l1, #61c4ff)}:host([theme=secondary]) .badge-wrapper{--comp-badge-background:var(--t-secondary, #61c4ff);--comp-badge-color:var(--t-secondary-text, #ffffff);--comp-badge-border-color:var(--t-secondary-l1, #61c4ff)}:host([theme=tertiary]) .badge-wrapper{--comp-badge-background:var(--t-tertiary, #0079C1);--comp-badge-color:var(--t-tertiary-text, #000000);--comp-badge-border-color:var(--t-tertiary-l1, #61c4ff)}.badge{font-size:10px;line-height:16px;height:16px;min-width:16px;background-color:var(--comp-badge-background);text-align:center;padding:0 4px;color:var(--comp-badge-color);border-color:var(--comp-badge-border-color);border-width:thin;border-radius:8px}.badge.size-large{font-size:14px;height:22px;min-width:22px;border-radius:11px;line-height:22px;padding:0 6px}.badge-wrapper{display:flex;align-items:center;justify-content:center}";export{a as q2_badge}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,H as o,g as e}from"./p-080839ed.js";import{o as r,i as n}from"./p-c3d68d5c.js";const a=class{constructor(s){t(this,s),this.change=i(this,"change",7),this.optionListState=i(this,"optionListState",7),this.role="listbox",this.direction="down",this.selectedOptions=[],this.scheduledAfterRender=[],this.keydownHandler=(t,i)=>{t.stopPropagation();const{activeIndex:s,customSearch:o,allOptions:e}=this,{key:r,shiftKey:n}=t;let a;switch(r){case" ":case"Enter":if(i){this.setDefaultActiveElement();break}if(t.preventDefault(),a=e.find((t=>t.active)),!a||a.disabled)break;this.selectOption(a.value);break;case"ArrowUp":if(t.preventDefault(),0===s)break;if(void 0===s)this.setDefaultActiveElement();else{const t=this.getNextVisibleIndex(-1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-s)}break;case"ArrowDown":if(t.preventDefault(),s===e.length-1)break;if(void 0===s)this.setDefaultActiveElement();else{const t=this.getNextVisibleIndex(1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-s)}break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(e.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max(s-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min(s+10,e.length-1));break;case"Tab":if(i)break;if(n)break;if(a=e.find((t=>t.active)),!a||a.disabled)return;this.selectOption(a.value);break;case"Esc":case"Escape":this.noSelect&&this.setActiveElement(null),this.open=!1;break;default:if(o)break;if(!r.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(r)}},this.focusoutHandler=t=>{const{relatedTarget:i}=t,s=this.allOptions.includes(i),o=!s&&this.hostElement.contains(i);(s||o)&&t.stopPropagation()},this.clickHandler=t=>{const i=t.target;"q2-option"!==i.localName||i.disabled||this.selectOption(i.value)}}componentWillLoad(){this.hasOptions=!!this.hostElement.querySelectorAll("q2-option").length}componentDidLoad(){r(this.hostElement),this.checkOptions()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}get allOptions(){return this.getRootSlot(this.hostElement)}checkOptions(){const{noSelect:t,type:i,allOptions:s}=this;if(!t&&!i)return;const o="menu"===i?"menuitem":"option";s.forEach((s=>{t&&(s.noSelect=!0),i&&(s.role=o)}))}getRootSlot(t){var i;const s=t.querySelector("slot"),o=null!==(i=null==s?void 0:s.assignedElements())&&void 0!==i?i:Array.from(t.children);return o.length&&"SLOT"===o[0].tagName?this.getRootSlot(o[0]):o}scrollToActiveOption(){const t=this.allOptions[this.activeIndex];null==t||t.scrollIntoView({block:"nearest"})}resizeIframe(){var t,i;return null===(i=null===(t=window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===i?void 0:i.call(t)}openDropdownWithActiveElement(t){this.disabled||(this.activeIndex=t,this.open=!0,this.setActiveOption(),this.setFocusedOption(),this.scheduledAfterRender.push((()=>{this.scrollToActiveOption(),this.resizeIframe()})))}getDefaultActiveIndex(){const{allOptions:t}=this,i=t.findIndex((t=>t.selected));if(i>-1)return i;const s=t.findIndex((t=>!t.hidden));return s>-1?s:0}updateSingleOptionAttrs(){var t,i;const{allOptions:s,selectedOptions:o}=this,e=null!==(i=null===(t=o[0])||void 0===t?void 0:t.value)&&void 0!==i?i:void 0;s.forEach((t=>{t.selected=t.value===e}))}updateMultipleOptionAttrs(){const{allOptions:t,selectedOptions:i}=this,s=i.map((t=>t.value));t.forEach((t=>{t.selected=s.includes(t.value)}))}setActiveOption(){if(!this.open)return;const t=this.activeIndex;this.allOptions.forEach(((i,s)=>{i.active=t===s}))}setFocusedOption(){const t=this.allOptions[this.activeIndex];t&&setTimeout((()=>{t.focus()}),25)}getNextVisibleIndex(t){let i=this.activeIndex+t;for(;i>=0&&i<=this.allOptions.length-1;){const{display:s,visibility:o}=window.getComputedStyle(this.allOptions[i]);if("none"!==s&&"hidden"!==o)return i;i+=t}return-1}selectOption(t){const i=this.allOptions.find((({value:i})=>i===t)),s={value:t,display:i.display||i.innerText.trim()},{multiple:o,noSelect:e}=this;let r;if(o){const{selectedOptions:i=[]}=this;r=i.find((({value:i})=>i===t))?i.filter((({value:i})=>i!==t)):[...i,s]}else r=[s];e?this.setActiveElement(null):this.selectedOptions=r,this.change.emit({value:t,values:r}),o||(this.open=!1)}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.setFocusedOption(),this.scrollToActiveOption()}resetTimer(){this.searchStringTimer&&clearTimeout(this.searchStringTimer),this.searchStringTimer=window.setTimeout((()=>{this.searchString=null}),2e3)}searchAndFocus(t){this.resetTimer();let i=this.searchString?`${this.searchString}${t}`:t;i=i.replace(/[^0-9a-z]/gi,""),this.searchString=i;const s=new RegExp(i,"i"),o=this.allOptions.findIndex((t=>t.value===i||t.textContent.match(s)));-1!==o&&this.setActiveElement(o)}selectedOptionsUpdated(){this.multiple?this.updateMultipleOptionAttrs():this.updateSingleOptionAttrs()}openChanged(t){this.optionListState.emit({open:t})}delegateFocus(t){n(t,this.hostElement)&&(this.open=!0,this.setDefaultActiveElement())}handleClick(t){t.stopPropagation()}toggle(){this.open=!this.open}setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}setActiveElement(t){this.activeIndex=t,this.setActiveOption(),this.setFocusedOption()}handleExternalKeydown(t){["ArrowDown","ArrowUp","PageDown","PageUp","Home","End"].includes(t.key)&&(this.open=!0),["ArrowDown","ArrowUp"].includes(t.key)?(t.preventDefault(),this.setDefaultActiveElement()):this.keydownHandler(t,!0)}render(){return s(o,null,s("div",{class:"content",ref:t=>this.contentElement=t,onFocusout:this.focusoutHandler},s("div",{class:"options",role:this.type||"listbox",onKeyDown:this.keydownHandler,onClick:this.clickHandler},s("slot",null))))}get hostElement(){return e(this)}static get watchers(){return{selectedOptions:["selectedOptionsUpdated"],open:["openChanged"]}}};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}:host{position:relative;width:100%;display:block}.content{margin-top:var(--tct-option-list-margin, var(--t-option-list-margin, var(--app-scale-1x, 5px)));position:absolute;height:0;opacity:0;visibility:hidden;background-color:var(--app-white);color:var(--t-font-color);z-index:100;width:max-content;min-width:var(--tct-option-list-min-width, var(--t-option-list-min-width, 135px));box-shadow:var(--app-shadow-1);overflow:hidden;text-align:start;transition:opacity var(--app-tween-1);border-radius:var(--tct-option-list-border-radius, var(--t-option-list-border-radius, 0));--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host(:not([align=right])) .content{left:0}:host([align=right]) .content{right:0}:host([open]) .content{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([is-sizeable]) .content{display:block;height:auto}:host([alignment=right]) .content{left:unset;right:0}";export{a as q2_option_list}
1
+ import{r as t,c as i,h as s,H as o,g as e}from"./p-2caa89fd.js";import{o as r,i as n}from"./p-dd02cf8d.js";const a=class{constructor(s){t(this,s),this.change=i(this,"change",7),this.optionListState=i(this,"optionListState",7),this.role="listbox",this.direction="down",this.selectedOptions=[],this.scheduledAfterRender=[],this.keydownHandler=(t,i)=>{t.stopPropagation();const{activeIndex:s,customSearch:o,allOptions:e}=this,{key:r,shiftKey:n}=t;let a;switch(r){case" ":case"Enter":if(i){this.setDefaultActiveElement();break}if(t.preventDefault(),a=e.find((t=>t.active)),!a||a.disabled)break;this.selectOption(a.value);break;case"ArrowUp":if(t.preventDefault(),0===s)break;if(void 0===s)this.setDefaultActiveElement();else{const t=this.getNextVisibleIndex(-1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-s)}break;case"ArrowDown":if(t.preventDefault(),s===e.length-1)break;if(void 0===s)this.setDefaultActiveElement();else{const t=this.getNextVisibleIndex(1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-s)}break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(e.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max(s-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min(s+10,e.length-1));break;case"Tab":if(i)break;if(n)break;if(a=e.find((t=>t.active)),!a||a.disabled)return;this.selectOption(a.value);break;case"Esc":case"Escape":this.noSelect&&this.setActiveElement(null),this.open=!1;break;default:if(o)break;if(!r.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(r)}},this.focusoutHandler=t=>{const{relatedTarget:i}=t,s=this.allOptions.includes(i),o=!s&&this.hostElement.contains(i);(s||o)&&t.stopPropagation()},this.clickHandler=t=>{const i=t.target;"q2-option"!==i.localName||i.disabled||this.selectOption(i.value)}}componentWillLoad(){this.hasOptions=!!this.hostElement.querySelectorAll("q2-option").length}componentDidLoad(){r(this.hostElement),this.checkOptions()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}get allOptions(){return this.getRootSlot(this.hostElement)}checkOptions(){const{noSelect:t,type:i,allOptions:s}=this;if(!t&&!i)return;const o="menu"===i?"menuitem":"option";s.forEach((s=>{t&&(s.noSelect=!0),i&&(s.role=o)}))}getRootSlot(t){var i;const s=t.querySelector("slot"),o=null!==(i=null==s?void 0:s.assignedElements())&&void 0!==i?i:Array.from(t.children);return o.length&&"SLOT"===o[0].tagName?this.getRootSlot(o[0]):o}scrollToActiveOption(){const t=this.allOptions[this.activeIndex];null==t||t.scrollIntoView({block:"nearest"})}resizeIframe(){var t,i;return null===(i=null===(t=window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===i?void 0:i.call(t)}openDropdownWithActiveElement(t){this.disabled||(this.activeIndex=t,this.open=!0,this.setActiveOption(),this.setFocusedOption(),this.scheduledAfterRender.push((()=>{this.scrollToActiveOption(),this.resizeIframe()})))}getDefaultActiveIndex(){const{allOptions:t}=this,i=t.findIndex((t=>t.selected));if(i>-1)return i;const s=t.findIndex((t=>!t.hidden));return s>-1?s:0}updateSingleOptionAttrs(){var t,i;const{allOptions:s,selectedOptions:o}=this,e=null!==(i=null===(t=o[0])||void 0===t?void 0:t.value)&&void 0!==i?i:void 0;s.forEach((t=>{t.selected=t.value===e}))}updateMultipleOptionAttrs(){const{allOptions:t,selectedOptions:i}=this,s=i.map((t=>t.value));t.forEach((t=>{t.selected=s.includes(t.value)}))}setActiveOption(){if(!this.open)return;const t=this.activeIndex;this.allOptions.forEach(((i,s)=>{i.active=t===s}))}setFocusedOption(){const t=this.allOptions[this.activeIndex];t&&setTimeout((()=>{t.focus()}),25)}getNextVisibleIndex(t){let i=this.activeIndex+t;for(;i>=0&&i<=this.allOptions.length-1;){const{display:s,visibility:o}=window.getComputedStyle(this.allOptions[i]);if("none"!==s&&"hidden"!==o)return i;i+=t}return-1}selectOption(t){const i=this.allOptions.find((({value:i})=>i===t)),s={value:t,display:i.display||i.innerText.trim()},{multiple:o,noSelect:e}=this;let r;if(o){const{selectedOptions:i=[]}=this;r=i.find((({value:i})=>i===t))?i.filter((({value:i})=>i!==t)):[...i,s]}else r=[s];e?this.setActiveElement(null):this.selectedOptions=r,this.change.emit({value:t,values:r}),o||(this.open=!1)}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.setFocusedOption(),this.scrollToActiveOption()}resetTimer(){this.searchStringTimer&&clearTimeout(this.searchStringTimer),this.searchStringTimer=window.setTimeout((()=>{this.searchString=null}),2e3)}searchAndFocus(t){this.resetTimer();let i=this.searchString?`${this.searchString}${t}`:t;i=i.replace(/[^0-9a-z]/gi,""),this.searchString=i;const s=new RegExp(i,"i"),o=this.allOptions.findIndex((t=>t.value===i||t.textContent.match(s)));-1!==o&&this.setActiveElement(o)}selectedOptionsUpdated(){this.multiple?this.updateMultipleOptionAttrs():this.updateSingleOptionAttrs()}openChanged(t){this.optionListState.emit({open:t})}delegateFocus(t){n(t,this.hostElement)&&(this.open=!0,this.setDefaultActiveElement())}handleClick(t){t.stopPropagation()}toggle(){this.open=!this.open}setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}setActiveElement(t){this.activeIndex=t,this.setActiveOption(),this.setFocusedOption()}handleExternalKeydown(t){["ArrowDown","ArrowUp","PageDown","PageUp","Home","End"].includes(t.key)&&(this.open=!0),["ArrowDown","ArrowUp"].includes(t.key)?(t.preventDefault(),this.setDefaultActiveElement()):this.keydownHandler(t,!0)}render(){return s(o,null,s("div",{class:"content",ref:t=>this.contentElement=t,onFocusout:this.focusoutHandler},s("div",{class:"options",role:this.type||"listbox",onKeyDown:this.keydownHandler,onClick:this.clickHandler},s("slot",null))))}get hostElement(){return e(this)}static get watchers(){return{selectedOptions:["selectedOptionsUpdated"],open:["openChanged"]}}};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}:host{position:relative;width:100%;display:block}.content{margin-top:var(--tct-option-list-margin, var(--t-option-list-margin, var(--app-scale-1x, 5px)));position:absolute;height:0;opacity:0;visibility:hidden;background-color:var(--app-white);color:var(--t-font-color);z-index:100;width:max-content;min-width:var(--tct-option-list-min-width, var(--t-option-list-min-width, 135px));box-shadow:var(--app-shadow-1);overflow:hidden;text-align:start;transition:opacity var(--app-tween-1);border-radius:var(--tct-option-list-border-radius, var(--t-option-list-border-radius, 0));--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host(:not([align=right])) .content{left:0}:host([align=right]) .content{right:0}:host([open]) .content{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([is-sizeable]) .content{display:block;height:auto}:host([alignment=right]) .content{left:unset;right:0}";export{a as q2_option_list}
@@ -1 +1 @@
1
- import{r as t,c as e,h as c,g as o}from"./p-080839ed.js";import{c as r,h as i,o as a,i as l,l as s}from"./p-c3d68d5c.js";const h=class{constructor(c){t(this,c),this.change=e(this,"change",7),this.checked=!1,this.id=`checkbox-${r()}`,this.onInputClick=t=>{t.stopPropagation(),t.preventDefault(),this.disabled||this.readonly||t.target instanceof HTMLInputElement&&(this.change.emit({value:t.target.value,checked:t.target.checked}),this.inputElement.focus())},this.onControlClick=t=>{t.stopPropagation(),this.readonly||this.inputElement.click()},this.onKeyDown=t=>{this.readonly&&"Space"===t.code&&t.preventDefault()}}componentWillLoad(){i(this)}componentDidLoad(){a(this.hostElement)}defaultChangeHandler(t){this.readonly||t.target!==this.hostElement||this.hostElement.onchange||!t.detail||(this.checked=t.detail.checked)}delegateFocus(t){l(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector("input").focus()}ariaLabelObserver(){i(this)}render(){return c("div",{class:"checkbox-container"},c("input",{ref:t=>this.inputElement=t,id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.label?s(this.label):void 0,"test-id":"q2CheckboxInnerCheckBox",onKeyDown:this.onKeyDown,onClick:this.onInputClick}),c("label",{"test-id":"checkboxButton"},this.generateCheckboxSVG(),!this.hideLabel&&c("div",{class:"q2-checkbox-label-content"},c("span",{class:"label-text",onClick:this.onControlClick},s(this.label)),c("slot",null))))}generateCheckboxSVG(){return"favorite"===this.type?c("q2-icon",{type:"star",class:"checkbox-icon",onClick:this.onControlClick}):"toggle"===this.type?this.generateToggleSVG():c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false",onClick:this.onControlClick},c("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){return c("div",{class:"toggle-svg",onClick:this.onControlClick},c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},c("rect",{width:"36",height:"14",rx:"7",x:"5"})),c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},c("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),c("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),c("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),c("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:flex;align-items:center;--comp-checkbox-outer-stroke-color:var(\n --tct-checkbox-outer-stroke-color,\n var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n );--comp-checkbox-outer-fill-color:var(\n --tct-checkbox-outer-fill-color,\n var(--tct-white, var(--app-white, #ffffff))\n );--comp-checkbox-checked-color:var(\n --tct-checkbox-check-stroke-color,\n var(\n --t-checkbox-fill,\n var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))\n )\n )}input:disabled+label{opacity:var(--tct-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)))}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(--tct-checkbox-outer-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));stroke:var(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}.checkbox-icon,.label-text{cursor:pointer}input:focus+label .checkbox-icon{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--comp-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);width:calc( 100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px)) );cursor:inherit}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type=favorite]){--scoped-checkbox-favorite-stroke-color:var(\n --tct-checkbox-favorite-stroke-color,\n var(--t-textA, rgba(77, 77, 77, 0.77))\n );--scoped-checkbox-favorite-fill-color:var(\n --tct-checkbox-favorite-fill-color,\n var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n )}:host([type=favorite]) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 1);--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type=favorite]:focus-within) input+label .checkbox-icon,:host([type=favorite]:hover) input+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, 2)}:host([type=favorite]) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);fill:var(--scoped-checkbox-favorite-fill-color);transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=favorite]:focus-within) input:checked+label .checkbox-icon,:host([type=favorite]:hover) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color)}:host([alignment=right]) label,:host([type=toggle]:not([alignment=left])) label{flex-flow:row-reverse}.checkbox-icon,:host([type=toggle][alignment=left]) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment=right]) .checkbox-icon,.toggle-svg{cursor:pointer;margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type=toggle]) .toggle-svg{height:30px;width:46px;position:relative}:host([type=toggle]) .toggle-track,:host([type=toggle]) .toggle-indicator{position:absolute;top:50%;transform:translateY(-50%)}:host([type=toggle]) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));height:14px;width:46px}:host([type=toggle]) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color));opacity:0.5}:host([type=toggle]) .toggle-indicator{transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type=toggle]) input:checked+label .toggle-indicator{left:21px}:host([type=toggle]) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type=toggle]) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color))}:host([type=toggle]) input:checked+label .off,:host([type=toggle]) input:not(:checked)+label .on{opacity:0}:host([type=toggle]) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type=toggle]) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type=toggle]) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=toggle]) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";export{h as q2_checkbox}
1
+ import{r as t,c as e,h as c,g as o}from"./p-2caa89fd.js";import{c as r,h as a,o as i,i as l,l as s}from"./p-dd02cf8d.js";const h=class{constructor(c){t(this,c),this.change=e(this,"change",7),this.checked=!1,this.id=`checkbox-${r()}`,this.onInputClick=t=>{t.stopPropagation(),t.preventDefault(),this.disabled||this.readonly||t.target instanceof HTMLInputElement&&(this.change.emit({value:t.target.value,checked:t.target.checked}),this.inputElement.focus())},this.onControlClick=t=>{t.stopPropagation(),this.readonly||this.inputElement.click()},this.onKeyDown=t=>{this.readonly&&"Space"===t.code&&t.preventDefault()}}componentWillLoad(){a(this)}componentDidLoad(){i(this.hostElement)}defaultChangeHandler(t){this.readonly||t.target!==this.hostElement||this.hostElement.onchange||!t.detail||(this.checked=t.detail.checked)}delegateFocus(t){l(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector("input").focus()}ariaLabelObserver(){a(this)}render(){return c("div",{class:"checkbox-container"},c("input",{ref:t=>this.inputElement=t,id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.label?s(this.label):void 0,"test-id":"q2CheckboxInnerCheckBox",onKeyDown:this.onKeyDown,onClick:this.onInputClick}),c("label",{"test-id":"checkboxButton"},this.generateCheckboxSVG(),!this.hideLabel&&c("div",{class:"q2-checkbox-label-content"},c("span",{class:"label-text",onClick:this.onControlClick},s(this.label)),c("slot",null))))}generateCheckboxSVG(){return"favorite"===this.type?c("q2-icon",{type:"star",class:"checkbox-icon",onClick:this.onControlClick}):"toggle"===this.type?this.generateToggleSVG():c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false",onClick:this.onControlClick},c("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){return c("div",{class:"toggle-svg",onClick:this.onControlClick},c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},c("rect",{width:"36",height:"14",rx:"7",x:"5"})),c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},c("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),c("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),c("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),c("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:flex;align-items:center;--comp-checkbox-outer-stroke-color:var(\n --tct-checkbox-outer-stroke-color,\n var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n );--comp-checkbox-outer-fill-color:var(\n --tct-checkbox-outer-fill-color,\n var(--tct-white, var(--app-white, #ffffff))\n );--comp-checkbox-checked-color:var(\n --tct-checkbox-check-stroke-color,\n var(\n --t-checkbox-fill,\n var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))\n )\n )}input:disabled+label{opacity:var(--tct-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)))}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(--tct-checkbox-outer-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));stroke:var(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}.checkbox-icon,.label-text{cursor:pointer}input:focus+label .checkbox-icon{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--comp-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);width:calc(100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px)));cursor:inherit}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type=favorite]){--scoped-checkbox-favorite-stroke-color:var(\n --tct-checkbox-favorite-stroke-color,\n var(--t-textA, rgba(77, 77, 77, 0.77))\n );--scoped-checkbox-favorite-fill-color:var(\n --tct-checkbox-favorite-fill-color,\n var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n )}:host([type=favorite]) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 1);--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type=favorite]:focus-within) input+label .checkbox-icon,:host([type=favorite]:hover) input+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, 2)}:host([type=favorite]) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);fill:var(--scoped-checkbox-favorite-fill-color);transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=favorite]:focus-within) input:checked+label .checkbox-icon,:host([type=favorite]:hover) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color)}:host([alignment=right]) label,:host([type=toggle]:not([alignment=left])) label{flex-flow:row-reverse}.checkbox-icon,:host([type=toggle][alignment=left]) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment=right]) .checkbox-icon,.toggle-svg{cursor:pointer;margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type=toggle]) .toggle-svg{height:30px;width:46px;position:relative}:host([type=toggle]) .toggle-track,:host([type=toggle]) .toggle-indicator{position:absolute;top:50%;transform:translateY(-50%)}:host([type=toggle]) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));height:14px;width:46px}:host([type=toggle]) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color));opacity:0.5}:host([type=toggle]) .toggle-indicator{transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type=toggle]) input:checked+label .toggle-indicator{left:21px}:host([type=toggle]) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type=toggle]) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color))}:host([type=toggle]) input:checked+label .off,:host([type=toggle]) input:not(:checked)+label .on{opacity:0}:host([type=toggle]) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type=toggle]) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type=toggle]) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=toggle]) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";export{h as q2_checkbox}
@@ -1 +1 @@
1
- import{r as t,c as r,h as e,g as o}from"./p-080839ed.js";import{c as i,h as a,o as c,l as s}from"./p-c3d68d5c.js";const l=class{constructor(e){t(this,e),this.change=r(this,"change",7),this.disabled=!1,this.checked=!1,this.groupDisabled=!1,this.groupReadonly=!1,this.groupTileLayout=!1,this.id=`radio-${i()}`,this.isLoaded=!1,this.inputChange=t=>{if(t.stopPropagation(),this.groupReadonly)return t.preventDefault(),!1;t.target instanceof HTMLInputElement&&(this.checked=t.target.checked)}}componentWillLoad(){a(this)}componentDidLoad(){this.isLoaded=!0,c(this.hostElement)}ariaLabelObserver(){a(this)}checkedObserver(){this.isLoaded&&this.checked&&this.change.emit({value:this.value})}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return e("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},e("input",{ref:t=>this.inputField=t,class:"sr",id:this.id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),e("label",{htmlFor:this.id,"test-id":"radioButton"},!this.groupTileLayout&&e("svg",{viewBox:"0 0 18 18"},e("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),e("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&e("div",{class:"label-content"},this.label&&s(this.label)||"",e("slot",null))))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};l.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));display:block}:host .radio-container{margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}:host .radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1, 5px))}:host .radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}:host .radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}:host .radio-container input:focus+label svg{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}:host .radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}:host .radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}:host .radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host .radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}:host .radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}:host .radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:1rem;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}:host .radio-tile input:focus+label{border-color:#0079c1;box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}:host .radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));box-shadow:inset 0 0 0 2px #ffffff}:host .radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}:host input:disabled+label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{l as q2_radio}
1
+ import{r as t,c as r,h as e,g as o}from"./p-2caa89fd.js";import{c as i,h as a,o as c,l as s}from"./p-dd02cf8d.js";const l=class{constructor(e){t(this,e),this.change=r(this,"change",7),this.disabled=!1,this.checked=!1,this.groupDisabled=!1,this.groupReadonly=!1,this.groupTileLayout=!1,this.id=`radio-${i()}`,this.isLoaded=!1,this.inputChange=t=>{if(t.stopPropagation(),this.groupReadonly)return t.preventDefault(),!1;t.target instanceof HTMLInputElement&&(this.checked=t.target.checked)}}componentWillLoad(){a(this)}componentDidLoad(){this.isLoaded=!0,c(this.hostElement)}ariaLabelObserver(){a(this)}checkedObserver(){this.isLoaded&&this.checked&&this.change.emit({value:this.value})}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return e("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},e("input",{ref:t=>this.inputField=t,class:"sr",id:this.id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),e("label",{htmlFor:this.id,"test-id":"radioButton"},!this.groupTileLayout&&e("svg",{viewBox:"0 0 18 18"},e("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),e("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&e("div",{class:"label-content"},this.label&&s(this.label)||"",e("slot",null))))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};l.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));display:block}:host .radio-container{margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}:host .radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1, 5px))}:host .radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}:host .radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}:host .radio-container input:focus+label svg{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}:host .radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}:host .radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}:host .radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host .radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}:host .radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}:host .radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:1rem;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}:host .radio-tile input:focus+label{border-color:#0079c1;box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}:host .radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));box-shadow:inset 0 0 0 2px #ffffff}:host .radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}:host input:disabled+label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{l as q2_radio}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as r}from"./p-080839ed.js";import{c as o,l as s}from"./p-c3d68d5c.js";const a=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.disabled=!1,this.readonly=!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.readonly||this.checkboxElements.forEach((t=>{this.protectedValue.hasOwnProperty(t.value)&&(t.checked=this.value[t.value])}))}disabledUpdated(){this.checkboxElements.forEach((t=>{t.groupDisabled=this.disabled}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail)}render(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",i("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":`${!this.optional}`},this.label||this.optional?i("legend",{class:"sr-only"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",this.hasError?i("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},i("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))}inputDom(){return i("slot",null)}get hostElement(){return r(this)}static get watchers(){return{value:["valueUpdated"],disabled:["disabledUpdated"]}}};a.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-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, var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))), var(--tct-checkbox-group-error-gradient-end, var(--t-base, white)))}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1, 5px)));color:var(--tct-input-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))));font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}";export{a as q2_checkbox_group}
1
+ import{r as t,c as e,h as i,g as r}from"./p-2caa89fd.js";import{c as o,l as a}from"./p-dd02cf8d.js";const s=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.disabled=!1,this.readonly=!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.readonly||this.checkboxElements.forEach((t=>{this.protectedValue.hasOwnProperty(t.value)&&(t.checked=this.value[t.value])}))}disabledUpdated(){this.checkboxElements.forEach((t=>{t.groupDisabled=this.disabled}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail)}render(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&a(this.label),this.optional?i("span",{class:"optional-tag"},a("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&&a(this.label),this.optional?i("span",{class:"optional-tag"},a("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"]}}};s.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{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, var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))), var(--tct-checkbox-group-error-gradient-end, var(--t-base, white)))}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1, 5px)));color:var(--tct-input-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))));font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}";export{s as q2_checkbox_group}
@@ -1 +1 @@
1
- import{r as t,h as o,g as r}from"./p-080839ed.js";import{c as i}from"./p-c3d68d5c.js";import{i as s}from"./p-3c6f73cb.js";const e=class{constructor(o){t(this,o)}get iconMarkup(){return s[this.type]&&s[this.type].markup()||""}get isCustom(){return"custom"===this.type}componentDidLoad(){this.setCustomSVGAttrs()}customIconHandler(){this.setCustomSVGAttrs()}setCustomSVGAttrs(){if(!this.isCustom)return;const t=this.hostElement.querySelector("svg");if(!t)return;t.setAttribute("role","img"),t.setAttribute("xmlns","http://www.w3.org/2000/svg");const{label:o}=this;if(o){const r=document.createElement("title"),s=`label-${i()}`;r.id=s,r.textContent=o,t.appendChild(r),t.setAttribute("aria-labelledby",s)}else t.setAttribute("aria-hidden","true")}render(){const{label:t}=this;return this.isCustom?o("slot",null):o("svg",{viewBox:"0 0 26 26",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.label?void 0:"true",role:"img","aria-labelledby":t?"label":void 0},t&&o("title",{id:"label"},t),this.iconMarkup)}get hostElement(){return r(this)}static get watchers(){return{type:["customIconHandler"]}}};e.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, 1.5));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round))}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentColor)))}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentColor)))}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentColor)))}.filled{fill:var(--tct-icon-fill, var(--t-icon-fill, none))}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentColor))}:host([type=info]){--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]){--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--t-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]){--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400));--t-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=error]){--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}";export{e as q2_icon}
1
+ import{r as t,h as o,g as r}from"./p-2caa89fd.js";import{c as i}from"./p-dd02cf8d.js";import{i as s}from"./p-824aebd9.js";const e=class{constructor(o){t(this,o)}get iconMarkup(){return s[this.type]&&s[this.type].markup()||""}get isCustom(){return"custom"===this.type}componentDidLoad(){this.setCustomSVGAttrs()}customIconHandler(){this.setCustomSVGAttrs()}setCustomSVGAttrs(){if(!this.isCustom)return;const t=this.hostElement.querySelector("svg");if(!t)return;t.setAttribute("role","img"),t.setAttribute("xmlns","http://www.w3.org/2000/svg");const{label:o}=this;if(o){const r=document.createElement("title"),s=`label-${i()}`;r.id=s,r.textContent=o,t.appendChild(r),t.setAttribute("aria-labelledby",s)}else t.setAttribute("aria-hidden","true")}render(){const{label:t}=this;return this.isCustom?o("slot",null):o("svg",{viewBox:"0 0 26 26",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.label?void 0:"true",role:"img","aria-labelledby":t?"label":void 0},t&&o("title",{id:"label"},t),this.iconMarkup)}get hostElement(){return r(this)}static get watchers(){return{type:["customIconHandler"]}}};e.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, 1.5));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round))}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentColor)))}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentColor)))}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentColor)))}.filled{fill:var(--tct-icon-fill, var(--t-icon-fill, none))}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentColor))}:host([type=info]){--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]){--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--t-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]){--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400));--t-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=error]){--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}";export{e as q2_icon}
@@ -1 +1 @@
1
- import{r as e,c as a,h as t,H as r,g as o}from"./p-080839ed.js";import{l as n}from"./p-c3d68d5c.js";const i=class{constructor(t){e(this,t),this.clickCarouselPane=a(this,"clickCarouselPane",7),this.generatePaneClass=e=>`q2-carousel-pane swiper-slide q2-carousel-pane-${e}`,this.paneClicked=e=>{this.isActivePane||(e.preventDefault(),this.clickCarouselPane.emit({paneIndex:this.index,pane:this.hostElement}))}}get currentPaneIndex(){return Array.prototype.indexOf.call(this.hostElement.parentElement.children,this.hostElement)}componentDidLoad(){this.determineDisabledContent()}determineDisabledContent(){const{isActivePane:e}=this;this.hostElement.querySelectorAll('q2-btn, a[href], button, [tabindex]:not([tabindex="-1"])').forEach((a=>{a.hasAttribute("tabindex")&&parseInt(a.getAttribute("tabindex"))>=0&&(a.dataset.q2Tabindex=`${a.tabIndex}`),e?a.hasAttribute("data-q2-tabindex")?(a.tabIndex=parseInt(a.getAttribute("data-q2-tabindex")),a.removeAttribute("data-q2-tabindex")):a.tagName.startsWith("Q2-")?a.tabIndex=void 0:a.removeAttribute("tabindex"):a.tabIndex=-1}))}render(){const{label:e}=this;return t(r,{class:this.generatePaneClass(this.currentPaneIndex),tabIndex:this.isActivePane?0:-1,role:"group","aria-roledescription":"slide","aria-hidden":this.isActivePane?void 0:"true","aria-label":e?n(e):n("tecton.element.carousel.itemDescription",[(this.currentPaneIndex+1).toString(),(this.siblingCount||0).toString()]),onClick:this.paneClicked},t("article",{class:"q2-carousel-pane-main-content"},t("slot",null)))}get hostElement(){return o(this)}static get watchers(){return{isActivePane:["determineDisabledContent"]}}};i.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-carousel .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all 0.2s}q2-carousel-pane.q2-carousel-pane{cursor:grab}q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) *{cursor:pointer}q2-carousel-pane.q2-carousel-pane:focus{box-shadow:none}q2-carousel-pane.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:0px 2px 8px 0px var(--t-top-a1, rgba(0, 0, 0, 0.25));background-color:var(--tct-carousel-background-color, var(--t-carousel-background-color, var(--tct-white, var(--app-white, #ffffff))));border:var(--tct-carousel-pane-border-width, var(--t-carousel-pane-border-width, 1px)) solid var(--tct-carousel-pane-border-color, var(--t-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));border-radius:var(--tct-carousel-pane-border-radius, var(--t-carousel-pane-border-radius, 8px));padding:var(--tct-carousel-pane-padding, var(--t-carousel-pane-padding, 0.5rem 0.5rem 0.5rem 0.5rem));min-height:10em}";export{i as q2_carousel_pane}
1
+ import{r as e,c as a,h as t,H as r,g as o}from"./p-2caa89fd.js";import{l as n}from"./p-dd02cf8d.js";const s=class{constructor(t){e(this,t),this.clickCarouselPane=a(this,"clickCarouselPane",7),this.generatePaneClass=e=>`q2-carousel-pane swiper-slide q2-carousel-pane-${e}`,this.paneClicked=e=>{this.isActivePane||(e.preventDefault(),this.clickCarouselPane.emit({paneIndex:this.index,pane:this.hostElement}))}}get currentPaneIndex(){return Array.prototype.indexOf.call(this.hostElement.parentElement.children,this.hostElement)}componentDidLoad(){this.determineDisabledContent()}determineDisabledContent(){const{isActivePane:e}=this;this.hostElement.querySelectorAll('q2-btn, a[href], button, [tabindex]:not([tabindex="-1"])').forEach((a=>{a.hasAttribute("tabindex")&&parseInt(a.getAttribute("tabindex"))>=0&&(a.dataset.q2Tabindex=`${a.tabIndex}`),e?a.hasAttribute("data-q2-tabindex")?(a.tabIndex=parseInt(a.getAttribute("data-q2-tabindex")),a.removeAttribute("data-q2-tabindex")):a.tagName.startsWith("Q2-")?a.tabIndex=void 0:a.removeAttribute("tabindex"):a.tabIndex=-1}))}render(){const{label:e}=this;return t(r,{class:this.generatePaneClass(this.currentPaneIndex),tabIndex:this.isActivePane?0:-1,role:"group","aria-roledescription":"slide","aria-hidden":this.isActivePane?void 0:"true","aria-label":e?n(e):n("tecton.element.carousel.itemDescription",[(this.currentPaneIndex+1).toString(),(this.siblingCount||0).toString()]),onClick:this.paneClicked},t("article",{class:"q2-carousel-pane-main-content"},t("slot",null)))}get hostElement(){return o(this)}static get watchers(){return{isActivePane:["determineDisabledContent"]}}};s.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-carousel .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all 0.2s}q2-carousel-pane.q2-carousel-pane{--comp-carousel-pane-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));cursor:grab}q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) *{cursor:pointer}q2-carousel-pane.q2-carousel-pane:focus{box-shadow:none}q2-carousel-pane.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:var(--app-shadow-2, 0px 2px 8px 0px var(--t-top-a1, rgba(0, 0, 0, 0.25)));transition:var(--comp-carousel-pane-tween);background-color:var(--tct-carousel-background-color, var(--t-carousel-background-color, var(--tct-white, var(--app-white, #ffffff))));border:var(--tct-carousel-pane-border-width, var(--t-carousel-pane-border-width, 0px)) solid var(--tct-carousel-pane-border-color, var(--t-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));border-radius:var(--tct-carousel-pane-border-radius, var(--t-carousel-pane-border-radius, 8px));padding:var(--tct-carousel-pane-padding, var(--t-carousel-pane-padding, 0.5rem 0.5rem 0.5rem 0.5rem));height:var(--tct-carousel-pane-height, var(--t-carousel-pane-height, 10em))}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content:hover{box-shadow:var(--app-shadow-3, 0px 2px 8px 0px var(--t-top-a1, rgba(0, 0, 0, 0.25)))}";export{s as q2_carousel_pane}
@@ -1 +1 @@
1
- import{r as i,h as n}from"./p-080839ed.js";const o=class{constructor(n){i(this,n)}render(){return n("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},n("slot",null))}};o.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";export{o as q2_tab_pane}
1
+ import{r as i,h as n}from"./p-2caa89fd.js";const o=class{constructor(n){i(this,n)}render(){return n("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},n("slot",null))}};o.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";export{o as q2_tab_pane}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as s}from"./p-080839ed.js";import{c as n,o as a,i as o,l as r}from"./p-c3d68d5c.js";const h=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.hasYieldedHeader=!1,this.guid=n(),this.animating=!1,this.titleId=`q2-section-title-${this.guid}`,this.contentId=`q2-section-content-${this.guid}`,this.onHeaderClick=()=>{this.collapsible&&this.change.emit({expanded:!this.expanded})},this.onAnimationStart=()=>{this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0,this.resizerFn=setInterval(this.resizeIframe,5))},this.onAnimationEnd=()=>{this.setContentWrapperHeight(this.expanded?"auto":"0px"),this.animating=!1,setTimeout((()=>{this.endAnimation()}),1e3)},this.endAnimation=()=>{this.resizerFn&&clearInterval(this.resizerFn)},this.addHeaderSlotListener=()=>{if(this.headerSlot)return void this.headerSlot.addEventListener("slotchange",this.onHeaderSlotChange);const t=new MutationObserver(this.onHeaderSlotChange);t.observe(this.headerSlotWrapper,{childList:!0}),this.headerSlotMutationObserver=t},this.removeHeaderSlotListener=()=>{this.headerSlot?this.headerSlot.removeEventListener("slotchange",this.onHeaderSlotChange):this.headerSlotMutationObserver.disconnect()},this.onHeaderSlotChange=()=>{var t,e;const i=this.headerSlot?this.headerSlot.assignedNodes().length>0:null!==(e=null===(t=this.headerSlotWrapper)||void 0===t?void 0:t.children.length)&&void 0!==e&&e;this.hasYieldedHeader!==i&&(this.hasYieldedHeader=!!i)},this.addContentSlotListener=()=>{if(this.contentSlot)return void this.contentSlot.addEventListener("slotchange",this.resizeIframe);const t=new MutationObserver(this.resizeIframe);t.observe(this.contentContainer,{childList:!0,subtree:!0}),this.contentSlotMutationObserver=t},this.removeContentSlotListener=()=>{this.contentSlot?this.contentSlot.removeEventListener("slotchange",this.resizeIframe):this.contentSlotMutationObserver.disconnect()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}componentWillLoad(){this.onHeaderSlotChange()}componentDidLoad(){this.addHeaderSlotListener(),this.addContentSlotListener(),a(this.hostElement)}disconnectedCallback(){this.removeHeaderSlotListener(),this.removeContentSlotListener()}get wrapperClasses(){return`q2-section-wrapper${this.collapsible?" collapsible":""}${this.expanded||!this.collapsible?" expanded":" collapsed"}${this.label||this.hasYieldedHeader?" has-header":""}${this.animating?" animate":""}`}get slottedContentHeight(){return`${this.contentContainer.offsetHeight||0}px`}get contentWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-content-wrapper")}get contentContainer(){return this.hostElement.shadowRoot.querySelector(".q2-section-content")}get headerSlotWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-header-slot-wrapper")}get headerSlot(){return this.hostElement.shadowRoot.querySelector('slot[name="q2-section-header"]')}get contentSlot(){return this.hostElement.shadowRoot.querySelector(".q2-section-content slot")}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.expanded=t.detail.expanded)}delegateFocus(t){o(t,this.hostElement)&&this.contentContainer.focus()}expandedObserver(){this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0),this.setContentWrapperHeight(this.slottedContentHeight)}collapsibleObserver(){this.setContentWrapperHeight(this.slottedContentHeight)}setContentWrapperHeight(t){this.collapsible&&this.contentHeight!==t&&(this.contentHeight=t,this.contentWrapper.style.setProperty("height",this.contentHeight))}render(){return i("section",{class:this.wrapperClasses},i("div",{class:"q2-section-header"},i("div",{class:"q2-section-header-content",id:this.titleId,onClick:this.onHeaderClick},!this.hasYieldedHeader&&this.label?i("h2",{class:"title"},r(this.label)):"",i("div",{class:"q2-section-header-slot-wrapper"},i("slot",{name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon?i("q2-btn",{class:"q2-section-content-toggle "+(this.expanded?"expanded":"collapsed"),label:this.label,ariaExpanded:!!this.expanded,ariaControls:this.contentId,"test-id":"toggleButton","hide-label":!0,onClick:this.onHeaderClick},i("q2-icon",{type:"chevron-up",class:"toggle-icon"})):""),i("div",{class:"q2-section-content-wrapper",id:this.contentId,"aria-labelledby":this.titleId,role:"region",onAnimationStart:this.onAnimationStart,onAnimationEnd:this.onAnimationEnd},i("div",{class:"q2-section-content",tabindex:"-1"},i("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@keyframes expandVertical{0%{height:0}}@keyframes collapseVertical{100%{height:0}}:host{display:block;background-color:var(--tct-section-bg, var(--t-section-bg, var(--tct-white, var(--app-white, #ffffff))));color:var(--tct-section-font-color, var(--t-section-font-color, #2e2e2e));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, 3px));margin:var(--tct-scale-3, var(--app-scale-3, 15px))}@media screen and (max-width: 767px){:host{margin:var(--tct-scale-3, var(--app-scale-3, 15px)) 0}}.q2-section-wrapper{display:block;padding:var(--tct-scale-1, var(--app-scale-1, 5px)) 0}.q2-section-wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, inherit)}.q2-section-header{padding:0 var(--tct-scale-3, var(--app-scale-3, 15px));display:flex}.has-header .q2-section-header{min-height:44px}.q2-section-header-content{flex:1 1 100%;min-width:0;align-self:center}.collapsible .q2-section-header-content{cursor:pointer}.title{margin:0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.toggle-icon{transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}.collapsed .toggle-icon{transform:rotate(180deg)}.q2-section-content-wrapper{height:auto}.q2-section-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-3, var(--app-scale-3, 15px))}.q2-section-content:focus{box-shadow:none}.expanded.animate .q2-section-content-wrapper{animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards}.collapsed .q2-section-content-wrapper{height:0;animation:collapseVertical 0s forwards;animation-duration:0;padding-top:0;visibility:hidden;overflow:hidden}.collapsed.animate .q2-section-content-wrapper{animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards}.animate .q2-section-content-wrapper{overflow:hidden}";export{h as q2_section}
1
+ import{r as t,c as e,h as i,g as s}from"./p-2caa89fd.js";import{c as n,o as a,i as o,l as r}from"./p-dd02cf8d.js";const h=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.hasYieldedHeader=!1,this.guid=n(),this.animating=!1,this.titleId=`q2-section-title-${this.guid}`,this.contentId=`q2-section-content-${this.guid}`,this.onHeaderClick=()=>{this.collapsible&&this.change.emit({expanded:!this.expanded})},this.onAnimationStart=()=>{this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0,this.resizerFn=setInterval(this.resizeIframe,5))},this.onAnimationEnd=()=>{this.setContentWrapperHeight(this.expanded?"auto":"0px"),this.animating=!1,setTimeout((()=>{this.endAnimation()}),1e3)},this.endAnimation=()=>{this.resizerFn&&clearInterval(this.resizerFn)},this.addHeaderSlotListener=()=>{if(this.headerSlot)return void this.headerSlot.addEventListener("slotchange",this.onHeaderSlotChange);const t=new MutationObserver(this.onHeaderSlotChange);t.observe(this.headerSlotWrapper,{childList:!0}),this.headerSlotMutationObserver=t},this.removeHeaderSlotListener=()=>{this.headerSlot?this.headerSlot.removeEventListener("slotchange",this.onHeaderSlotChange):this.headerSlotMutationObserver.disconnect()},this.onHeaderSlotChange=()=>{var t,e;const i=this.headerSlot?this.headerSlot.assignedNodes().length>0:null!==(e=null===(t=this.headerSlotWrapper)||void 0===t?void 0:t.children.length)&&void 0!==e&&e;this.hasYieldedHeader!==i&&(this.hasYieldedHeader=!!i)},this.addContentSlotListener=()=>{if(this.contentSlot)return void this.contentSlot.addEventListener("slotchange",this.resizeIframe);const t=new MutationObserver(this.resizeIframe);t.observe(this.contentContainer,{childList:!0,subtree:!0}),this.contentSlotMutationObserver=t},this.removeContentSlotListener=()=>{this.contentSlot?this.contentSlot.removeEventListener("slotchange",this.resizeIframe):this.contentSlotMutationObserver.disconnect()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}componentWillLoad(){this.onHeaderSlotChange()}componentDidLoad(){this.addHeaderSlotListener(),this.addContentSlotListener(),a(this.hostElement)}disconnectedCallback(){this.removeHeaderSlotListener(),this.removeContentSlotListener()}get wrapperClasses(){return`q2-section-wrapper${this.collapsible?" collapsible":""}${this.expanded||!this.collapsible?" expanded":" collapsed"}${this.label||this.hasYieldedHeader?" has-header":""}${this.animating?" animate":""}`}get slottedContentHeight(){return`${this.contentContainer.offsetHeight||0}px`}get contentWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-content-wrapper")}get contentContainer(){return this.hostElement.shadowRoot.querySelector(".q2-section-content")}get headerSlotWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-header-slot-wrapper")}get headerSlot(){return this.hostElement.shadowRoot.querySelector('slot[name="q2-section-header"]')}get contentSlot(){return this.hostElement.shadowRoot.querySelector(".q2-section-content slot")}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.expanded=t.detail.expanded)}delegateFocus(t){o(t,this.hostElement)&&this.contentContainer.focus()}expandedObserver(){this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0),this.setContentWrapperHeight(this.slottedContentHeight)}collapsibleObserver(){this.setContentWrapperHeight(this.slottedContentHeight)}setContentWrapperHeight(t){this.collapsible&&this.contentHeight!==t&&(this.contentHeight=t,this.contentWrapper.style.setProperty("height",this.contentHeight))}render(){return i("section",{class:this.wrapperClasses},i("div",{class:"q2-section-header"},i("div",{class:"q2-section-header-content",id:this.titleId,onClick:this.onHeaderClick},!this.hasYieldedHeader&&this.label?i("h2",{class:"title"},r(this.label)):"",i("div",{class:"q2-section-header-slot-wrapper"},i("slot",{name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon?i("q2-btn",{class:"q2-section-content-toggle "+(this.expanded?"expanded":"collapsed"),label:this.label,ariaExpanded:`${!!this.expanded}`,ariaControls:this.contentId,"test-id":"toggleButton","hide-label":!0,onClick:this.onHeaderClick},i("q2-icon",{type:"chevron-up",class:"toggle-icon"})):""),i("div",{class:"q2-section-content-wrapper",id:this.contentId,"aria-labelledby":this.titleId,role:"region",onAnimationStart:this.onAnimationStart,onAnimationEnd:this.onAnimationEnd},i("div",{class:"q2-section-content",tabindex:"-1"},i("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@keyframes expandVertical{0%{height:0}}@keyframes collapseVertical{100%{height:0}}:host{display:block;background-color:var(--tct-section-bg, var(--t-section-bg, var(--tct-white, var(--app-white, #ffffff))));color:var(--tct-section-font-color, var(--t-section-font-color, #2e2e2e));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, 3px));margin:var(--tct-scale-3, var(--app-scale-3, 15px))}@media screen and (max-width: 767px){:host{margin:var(--tct-scale-3, var(--app-scale-3, 15px)) 0}}.q2-section-wrapper{display:block;padding:var(--tct-scale-1, var(--app-scale-1, 5px)) 0}.q2-section-wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, inherit)}.q2-section-header{padding:0 var(--tct-scale-3, var(--app-scale-3, 15px));display:flex}.has-header .q2-section-header{min-height:44px}.q2-section-header-content{flex:1 1 100%;min-width:0;align-self:center}.collapsible .q2-section-header-content{cursor:pointer}.title{margin:0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.toggle-icon{transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}.collapsed .toggle-icon{transform:rotate(180deg)}.q2-section-content-wrapper{height:auto}.q2-section-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-3, var(--app-scale-3, 15px))}.q2-section-content:focus{box-shadow:none}.expanded.animate .q2-section-content-wrapper{animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards}.collapsed .q2-section-content-wrapper{height:0;animation:collapseVertical 0s forwards;animation-duration:0;padding-top:0;visibility:hidden;overflow:hidden}.collapsed.animate .q2-section-content-wrapper{animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards}.animate .q2-section-content-wrapper{overflow:hidden}";export{h as q2_section}
@@ -0,0 +1 @@
1
+ import{r as t,c as a,h as i,F as o,g as r}from"./p-2caa89fd.js";import{o as e,i as s,l as n}from"./p-dd02cf8d.js";const c=class{constructor(i){t(this,i),this.click=a(this,"click",7),this.role="listitem",this.determineHasOptions=()=>{const t=!!this.hostElement.querySelectorAll("q2-option").length;this.hasOptions=t},this.handleChange=t=>{if(t.stopPropagation(),!this.hasOptions)return;const{value:a}=t.detail;this.click.emit({value:a})},this.handleClick=t=>{t.stopPropagation(),this.optionList.toggle()},this.handleKeydown=t=>{this.optionList.handleExternalKeydown(t)},this.handleButtonFocusout=t=>{var a;const i=t.relatedTarget;null!==(a="Q2-OPTION"===(null==i?void 0:i.tagName))&&void 0!==a&&a||(this.open=!1)},this.handleOptionListFocusout=t=>{const a=t.relatedTarget;(!a||t.relatedTarget instanceof HTMLElement)&&(a&&a.closest(".btn-wrapper")||(this.open=!1))},this.handleWrapperClick=()=>{this.dropdownBtn.focus(),this.dropdownBtn.click()}}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){e(this.hostElement)}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}delegateFocus(t){s(t,this.hostElement)&&this.hasOptions&&this.dropdownBtn.focus()}optionListStateEvent({detail:{open:t}}){this.open=t,t||this.dropdownBtn.focus()}render(){const{hasOptions:t,open:a}=this,r=["tag-wrapper"];return t&&r.push("has-options"),i(o,null,i("div",{class:r.join(" "),onClick:t=>t.stopPropagation()},i("div",{class:"tag"},this.label),this.hasOptions&&i("div",{class:"btn-wrapper",onClick:this.handleWrapperClick},i("button",{ref:t=>this.dropdownBtn=t,"test-id":"btn-control",onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,"aria-controls":"option-list","aria-haspopup":"true","aria-expanded":a?"true":"false","aria-label":n("tecton.element.tag.viewOptions")},i("q2-icon",{type:"options"})))),this.hasOptions&&i("q2-option-list",{id:"option-list",ref:t=>this.optionList=t,open:this.open,onChange:this.handleChange,onFocusout:this.handleOptionListFocusout,align:"right",type:"menu","no-select":!0},i("slot",null)))}get hostElement(){return r(this)}};c.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;position:relative}:host(:not(:last-child)){margin-inline-end:var(--tct-tag-margin, var(--t-tag-margin, var(--app-scale-2x, 10px)))}.tag-wrapper{--comp-tag-btn-size:var(--tct-tag-btn-size, var(--t-tag-btn-size, var(--app-scale-6x, 30px)));--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));--comp-tag-color:var(--tct-tag-color, var(--t-tag-color, var(--t-gray-3, #262626)));position:relative}:host([theme=primary]) .tag-wrapper{--comp-tag-background:var(--t-primary-l5, #61c4ff);--comp-tag-color:var(--t-primary-text, #ffffff)}:host([theme=secondary]) .tag-wrapper{--comp-tag-background:var(--t-secondary-l5, #61c4ff);--comp-tag-color:var(--t-secondary-text, #000000)}:host([theme=tertiary]) .tag-wrapper{--comp-tag-background:var(--t-tertiary-l5, #61c4ff);--comp-tag-color:var(--t-tertiary-text, #000000)}.tag{height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));line-height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));padding-inline:var(--tct-tag-padding-inline, var(--t-tag-padding-inline, var(--app-scale-3x, 15px)));background:var(--comp-tag-background);color:var(--comp-tag-color);border-radius:var(--tct-tag-border-radius, var(--t-tag-border-radius, var(--app-border-radius-1, 3px)))}.has-options .tag{padding-right:var(--comp-tag-btn-size)}.btn-wrapper{--comp-tag-clickable-size:var(--tct-tag-clickable-size, var(--t-tag-clickable-size, 44px));--comp-tag-btn-offset:calc(\n calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1\n );height:var(--comp-tag-clickable-size);width:var(--comp-tag-clickable-size);display:flex;align-items:center;justify-content:center;position:absolute;right:var(--comp-tag-btn-offset);top:var(--comp-tag-btn-offset);cursor:pointer}button{width:var(--comp-tag-btn-size);height:var(--comp-tag-btn-size);stroke:var(--comp-tag-color);--tct-icon-stroke-primary:var(--comp-tag-color);cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;--tct-icon-size:18px}q2-option-list{position:absolute;right:0}";export{c as q2_tag}
@@ -0,0 +1 @@
1
+ import{r as t,c as a,h as i,F as r,g as e}from"./p-2caa89fd.js";import{b as o,c as s,l as n,i as c,o as l}from"./p-dd02cf8d.js";o();const h=class{constructor(i){t(this,i),this.change=a(this,"change",7),this.settled=a(this,"settled",7),this.noPrint=!1,this.guid=s(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),this.hasLeft=!1,this.hasRight=!1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.updateTabData=()=>{this.updateTabPaneProps(),this.setTabs()},this.updateTabPaneProps=()=>{this.tabPanes.forEach(((t,a)=>{t.selected=t.value===this.selectedTabValue,t.guid=this.guid,t.index=a}))},this.setTabs=()=>{this.tabs=this.tabPanes.map((({label:t,value:a})=>({label:t&&n(t)||"",value:a})))},this.onTabClick=t=>{this.value===t.target.dataset.value||this.change.emit({value:t.target.dataset.value})},this.onTabKeyDown=t=>{const a=t.target.dataset.value;switch(t.key){case"ArrowRight":t.preventDefault(),this.moveToAdjacentTab(a,"next");break;case"ArrowLeft":t.preventDefault(),this.moveToAdjacentTab(a,"prev");break;case"Home":t.preventDefault(),this.moveToAdjacentTab(a,"first");break;case"End":t.preventDefault(),this.moveToAdjacentTab(a,"last");break;case"Space":case"Enter":t.preventDefault(),this.change.emit({value:a})}},this.moveToAdjacentTab=(t,a)=>{const i=this.tabs.map((({value:t})=>t)).indexOf(t);let r;switch(a){case"next":r=Math.min(i+1,this.tabs.length-1);break;case"prev":r=Math.max(i-1,0);break;case"first":r=0;break;case"last":r=this.tabs.length-1}i!==r&&this.moveFocus(r,!1)},this.moveFocus=(t,a=!0)=>{const i=this.listElement.querySelector(`[data-value="${this.tabs[t].value}"]`);return i.focus({preventScroll:a}),this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"}),i},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:a,clientWidth:i}=this.listElement;this.scrollEnabled=a>i,this.showScrollLeft=!!t,this.showScrollRight=a!==t+i},this.onScrollBtnClick=t=>{const a=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-a:a,behavior:"smooth"})},this.onSlotChange=()=>{this.checkScrollState()}}resizeIframe(){var t,a;return null===(a=null===(t=window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===a?void 0:a.call(t)}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");return 0===t.length?[]:Array.from(t).filter((t=>t.name===this.name))}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}onResize(){this.checkScrollState()}onFocus(t){if(!c(t,this.hostElement))return;const a=this.tabs.findIndex((t=>t.value===this.selectedTabValue));this.moveFocus(a)}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t,this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.settled.emit()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),l(this.hostElement);const t=this.tabs.findIndex((t=>t.value===this.value));this.scheduledAfterRender.push((()=>{if(!(this.tabs.length>0))return;const a=this.moveFocus(Math.max(t,0));this.value=a.dataset.value,a.blur()}))}disconnectedCallback(){this.resizeObserver.disconnect(),this.mutationObserver.disconnect(),this.resizeObserver=null,this.mutationObserver=null}valueObserver(){this.updateTabData(),this.scheduledAfterRender.push(this.resizeIframe);const t=this.tabs.findIndex((t=>t.value===this.value));t>-1&&this.scheduledAfterRender.push((()=>this.moveFocus(t,!1)))}nameObserver(){this.updateTabData()}render(){return i(r,null,i("div",{class:"tab-container"},this.scrollEnabled&&i(r,null,i("div",{class:"gradient-left",hidden:!this.showScrollLeft}),i("div",{class:"gradient-right",hidden:!this.showScrollRight}),i("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},i("q2-icon",{type:"chevron-left"})),i("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},i("q2-icon",{type:"chevron-right"}))),i("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,class:this.noPrint?"no-print":null,role:"tablist"},this.tabs.map(((t,a)=>this.generateTab(t,a))))),i("div",{class:"tab-content"},i("slot",{onSlotchange:()=>this.onSlotChange()})))}generateTab(t,a){const{label:r,value:e}=t,o=this.selectedTabValue===e;return i("li",{role:"presentation"},i("button",{id:`tab-${this.guid}-${a}`,"data-value":e,"test-id":"tabLink",tabIndex:o?0:-1,role:"tab","aria-selected":o?"true":"false","aria-controls":`tab-pane-${this.guid}-${a}`,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},r))}get hostElement(){return e(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentColor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0;padding:var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding)))}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to right, var(--t-base), var(--t-base-a0));left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base));right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left{left:0}.btn-right{right:0}";export{h as q2_tab_container}