q2-tecton-elements 1.24.0 → 1.25.0

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 (151) hide show
  1. package/dist/cjs/{index-e00b4210.js → index-dc92e71f.js} +4 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/q2-action-sheet.cjs.entry.js +1 -1
  4. package/dist/cjs/q2-badge_2.cjs.entry.js +46 -17
  5. package/dist/cjs/q2-btn_2.cjs.entry.js +1 -1
  6. package/dist/cjs/q2-calendar.cjs.entry.js +2 -4
  7. package/dist/cjs/q2-card.cjs.entry.js +1 -1
  8. package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
  9. package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
  10. package/dist/cjs/q2-chart-area.cjs.entry.js +1 -1
  11. package/dist/cjs/q2-chart-bar.cjs.entry.js +1 -1
  12. package/dist/cjs/q2-chart-donut.cjs.entry.js +1 -1
  13. package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
  14. package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
  15. package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
  16. package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
  17. package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
  18. package/dist/cjs/q2-icon.cjs.entry.js +1 -1
  19. package/dist/cjs/q2-loc.cjs.entry.js +1 -1
  20. package/dist/cjs/q2-message.cjs.entry.js +1 -1
  21. package/dist/cjs/q2-month-picker.cjs.entry.js +1 -1
  22. package/dist/cjs/q2-optgroup_2.cjs.entry.js +1 -1
  23. package/dist/cjs/q2-option-list_2.cjs.entry.js +1 -1
  24. package/dist/cjs/q2-pagination.cjs.entry.js +1 -1
  25. package/dist/cjs/q2-pill.cjs.entry.js +1 -1
  26. package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
  27. package/dist/cjs/q2-radio.cjs.entry.js +1 -1
  28. package/dist/cjs/q2-section.cjs.entry.js +1 -1
  29. package/dist/cjs/q2-select.cjs.entry.js +1 -1
  30. package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
  31. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +1 -1
  32. package/dist/cjs/q2-stepper.cjs.entry.js +1 -1
  33. package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
  34. package/dist/cjs/q2-tag.cjs.entry.js +2 -3
  35. package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
  36. package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
  37. package/dist/collection/components/q2-calendar/index.js +2 -4
  38. package/dist/collection/components/q2-input/index.js +46 -17
  39. package/dist/collection/components/q2-option/index.js +2 -2
  40. package/dist/collection/components/q2-tag/index.js +2 -21
  41. package/dist/collection/utils/index.js +3 -0
  42. package/dist/components/index10.js +1 -1
  43. package/dist/components/index13.js +1 -1
  44. package/dist/components/index15.js +4 -1
  45. package/dist/components/index5.js +1 -1
  46. package/dist/components/index8.js +46 -17
  47. package/dist/components/q2-calendar.js +2 -4
  48. package/dist/components/q2-card.js +1 -1
  49. package/dist/components/q2-carousel.js +1 -1
  50. package/dist/components/q2-chart-donut.js +1 -1
  51. package/dist/components/q2-checkbox.js +1 -1
  52. package/dist/components/q2-dropdown.js +1 -1
  53. package/dist/components/q2-editable-field.js +1 -1
  54. package/dist/components/q2-pagination.js +1 -1
  55. package/dist/components/q2-pill.js +1 -1
  56. package/dist/components/q2-radio-group.js +1 -1
  57. package/dist/components/q2-section.js +1 -1
  58. package/dist/components/q2-select.js +1 -1
  59. package/dist/components/q2-stepper-vertical.js +1 -1
  60. package/dist/components/q2-stepper.js +1 -1
  61. package/dist/components/q2-tab-container.js +1 -1
  62. package/dist/components/q2-tag.js +3 -5
  63. package/dist/components/q2-textarea.js +1 -1
  64. package/dist/docs.d.ts +148 -0
  65. package/dist/docs.json +8755 -0
  66. package/dist/esm/{index-ca21e539.js → index-d4a87058.js} +4 -1
  67. package/dist/esm/loader.js +1 -1
  68. package/dist/esm/q2-action-sheet.entry.js +1 -1
  69. package/dist/esm/q2-badge_2.entry.js +46 -17
  70. package/dist/esm/q2-btn_2.entry.js +1 -1
  71. package/dist/esm/q2-calendar.entry.js +2 -4
  72. package/dist/esm/q2-card.entry.js +1 -1
  73. package/dist/esm/q2-carousel-pane.entry.js +1 -1
  74. package/dist/esm/q2-carousel.entry.js +1 -1
  75. package/dist/esm/q2-chart-area.entry.js +1 -1
  76. package/dist/esm/q2-chart-bar.entry.js +1 -1
  77. package/dist/esm/q2-chart-donut.entry.js +1 -1
  78. package/dist/esm/q2-checkbox-group.entry.js +1 -1
  79. package/dist/esm/q2-checkbox.entry.js +1 -1
  80. package/dist/esm/q2-dropdown-item.entry.js +1 -1
  81. package/dist/esm/q2-dropdown.entry.js +1 -1
  82. package/dist/esm/q2-editable-field.entry.js +1 -1
  83. package/dist/esm/q2-icon.entry.js +1 -1
  84. package/dist/esm/q2-loc.entry.js +1 -1
  85. package/dist/esm/q2-message.entry.js +1 -1
  86. package/dist/esm/q2-month-picker.entry.js +1 -1
  87. package/dist/esm/q2-optgroup_2.entry.js +1 -1
  88. package/dist/esm/q2-option-list_2.entry.js +1 -1
  89. package/dist/esm/q2-pagination.entry.js +1 -1
  90. package/dist/esm/q2-pill.entry.js +1 -1
  91. package/dist/esm/q2-radio-group.entry.js +1 -1
  92. package/dist/esm/q2-radio.entry.js +1 -1
  93. package/dist/esm/q2-section.entry.js +1 -1
  94. package/dist/esm/q2-select.entry.js +1 -1
  95. package/dist/esm/q2-stepper-pane.entry.js +1 -1
  96. package/dist/esm/q2-stepper-vertical.entry.js +1 -1
  97. package/dist/esm/q2-stepper.entry.js +1 -1
  98. package/dist/esm/q2-tab-container.entry.js +1 -1
  99. package/dist/esm/q2-tag.entry.js +3 -4
  100. package/dist/esm/q2-tecton-elements.js +1 -1
  101. package/dist/esm/q2-textarea.entry.js +1 -1
  102. package/dist/q2-tecton-elements/p-059065e4.js +1 -0
  103. package/dist/q2-tecton-elements/{p-ce3f203c.entry.js → p-1a744921.entry.js} +1 -1
  104. package/dist/q2-tecton-elements/{p-37cf9c97.entry.js → p-1b95e43f.entry.js} +1 -1
  105. package/dist/q2-tecton-elements/{p-30969629.entry.js → p-1ea4b8bd.entry.js} +1 -1
  106. package/dist/q2-tecton-elements/{p-388349b5.entry.js → p-1f3eb04c.entry.js} +1 -1
  107. package/dist/q2-tecton-elements/p-25839309.entry.js +1 -0
  108. package/dist/q2-tecton-elements/{p-e886c55b.entry.js → p-274ec152.entry.js} +1 -1
  109. package/dist/q2-tecton-elements/{p-dc7c8371.entry.js → p-2ba9e1a2.entry.js} +1 -1
  110. package/dist/q2-tecton-elements/{p-13deb3ed.entry.js → p-2c309c54.entry.js} +1 -1
  111. package/dist/q2-tecton-elements/{p-0473f4f7.entry.js → p-2cc70f49.entry.js} +1 -1
  112. package/dist/q2-tecton-elements/{p-619aed74.entry.js → p-2ceb41c4.entry.js} +1 -1
  113. package/dist/q2-tecton-elements/p-2e938b20.entry.js +1 -0
  114. package/dist/q2-tecton-elements/{p-13a1390b.entry.js → p-306a4bc7.entry.js} +1 -1
  115. package/dist/q2-tecton-elements/p-32f44993.entry.js +1 -0
  116. package/dist/q2-tecton-elements/{p-6736df05.entry.js → p-3a9aac19.entry.js} +1 -1
  117. package/dist/q2-tecton-elements/{p-30cd888b.entry.js → p-3c73ce3f.entry.js} +1 -1
  118. package/dist/q2-tecton-elements/{p-5589ae0f.entry.js → p-4a95f78e.entry.js} +1 -1
  119. package/dist/q2-tecton-elements/{p-256d3fe6.entry.js → p-4b48a49d.entry.js} +1 -1
  120. package/dist/q2-tecton-elements/p-4b92e44e.entry.js +1 -0
  121. package/dist/q2-tecton-elements/{p-1f71774f.entry.js → p-5ecb9c27.entry.js} +1 -1
  122. package/dist/q2-tecton-elements/p-6779270e.entry.js +1 -0
  123. package/dist/q2-tecton-elements/{p-9792de8a.entry.js → p-72fc58e7.entry.js} +1 -1
  124. package/dist/q2-tecton-elements/p-7ac02ae5.entry.js +1 -0
  125. package/dist/q2-tecton-elements/{p-fcb7d191.entry.js → p-7c168977.entry.js} +1 -1
  126. package/dist/q2-tecton-elements/{p-b3a8cdc5.entry.js → p-7c9bf80a.entry.js} +1 -1
  127. package/dist/q2-tecton-elements/{p-d05beeb7.entry.js → p-83d678c7.entry.js} +1 -1
  128. package/dist/q2-tecton-elements/{p-90572e43.entry.js → p-a3a5b57b.entry.js} +1 -1
  129. package/dist/q2-tecton-elements/p-a6296870.entry.js +1 -0
  130. package/dist/q2-tecton-elements/{p-1d854203.entry.js → p-a64e7eb1.entry.js} +1 -1
  131. package/dist/q2-tecton-elements/{p-282f0f8c.entry.js → p-ad83984e.entry.js} +1 -1
  132. package/dist/q2-tecton-elements/{p-ce91cd9b.entry.js → p-bf0ed24a.entry.js} +1 -1
  133. package/dist/q2-tecton-elements/{p-7a116095.entry.js → p-bff85959.entry.js} +1 -1
  134. package/dist/q2-tecton-elements/{p-f94e7043.entry.js → p-c4a9ab25.entry.js} +1 -1
  135. package/dist/q2-tecton-elements/p-ea5383ba.entry.js +1 -0
  136. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  137. package/dist/types/components/q2-input/index.d.ts +5 -0
  138. package/dist/types/components/q2-option/index.d.ts +1 -1
  139. package/dist/types/components/q2-tag/index.d.ts +0 -1
  140. package/dist/types/components.d.ts +2 -4
  141. package/dist/types/utils/index.d.ts +1 -0
  142. package/package.json +4 -3
  143. package/dist/q2-tecton-elements/p-63b67260.entry.js +0 -1
  144. package/dist/q2-tecton-elements/p-63e363ad.entry.js +0 -1
  145. package/dist/q2-tecton-elements/p-72fe10cc.entry.js +0 -1
  146. package/dist/q2-tecton-elements/p-75b817c6.entry.js +0 -1
  147. package/dist/q2-tecton-elements/p-7c94119b.entry.js +0 -1
  148. package/dist/q2-tecton-elements/p-91153c61.entry.js +0 -1
  149. package/dist/q2-tecton-elements/p-9acfa94e.js +0 -1
  150. package/dist/q2-tecton-elements/p-cefc9d0b.entry.js +0 -1
  151. package/dist/q2-tecton-elements/p-e58581fc.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,h as r,g as i}from"./p-926a3e80.js";import{o as e,l as a}from"./p-9acfa94e.js";import{c as n,m as s,g as o,i as h,a as c,e as u,f as d,h as l,j as f,k as p,l as v}from"./p-458b1987.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as E,V as L,a as _,g as D,b as j,b6 as B,t as P,z as W,b7 as H,U as R,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-52063431.js";import{i as K}from"./p-833398d1.js";var Q=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0})},r.prototype.getMarkerPosition=function(t,r,i){var e=this.coordinateSystem;if(e&&e.clampData){var a=e.dataToPoint(e.clampData(t));if(i)g(e.getAxes(),(function(i,n){if("category"===i.type){var s=i.getTicksCoords(),o=e.clampData(t)[n];!r||"x1"!==r[n]&&"y1"!==r[n]||(o+=1),o>s.length-1&&(o=s.length-1),o<0&&(o=0),s[o]&&(a[n]=i.toGlobalCoord(s[o].coord))}}));else{var n=this.getData(),s=n.getLayout("offset"),o=n.getLayout("size"),h=e.getBaseAxis().isHorizontal()?0:1;a[h]+=s+o/2}return a}return[NaN,NaN]},r.type="series.__base_bar__",r.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"},r}(m);m.registerClass(Q);var Z=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},r.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},r.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),r=this.get("largeThreshold");return r>t&&(t=r),t},r.prototype.brushSelector=function(t,r,i){return i.rect(r.getItemLayout(t))},r.type="series.bar",r.dependencies=["grid","polar"],r.defaultOption=y(Q.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:!1}),r}(Q),$=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},tt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="sausage",i}return b(r,t),r.prototype.getDefaultShape=function(){return new $},r.prototype.buildPath=function(t,r){var i=r.cx,e=r.cy,a=Math.max(r.r0||0,0),n=Math.max(r.r,0),s=.5*(n-a),o=a+s,h=r.startAngle,c=r.endAngle,u=r.clockwise,d=2*Math.PI,l=u?c-h<d:h-c<d;l||(h=c-(u?d:-d));var f=Math.cos(h),p=Math.sin(h),v=Math.cos(c),b=Math.sin(c);l?(t.moveTo(f*a+i,p*a+e),t.arc(f*o+i,p*o+e,s,-Math.PI+h,h,!u)):t.moveTo(f*n+i,p*n+e),t.arc(i,e,n,h,c,!u),t.arc(v*o+i,b*o+e,s,c-2*Math.PI,c-Math.PI,!u),0!==a&&t.arc(i,e,a,c,h,u)},r}(w);function rt(t,r,i){return r*Math.sin(t)*(i?-1:1)}function it(t,r,i){return r*Math.cos(t)*(i?1:-1)}var et=Math.max,at=Math.min,nt=function(t){function r(){var i=t.call(this)||this;return i.type=r.type,i._isFirstFrame=!0,i}return b(r,t),r.prototype.render=function(t,r,i,e){this._model=t,this._removeOnRenderedListener(i),this._updateDrawMode(t);var a=t.get("coordinateSystem");"cartesian2d"!==a&&"polar"!==a||(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,r,i):this._renderNormal(t,r,i,e))},r.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},r.prototype.incrementalRender=function(t,r){this._progressiveEls=[],this._incrementalRenderLarge(t,r)},r.prototype.eachRendered=function(t){k(this._progressiveEls||this.group,t)},r.prototype._updateDrawMode=function(t){var r=t.pipelineContext.large;null!=this._isLargeDraw&&r===this._isLargeDraw||(this._isLargeDraw=r,this._clear())},r.prototype._renderNormal=function(t,r,i,e){var a,n=this.group,s=t.getData(),o=this._data,c=t.coordinateSystem,u=c.getBaseAxis();"cartesian2d"===c.type?a=u.isHorizontal():"polar"===c.type&&(a="angle"===u.dim);var d=t.isAnimationEnabled()?t:null,l=function(t,r){var i=t.get("realtimeSort",!0),e=r.getBaseAxis();if(i&&"category"===e.type&&"cartesian2d"===r.type)return{baseAxis:e,otherAxis:r.getOtherAxis(e)}}(t,c);l&&this._enableRealtimeSort(l,s,i);var f=t.get("clip",!0)||l,p=function(t,r){var i=t.getArea&&t.getArea();if(h(t,"cartesian2d")){var e=t.getBaseAxis();if("category"!==e.type||!e.onBand){var a=r.getLayout("bandWidth");e.isHorizontal()?(i.x-=a,i.width+=2*a):(i.y-=a,i.height+=2*a)}}return i}(c,s);n.removeClipPath();var v=t.get("roundCap",!0),b=t.get("showBackground",!0),g=t.getModel("backgroundStyle"),m=g.get("borderRadius")||0,y=[],w=this._backgroundEls,x=e&&e.isInitSort,A=e&&"changeAxisOrder"===e.type;function M(t){var r=ft[c.type](s,t),i=function(t,r,i){return new("polar"===t.type?R:L)({shape:wt(r,i,t),silent:!0,z2:0})}(c,a,r);return i.useStyle(g.getItemStyle()),"cartesian2d"===c.type&&i.setShape("r",m),y[t]=i,i}s.diff(o).add((function(r){var i=s.getItemModel(r),e=ft[c.type](s,r,i);if(b&&M(r),s.hasValue(r)&&lt[c.type](e)){var o=!1;f&&(o=st[c.type](p,e));var h=ot[c.type](t,s,r,e,a,d,u.model,!1,v);l&&(h.forceLabelAnimation=!0),vt(h,s,r,i,e,t,a,"polar"===c.type),x?h.attr({shape:e}):l?ht(l,d,h,e,r,a,!1,!1):S(h,{shape:e},t,r),s.setItemGraphicEl(r,h),n.add(h),h.ignore=o}})).update((function(r,i){var e=s.getItemModel(r),h=ft[c.type](s,r,e);if(b){var k=void 0;0===w.length?k=M(i):((k=w[i]).useStyle(g.getItemStyle()),"cartesian2d"===c.type&&k.setShape("r",m),y[r]=k);var S=ft[c.type](s,r),U=wt(a,S,c);C(k,{shape:U},d,r)}var I=o.getItemGraphicEl(i);if(s.hasValue(r)&&lt[c.type](h)){var O=!1;if(f&&(O=st[c.type](p,h))&&n.remove(I),I?N(I):I=ot[c.type](t,s,r,h,a,d,u.model,!!I,v),l&&(I.forceLabelAnimation=!0),A){var T=I.getTextContent();if(T){var E=z(T);null!=E.prevValue&&(E.prevValue=E.value)}}else vt(I,s,r,e,h,t,a,"polar"===c.type);x?I.attr({shape:h}):l?ht(l,d,I,h,r,a,!0,A):C(I,{shape:h},t,r,null),s.setItemGraphicEl(r,I),I.ignore=O,n.add(I)}else n.remove(I)})).remove((function(r){var i=o.getItemGraphicEl(r);i&&U(i,t,r)})).execute();var k=this._backgroundGroup||(this._backgroundGroup=new I);k.removeAll();for(var O=0;O<y.length;++O)k.add(y[O]);n.add(k),this._backgroundEls=y,this._data=s},r.prototype._renderLarge=function(t){this._clear(),mt(t,this.group),this._updateLargeClip(t)},r.prototype._incrementalRenderLarge=function(t,r){this._removeBackground(),mt(r,this.group,this._progressiveEls,!0)},r.prototype._updateLargeClip=function(t){var r=t.get("clip",!0)&&s(t.coordinateSystem,!1,t),i=this.group;r?i.setClipPath(r):i.removeClipPath()},r.prototype._enableRealtimeSort=function(t,r,i){var e=this;if(r.count()){var a=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(r,t,i),this._isFirstFrame=!1;else{var n=function(t){var i=r.getItemGraphicEl(t),e=i&&i.shape;return e&&Math.abs(a.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(r,n,a,i)},i.getZr().on("rendered",this._onRendered)}}},r.prototype._dataSort=function(t,r,i){var e=[];return t.each(t.mapDimension(r.dim),(function(t,r){var a=i(r);e.push({dataIndex:r,mappedValue:a=null==a?NaN:a,ordinalNumber:t})})),e.sort((function(t,r){return r.mappedValue-t.mappedValue})),{ordinalNumbers:O(e,(function(t){return t.ordinalNumber}))}},r.prototype._isOrderChangedWithinSameData=function(t,r,i){for(var e=i.scale,a=t.mapDimension(i.dim),n=Number.MAX_VALUE,s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=t.rawIndexOf(a,e.getRawOrdinalNumber(s)),c=h<0?Number.MIN_VALUE:r(t.indexOfRawIndex(h));if(c>n)return!0;n=c}return!1},r.prototype._isOrderDifferentInView=function(t,r){for(var i=r.scale,e=i.getExtent(),a=Math.max(0,e[0]),n=Math.min(e[1],i.getOrdinalMeta().categories.length-1);a<=n;++a)if(t.ordinalNumbers[a]!==i.getRawOrdinalNumber(a))return!0},r.prototype._updateSortWithinSameData=function(t,r,i,e){if(this._isOrderChangedWithinSameData(t,r,i)){var a=this._dataSort(t,i,r);this._isOrderDifferentInView(a,i)&&(this._removeOnRenderedListener(e),e.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",axisId:i.index,sortInfo:a}))}},r.prototype._dispatchInitSort=function(t,r,i){var e=r.baseAxis,a=this._dataSort(t,e,(function(i){return t.get(t.mapDimension(r.otherAxis.dim),i)}));i.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:!0,axisId:e.index,sortInfo:a})},r.prototype.remove=function(t,r){this._clear(this._model),this._removeOnRenderedListener(r)},r.prototype.dispose=function(t,r){this._removeOnRenderedListener(r)},r.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},r.prototype._clear=function(t){var r=this.group,i=this._data;t&&t.isAnimationEnabled()&&i&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],i.eachItemGraphicEl((function(r){U(r,t,T(r).dataIndex)}))):r.removeAll(),this._data=null,this._isFirstFrame=!0},r.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},r.type="bar",r}(E),st={cartesian2d:function(t,r){var i=r.width<0?-1:1,e=r.height<0?-1:1;i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height);var a=t.x+t.width,n=t.y+t.height,s=et(r.x,t.x),o=at(r.x+r.width,a),h=et(r.y,t.y),c=at(r.y+r.height,n),u=o<s,d=c<h;return r.x=u&&s>a?o:s,r.y=d&&h>n?c:h,r.width=u?0:o-s,r.height=d?0:c-h,i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height),u||d},polar:function(t,r){var i=r.r0<=r.r?1:-1;if(i<0){var e=r.r;r.r=r.r0,r.r0=e}var a=at(r.r,t.r),n=et(r.r0,t.r0);r.r=a,r.r0=n;var s=a-n<0;return i<0&&(e=r.r,r.r=r.r0,r.r0=e),s}},ot={cartesian2d:function(t,r,i,e,a,n){var s=new L({shape:_({},e),z2:1});return s.__dataIndex=i,s.name="item",n&&(s.shape[a?"height":"width"]=0),s},polar:function(t,r,i,e,a,n,s,o,h){var c=!a&&h?tt:R,u=new c({shape:e,z2:1});u.name="item";var d,l,f=pt(a);if(u.calculateTextPosition=(d=f,l=({isRoundCap:c===tt}||{}).isRoundCap,function(t,r,i){var e=r.position;if(!e||e instanceof Array)return x(t,r,i);var a=d(e),n=null!=r.distance?r.distance:5,s=this.shape,o=s.cx,h=s.cy,c=s.r,u=s.r0,f=(c+u)/2,p=s.startAngle,v=s.endAngle,b=(p+v)/2,g=l?Math.abs(c-u)/2:0,m=Math.cos,y=Math.sin,w=o+c*m(p),A=h+c*y(p),M="left",k="top";switch(a){case"startArc":w=o+(u-n)*m(b),A=h+(u-n)*y(b),M="center",k="top";break;case"insideStartArc":w=o+(u+n)*m(b),A=h+(u+n)*y(b),M="center",k="bottom";break;case"startAngle":w=o+f*m(p)+rt(p,n+g,!1),A=h+f*y(p)+it(p,n+g,!1),M="right",k="middle";break;case"insideStartAngle":w=o+f*m(p)+rt(p,-n+g,!1),A=h+f*y(p)+it(p,-n+g,!1),M="left",k="middle";break;case"middle":w=o+f*m(b),A=h+f*y(b),M="center",k="middle";break;case"endArc":w=o+(c+n)*m(b),A=h+(c+n)*y(b),M="center",k="bottom";break;case"insideEndArc":w=o+(c-n)*m(b),A=h+(c-n)*y(b),M="center",k="top";break;case"endAngle":w=o+f*m(v)+rt(v,n+g,!0),A=h+f*y(v)+it(v,n+g,!0),M="left",k="middle";break;case"insideEndAngle":w=o+f*m(v)+rt(v,-n+g,!0),A=h+f*y(v)+it(v,-n+g,!0),M="right",k="middle";break;default:return x(t,r,i)}return(t=t||{}).x=w,t.y=A,t.align=M,t.verticalAlign=k,t}),n){var p=a?"r":"endAngle",v={};u.shape[p]=a?0:e.startAngle,v[p]=e[p],(o?C:S)(u,{shape:v},n)}return u}};function ht(t,r,i,e,a,n,s,o){var h,c;n?(c={x:e.x,width:e.width},h={y:e.y,height:e.height}):(c={y:e.y,height:e.height},h={x:e.x,width:e.width}),o||(s?C:S)(i,{shape:h},r,a,null),(s?C:S)(i,{shape:c},r?t.baseAxis.model:null,a)}function ct(t,r){for(var i=0;i<r.length;i++)if(!isFinite(t[r[i]]))return!0;return!1}var ut=["x","y","width","height"],dt=["cx","cy","r","startAngle","endAngle"],lt={cartesian2d:function(t){return!ct(t,ut)},polar:function(t){return!ct(t,dt)}},ft={cartesian2d:function(t,r,i){var e=t.getItemLayout(r),a=i?function(t,r){var i=t.get(["itemStyle","borderColor"]);if(!i||"none"===i)return 0;var e=t.get(["itemStyle","borderWidth"])||0,a=isNaN(r.width)?Number.MAX_VALUE:Math.abs(r.width),n=isNaN(r.height)?Number.MAX_VALUE:Math.abs(r.height);return Math.min(e,a,n)}(i,e):0,n=e.width>0?1:-1,s=e.height>0?1:-1;return{x:e.x+n*a/2,y:e.y+s*a/2,width:e.width-n*a,height:e.height-s*a}},polar:function(t,r){var i=t.getItemLayout(r);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function pt(t){return function(t){var r=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+r;default:return t}}}(t)}function vt(t,r,i,e,a,n,s,h){var u=r.getItemVisual(i,"style");h||t.setShape("r",e.get(["itemStyle","borderRadius"])||0),t.useStyle(u);var d=e.getShallow("cursor");d&&t.attr("cursor",d);var l=h?s?a.r>=a.r0?"endArc":"startArc":a.endAngle>=a.startAngle?"endAngle":"startAngle":s?a.height>=0?"bottom":"top":a.width>=0?"right":"left",f=D(e);j(t,f,{labelFetcher:n,labelDataIndex:i,defaultText:o(n.getData(),i),inheritColor:u.fill,defaultOpacity:u.opacity,defaultOutsidePosition:l});var p=t.getTextContent();if(h&&p){var v=e.get(["label","position"]);t.textConfig.inside="middle"===v||null,function(t,r,i,e){if(A(e))t.setTextConfig({rotation:e});else if(M(r))t.setTextConfig({rotation:0});else{var a,n=t.shape,s=n.clockwise?n.startAngle:n.endAngle,o=n.clockwise?n.endAngle:n.startAngle,h=(s+o)/2,c=i(r);switch(c){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":a=h;break;case"startAngle":case"insideStartAngle":a=s;break;case"endAngle":case"insideEndAngle":a=o;break;default:return void t.setTextConfig({rotation:0})}var u=1.5*Math.PI-a;"middle"===c&&u>Math.PI/2&&u<1.5*Math.PI&&(u-=Math.PI),t.setTextConfig({rotation:u})}}(t,"outside"===v?l:v,pt(s),e.get(["label","rotate"]))}B(p,f,n.getRawValue(i),(function(t){return c(r,t)}));var b=e.getModel(["emphasis"]);P(t,b.get("focus"),b.get("blurScope"),b.get("disabled")),W(t,e),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(a)&&(t.style.fill="none",t.style.stroke="none",g(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var bt=function(){},gt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="largeBar",i}return b(r,t),r.prototype.getDefaultShape=function(){return new bt},r.prototype.buildPath=function(t,r){for(var i=r.points,e=this.baseDimIdx,a=1-this.baseDimIdx,n=[],s=[],o=this.barWidth,h=0;h<i.length;h+=3)s[e]=o,s[a]=i[h+2],n[e]=i[h+e],n[a]=i[h+a],t.rect(n[0],n[1],s[0],s[1])},r}(w);function mt(t,r,i,e){var a=t.getData(),n=a.getLayout("valueAxisHorizontal")?1:0,s=a.getLayout("largeDataIndices"),o=a.getLayout("size"),h=t.getModel("backgroundStyle"),c=a.getLayout("largeBackgroundPoints");if(c){var u=new gt({shape:{points:c},incremental:!!e,silent:!0,z2:0});u.baseDimIdx=n,u.largeDataIndices=s,u.barWidth=o,u.useStyle(h.getItemStyle()),r.add(u),i&&i.push(u)}var d=new gt({shape:{points:a.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:!0,z2:1});d.baseDimIdx=n,d.largeDataIndices=s,d.barWidth=o,r.add(d),d.useStyle(a.getVisual("style")),T(d).seriesIndex=t.seriesIndex,t.get("silent")||(d.on("mousedown",yt),d.on("mousemove",yt)),i&&i.push(d)}var yt=H((function(t){var r=function(t,r,i){for(var e=t.baseDimIdx,a=1-e,n=t.shape.points,s=t.largeDataIndices,o=[],h=[],c=t.barWidth,u=0,d=n.length/3;u<d;u++){var l=3*u;if(h[e]=c,h[a]=n[l+2],o[e]=n[l+e],o[a]=n[l+a],h[a]<0&&(o[a]+=h[a],h[a]=-h[a]),r>=o[0]&&r<=o[0]+h[0]&&i>=o[1]&&i<=o[1]+h[1])return s[u]}return-1}(this,t.offsetX,t.offsetY);T(this).dataIndex=r>=0?r:null}),30,!1);function wt(t,r,i){if(h(i,"cartesian2d")){var e=r,a=i.getArea();return{x:t?e.x:a.x,y:t?a.y:e.y,width:t?e.width:a.width,height:t?a.height:e.height}}return{cx:(a=i.getArea()).cx,cy:a.cy,r0:t?a.r0:r.r0,r:t?a.r:r.r,startAngle:t?r.startAngle:0,endAngle:t?r.endAngle:2*Math.PI}}G([Y,function(t){t.registerChartView(nt),t.registerSeriesModel(Z),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,V(F,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,u("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,r){r.eachComponent({mainType:t.componentType||"series",query:t},(function(r){t.sortInfo&&r.axis.setCategorySortInfo(t.sortInfo)}))}))},J,K,p,v]);const xt=class{constructor(r){t(this,r),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.color=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideBarLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.orientation=void 0,this.showChartName=!1,this.sort=!1}componentDidLoad(){const t=X(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),e(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(t){const r=d("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles),i=d(this.color,this.chartContainerStyles,this.hostElementStyles);return d(t,this.chartContainerStyles,this.hostElementStyles)||(l(t)?t:i||(l(this.color)?this.color:r))}processData(t){return t.map((t=>({value:t.value||0,itemStyle:{color:this.getColor(t.color)}})))}updateChart(t){var r;const i=(null===(r=this.formatModifier)||void 0===r?void 0:r.includes("dec"))?this.formatModifier.replace("dec",""):0,e={type:"value",axisLabel:{formatter:t=>f(t,{type:this.format,decimals:i}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}},n={type:"category",data:this.data.map((t=>a(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:"horizontal"===this.orientation?e:n,yAxis:"horizontal"===this.orientation?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:t=>f(t.value,{type:this.format,decimals:i})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"]}}};xt.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{xt as q2_chart_bar}
1
+ import{r as t,h as r,g as i}from"./p-926a3e80.js";import{o as e,l as a}from"./p-059065e4.js";import{c as n,m as s,g as o,i as h,a as u,e as c,f as d,h as l,j as f,k as p,l as v}from"./p-458b1987.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as E,V as L,a as _,g as D,b as j,b6 as B,t as P,z as W,b7 as H,U as R,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-52063431.js";import{i as K}from"./p-833398d1.js";var Q=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0})},r.prototype.getMarkerPosition=function(t,r,i){var e=this.coordinateSystem;if(e&&e.clampData){var a=e.dataToPoint(e.clampData(t));if(i)g(e.getAxes(),(function(i,n){if("category"===i.type){var s=i.getTicksCoords(),o=e.clampData(t)[n];!r||"x1"!==r[n]&&"y1"!==r[n]||(o+=1),o>s.length-1&&(o=s.length-1),o<0&&(o=0),s[o]&&(a[n]=i.toGlobalCoord(s[o].coord))}}));else{var n=this.getData(),s=n.getLayout("offset"),o=n.getLayout("size"),h=e.getBaseAxis().isHorizontal()?0:1;a[h]+=s+o/2}return a}return[NaN,NaN]},r.type="series.__base_bar__",r.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"},r}(m);m.registerClass(Q);var Z=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},r.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},r.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),r=this.get("largeThreshold");return r>t&&(t=r),t},r.prototype.brushSelector=function(t,r,i){return i.rect(r.getItemLayout(t))},r.type="series.bar",r.dependencies=["grid","polar"],r.defaultOption=y(Q.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:!1}),r}(Q),$=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},tt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="sausage",i}return b(r,t),r.prototype.getDefaultShape=function(){return new $},r.prototype.buildPath=function(t,r){var i=r.cx,e=r.cy,a=Math.max(r.r0||0,0),n=Math.max(r.r,0),s=.5*(n-a),o=a+s,h=r.startAngle,u=r.endAngle,c=r.clockwise,d=2*Math.PI,l=c?u-h<d:h-u<d;l||(h=u-(c?d:-d));var f=Math.cos(h),p=Math.sin(h),v=Math.cos(u),b=Math.sin(u);l?(t.moveTo(f*a+i,p*a+e),t.arc(f*o+i,p*o+e,s,-Math.PI+h,h,!c)):t.moveTo(f*n+i,p*n+e),t.arc(i,e,n,h,u,!c),t.arc(v*o+i,b*o+e,s,u-2*Math.PI,u-Math.PI,!c),0!==a&&t.arc(i,e,a,u,h,c)},r}(w);function rt(t,r,i){return r*Math.sin(t)*(i?-1:1)}function it(t,r,i){return r*Math.cos(t)*(i?1:-1)}var et=Math.max,at=Math.min,nt=function(t){function r(){var i=t.call(this)||this;return i.type=r.type,i._isFirstFrame=!0,i}return b(r,t),r.prototype.render=function(t,r,i,e){this._model=t,this._removeOnRenderedListener(i),this._updateDrawMode(t);var a=t.get("coordinateSystem");"cartesian2d"!==a&&"polar"!==a||(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,r,i):this._renderNormal(t,r,i,e))},r.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},r.prototype.incrementalRender=function(t,r){this._progressiveEls=[],this._incrementalRenderLarge(t,r)},r.prototype.eachRendered=function(t){k(this._progressiveEls||this.group,t)},r.prototype._updateDrawMode=function(t){var r=t.pipelineContext.large;null!=this._isLargeDraw&&r===this._isLargeDraw||(this._isLargeDraw=r,this._clear())},r.prototype._renderNormal=function(t,r,i,e){var a,n=this.group,s=t.getData(),o=this._data,u=t.coordinateSystem,c=u.getBaseAxis();"cartesian2d"===u.type?a=c.isHorizontal():"polar"===u.type&&(a="angle"===c.dim);var d=t.isAnimationEnabled()?t:null,l=function(t,r){var i=t.get("realtimeSort",!0),e=r.getBaseAxis();if(i&&"category"===e.type&&"cartesian2d"===r.type)return{baseAxis:e,otherAxis:r.getOtherAxis(e)}}(t,u);l&&this._enableRealtimeSort(l,s,i);var f=t.get("clip",!0)||l,p=function(t,r){var i=t.getArea&&t.getArea();if(h(t,"cartesian2d")){var e=t.getBaseAxis();if("category"!==e.type||!e.onBand){var a=r.getLayout("bandWidth");e.isHorizontal()?(i.x-=a,i.width+=2*a):(i.y-=a,i.height+=2*a)}}return i}(u,s);n.removeClipPath();var v=t.get("roundCap",!0),b=t.get("showBackground",!0),g=t.getModel("backgroundStyle"),m=g.get("borderRadius")||0,y=[],w=this._backgroundEls,x=e&&e.isInitSort,A=e&&"changeAxisOrder"===e.type;function M(t){var r=ft[u.type](s,t),i=function(t,r,i){return new("polar"===t.type?R:L)({shape:wt(r,i,t),silent:!0,z2:0})}(u,a,r);return i.useStyle(g.getItemStyle()),"cartesian2d"===u.type&&i.setShape("r",m),y[t]=i,i}s.diff(o).add((function(r){var i=s.getItemModel(r),e=ft[u.type](s,r,i);if(b&&M(r),s.hasValue(r)&&lt[u.type](e)){var o=!1;f&&(o=st[u.type](p,e));var h=ot[u.type](t,s,r,e,a,d,c.model,!1,v);l&&(h.forceLabelAnimation=!0),vt(h,s,r,i,e,t,a,"polar"===u.type),x?h.attr({shape:e}):l?ht(l,d,h,e,r,a,!1,!1):S(h,{shape:e},t,r),s.setItemGraphicEl(r,h),n.add(h),h.ignore=o}})).update((function(r,i){var e=s.getItemModel(r),h=ft[u.type](s,r,e);if(b){var k=void 0;0===w.length?k=M(i):((k=w[i]).useStyle(g.getItemStyle()),"cartesian2d"===u.type&&k.setShape("r",m),y[r]=k);var S=ft[u.type](s,r),U=wt(a,S,u);C(k,{shape:U},d,r)}var I=o.getItemGraphicEl(i);if(s.hasValue(r)&&lt[u.type](h)){var O=!1;if(f&&(O=st[u.type](p,h))&&n.remove(I),I?N(I):I=ot[u.type](t,s,r,h,a,d,c.model,!!I,v),l&&(I.forceLabelAnimation=!0),A){var T=I.getTextContent();if(T){var E=z(T);null!=E.prevValue&&(E.prevValue=E.value)}}else vt(I,s,r,e,h,t,a,"polar"===u.type);x?I.attr({shape:h}):l?ht(l,d,I,h,r,a,!0,A):C(I,{shape:h},t,r,null),s.setItemGraphicEl(r,I),I.ignore=O,n.add(I)}else n.remove(I)})).remove((function(r){var i=o.getItemGraphicEl(r);i&&U(i,t,r)})).execute();var k=this._backgroundGroup||(this._backgroundGroup=new I);k.removeAll();for(var O=0;O<y.length;++O)k.add(y[O]);n.add(k),this._backgroundEls=y,this._data=s},r.prototype._renderLarge=function(t){this._clear(),mt(t,this.group),this._updateLargeClip(t)},r.prototype._incrementalRenderLarge=function(t,r){this._removeBackground(),mt(r,this.group,this._progressiveEls,!0)},r.prototype._updateLargeClip=function(t){var r=t.get("clip",!0)&&s(t.coordinateSystem,!1,t),i=this.group;r?i.setClipPath(r):i.removeClipPath()},r.prototype._enableRealtimeSort=function(t,r,i){var e=this;if(r.count()){var a=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(r,t,i),this._isFirstFrame=!1;else{var n=function(t){var i=r.getItemGraphicEl(t),e=i&&i.shape;return e&&Math.abs(a.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(r,n,a,i)},i.getZr().on("rendered",this._onRendered)}}},r.prototype._dataSort=function(t,r,i){var e=[];return t.each(t.mapDimension(r.dim),(function(t,r){var a=i(r);e.push({dataIndex:r,mappedValue:a=null==a?NaN:a,ordinalNumber:t})})),e.sort((function(t,r){return r.mappedValue-t.mappedValue})),{ordinalNumbers:O(e,(function(t){return t.ordinalNumber}))}},r.prototype._isOrderChangedWithinSameData=function(t,r,i){for(var e=i.scale,a=t.mapDimension(i.dim),n=Number.MAX_VALUE,s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=t.rawIndexOf(a,e.getRawOrdinalNumber(s)),u=h<0?Number.MIN_VALUE:r(t.indexOfRawIndex(h));if(u>n)return!0;n=u}return!1},r.prototype._isOrderDifferentInView=function(t,r){for(var i=r.scale,e=i.getExtent(),a=Math.max(0,e[0]),n=Math.min(e[1],i.getOrdinalMeta().categories.length-1);a<=n;++a)if(t.ordinalNumbers[a]!==i.getRawOrdinalNumber(a))return!0},r.prototype._updateSortWithinSameData=function(t,r,i,e){if(this._isOrderChangedWithinSameData(t,r,i)){var a=this._dataSort(t,i,r);this._isOrderDifferentInView(a,i)&&(this._removeOnRenderedListener(e),e.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",axisId:i.index,sortInfo:a}))}},r.prototype._dispatchInitSort=function(t,r,i){var e=r.baseAxis,a=this._dataSort(t,e,(function(i){return t.get(t.mapDimension(r.otherAxis.dim),i)}));i.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:!0,axisId:e.index,sortInfo:a})},r.prototype.remove=function(t,r){this._clear(this._model),this._removeOnRenderedListener(r)},r.prototype.dispose=function(t,r){this._removeOnRenderedListener(r)},r.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},r.prototype._clear=function(t){var r=this.group,i=this._data;t&&t.isAnimationEnabled()&&i&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],i.eachItemGraphicEl((function(r){U(r,t,T(r).dataIndex)}))):r.removeAll(),this._data=null,this._isFirstFrame=!0},r.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},r.type="bar",r}(E),st={cartesian2d:function(t,r){var i=r.width<0?-1:1,e=r.height<0?-1:1;i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height);var a=t.x+t.width,n=t.y+t.height,s=et(r.x,t.x),o=at(r.x+r.width,a),h=et(r.y,t.y),u=at(r.y+r.height,n),c=o<s,d=u<h;return r.x=c&&s>a?o:s,r.y=d&&h>n?u:h,r.width=c?0:o-s,r.height=d?0:u-h,i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height),c||d},polar:function(t,r){var i=r.r0<=r.r?1:-1;if(i<0){var e=r.r;r.r=r.r0,r.r0=e}var a=at(r.r,t.r),n=et(r.r0,t.r0);r.r=a,r.r0=n;var s=a-n<0;return i<0&&(e=r.r,r.r=r.r0,r.r0=e),s}},ot={cartesian2d:function(t,r,i,e,a,n){var s=new L({shape:_({},e),z2:1});return s.__dataIndex=i,s.name="item",n&&(s.shape[a?"height":"width"]=0),s},polar:function(t,r,i,e,a,n,s,o,h){var u=!a&&h?tt:R,c=new u({shape:e,z2:1});c.name="item";var d,l,f=pt(a);if(c.calculateTextPosition=(d=f,l=({isRoundCap:u===tt}||{}).isRoundCap,function(t,r,i){var e=r.position;if(!e||e instanceof Array)return x(t,r,i);var a=d(e),n=null!=r.distance?r.distance:5,s=this.shape,o=s.cx,h=s.cy,u=s.r,c=s.r0,f=(u+c)/2,p=s.startAngle,v=s.endAngle,b=(p+v)/2,g=l?Math.abs(u-c)/2:0,m=Math.cos,y=Math.sin,w=o+u*m(p),A=h+u*y(p),M="left",k="top";switch(a){case"startArc":w=o+(c-n)*m(b),A=h+(c-n)*y(b),M="center",k="top";break;case"insideStartArc":w=o+(c+n)*m(b),A=h+(c+n)*y(b),M="center",k="bottom";break;case"startAngle":w=o+f*m(p)+rt(p,n+g,!1),A=h+f*y(p)+it(p,n+g,!1),M="right",k="middle";break;case"insideStartAngle":w=o+f*m(p)+rt(p,-n+g,!1),A=h+f*y(p)+it(p,-n+g,!1),M="left",k="middle";break;case"middle":w=o+f*m(b),A=h+f*y(b),M="center",k="middle";break;case"endArc":w=o+(u+n)*m(b),A=h+(u+n)*y(b),M="center",k="bottom";break;case"insideEndArc":w=o+(u-n)*m(b),A=h+(u-n)*y(b),M="center",k="top";break;case"endAngle":w=o+f*m(v)+rt(v,n+g,!0),A=h+f*y(v)+it(v,n+g,!0),M="left",k="middle";break;case"insideEndAngle":w=o+f*m(v)+rt(v,-n+g,!0),A=h+f*y(v)+it(v,-n+g,!0),M="right",k="middle";break;default:return x(t,r,i)}return(t=t||{}).x=w,t.y=A,t.align=M,t.verticalAlign=k,t}),n){var p=a?"r":"endAngle",v={};c.shape[p]=a?0:e.startAngle,v[p]=e[p],(o?C:S)(c,{shape:v},n)}return c}};function ht(t,r,i,e,a,n,s,o){var h,u;n?(u={x:e.x,width:e.width},h={y:e.y,height:e.height}):(u={y:e.y,height:e.height},h={x:e.x,width:e.width}),o||(s?C:S)(i,{shape:h},r,a,null),(s?C:S)(i,{shape:u},r?t.baseAxis.model:null,a)}function ut(t,r){for(var i=0;i<r.length;i++)if(!isFinite(t[r[i]]))return!0;return!1}var ct=["x","y","width","height"],dt=["cx","cy","r","startAngle","endAngle"],lt={cartesian2d:function(t){return!ut(t,ct)},polar:function(t){return!ut(t,dt)}},ft={cartesian2d:function(t,r,i){var e=t.getItemLayout(r),a=i?function(t,r){var i=t.get(["itemStyle","borderColor"]);if(!i||"none"===i)return 0;var e=t.get(["itemStyle","borderWidth"])||0,a=isNaN(r.width)?Number.MAX_VALUE:Math.abs(r.width),n=isNaN(r.height)?Number.MAX_VALUE:Math.abs(r.height);return Math.min(e,a,n)}(i,e):0,n=e.width>0?1:-1,s=e.height>0?1:-1;return{x:e.x+n*a/2,y:e.y+s*a/2,width:e.width-n*a,height:e.height-s*a}},polar:function(t,r){var i=t.getItemLayout(r);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function pt(t){return function(t){var r=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+r;default:return t}}}(t)}function vt(t,r,i,e,a,n,s,h){var c=r.getItemVisual(i,"style");h||t.setShape("r",e.get(["itemStyle","borderRadius"])||0),t.useStyle(c);var d=e.getShallow("cursor");d&&t.attr("cursor",d);var l=h?s?a.r>=a.r0?"endArc":"startArc":a.endAngle>=a.startAngle?"endAngle":"startAngle":s?a.height>=0?"bottom":"top":a.width>=0?"right":"left",f=D(e);j(t,f,{labelFetcher:n,labelDataIndex:i,defaultText:o(n.getData(),i),inheritColor:c.fill,defaultOpacity:c.opacity,defaultOutsidePosition:l});var p=t.getTextContent();if(h&&p){var v=e.get(["label","position"]);t.textConfig.inside="middle"===v||null,function(t,r,i,e){if(A(e))t.setTextConfig({rotation:e});else if(M(r))t.setTextConfig({rotation:0});else{var a,n=t.shape,s=n.clockwise?n.startAngle:n.endAngle,o=n.clockwise?n.endAngle:n.startAngle,h=(s+o)/2,u=i(r);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":a=h;break;case"startAngle":case"insideStartAngle":a=s;break;case"endAngle":case"insideEndAngle":a=o;break;default:return void t.setTextConfig({rotation:0})}var c=1.5*Math.PI-a;"middle"===u&&c>Math.PI/2&&c<1.5*Math.PI&&(c-=Math.PI),t.setTextConfig({rotation:c})}}(t,"outside"===v?l:v,pt(s),e.get(["label","rotate"]))}B(p,f,n.getRawValue(i),(function(t){return u(r,t)}));var b=e.getModel(["emphasis"]);P(t,b.get("focus"),b.get("blurScope"),b.get("disabled")),W(t,e),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(a)&&(t.style.fill="none",t.style.stroke="none",g(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var bt=function(){},gt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="largeBar",i}return b(r,t),r.prototype.getDefaultShape=function(){return new bt},r.prototype.buildPath=function(t,r){for(var i=r.points,e=this.baseDimIdx,a=1-this.baseDimIdx,n=[],s=[],o=this.barWidth,h=0;h<i.length;h+=3)s[e]=o,s[a]=i[h+2],n[e]=i[h+e],n[a]=i[h+a],t.rect(n[0],n[1],s[0],s[1])},r}(w);function mt(t,r,i,e){var a=t.getData(),n=a.getLayout("valueAxisHorizontal")?1:0,s=a.getLayout("largeDataIndices"),o=a.getLayout("size"),h=t.getModel("backgroundStyle"),u=a.getLayout("largeBackgroundPoints");if(u){var c=new gt({shape:{points:u},incremental:!!e,silent:!0,z2:0});c.baseDimIdx=n,c.largeDataIndices=s,c.barWidth=o,c.useStyle(h.getItemStyle()),r.add(c),i&&i.push(c)}var d=new gt({shape:{points:a.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:!0,z2:1});d.baseDimIdx=n,d.largeDataIndices=s,d.barWidth=o,r.add(d),d.useStyle(a.getVisual("style")),T(d).seriesIndex=t.seriesIndex,t.get("silent")||(d.on("mousedown",yt),d.on("mousemove",yt)),i&&i.push(d)}var yt=H((function(t){var r=function(t,r,i){for(var e=t.baseDimIdx,a=1-e,n=t.shape.points,s=t.largeDataIndices,o=[],h=[],u=t.barWidth,c=0,d=n.length/3;c<d;c++){var l=3*c;if(h[e]=u,h[a]=n[l+2],o[e]=n[l+e],o[a]=n[l+a],h[a]<0&&(o[a]+=h[a],h[a]=-h[a]),r>=o[0]&&r<=o[0]+h[0]&&i>=o[1]&&i<=o[1]+h[1])return s[c]}return-1}(this,t.offsetX,t.offsetY);T(this).dataIndex=r>=0?r:null}),30,!1);function wt(t,r,i){if(h(i,"cartesian2d")){var e=r,a=i.getArea();return{x:t?e.x:a.x,y:t?a.y:e.y,width:t?e.width:a.width,height:t?a.height:e.height}}return{cx:(a=i.getArea()).cx,cy:a.cy,r0:t?a.r0:r.r0,r:t?a.r:r.r,startAngle:t?r.startAngle:0,endAngle:t?r.endAngle:2*Math.PI}}G([Y,function(t){t.registerChartView(nt),t.registerSeriesModel(Z),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,V(F,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,c("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,r){r.eachComponent({mainType:t.componentType||"series",query:t},(function(r){t.sortInfo&&r.axis.setCategorySortInfo(t.sortInfo)}))}))},J,K,p,v]);const xt=class{constructor(r){t(this,r),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.color=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideBarLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.orientation=void 0,this.showChartName=!1,this.sort=!1}componentDidLoad(){const t=X(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),e(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(t){const r=d("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles),i=d(this.color,this.chartContainerStyles,this.hostElementStyles);return d(t,this.chartContainerStyles,this.hostElementStyles)||(l(t)?t:i||(l(this.color)?this.color:r))}processData(t){return t.map((t=>({value:t.value||0,itemStyle:{color:this.getColor(t.color)}})))}updateChart(t){var r;const i=(null===(r=this.formatModifier)||void 0===r?void 0:r.includes("dec"))?this.formatModifier.replace("dec",""):0,e={type:"value",axisLabel:{formatter:t=>f(t,{type:this.format,decimals:i}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}},n={type:"category",data:this.data.map((t=>a(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:"horizontal"===this.orientation?e:n,yAxis:"horizontal"===this.orientation?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:t=>f(t.value,{type:this.format,decimals:i})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"]}}};xt.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{xt as q2_chart_bar}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as e,H as o,g as s}from"./p-926a3e80.js";import{o as n,n as r,a,r as h}from"./p-059065e4.js";const l=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.popoverState=i(this,"popoverState",7),this.ready=i(this,"ready",3),this.scheduledAfterRender=[],this.externalKeydownHandler=t=>{t.stopPropagation();const{activeIndex:i,customSearch:e,allOptions:o}=this,{key:s}=t;let n;switch(s){case" ":if(this.searchString){if(e)break;this.searchOptions(s,!0);break}this.setDefaultActiveElement();break;case"Enter":this.setDefaultActiveElement();break;case"ArrowUp":if(t.preventDefault(),this.activeIndex=0,n=this.selectedOptions.length?this.getDefaultActiveIndex():this.getNextVisibleIndex(-1),-1===n)break;this.openDropdownWithActiveElement(n);break;case"ArrowDown":if(t.preventDefault(),this.activeIndex=0,n=this.selectedOptions.length?this.getDefaultActiveIndex():this.getNextVisibleIndex(0),-1===n)break;this.openDropdownWithActiveElement(n);break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(o.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max((i||0)-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min((i||0)+10,o.length-1));break;case"Tab":this.popoverState.emit({open:!1,action:"close"});break;case"Esc":case"Escape":this.noSelect&&this.setActiveElement(null),this.popoverState.emit({open:!1,action:"close"});break;default:if(e)break;if(!s.match(/^[\w]$/))break;this.searchOptions(s,!0)}},this.internalKeydownHandler=t=>{t.stopPropagation();const{activeIndex:i,customSearch:e,allOptions:o}=this,{key:s,shiftKey:n}=t;let r;switch(s){case" ":if(this.searchString){if(e)break;this.searchOptions(s,!1);break}if(t.preventDefault(),r=o.find((t=>t.active)),!r||r.disabled)break;this.selectOption(r);break;case"Enter":if(t.preventDefault(),r=o.find((t=>t.active)),!r||r.disabled)break;this.selectOption(r);break;case"ArrowUp":if(t.preventDefault(),0===i)break;if(void 0===i){this.setDefaultActiveElement();break}{const t=this.getNextVisibleIndex(-1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-i);break}case"ArrowDown":if(t.preventDefault(),i===o.length-1)break;if(void 0===i){this.setDefaultActiveElement();break}{const t=this.getNextVisibleIndex(1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-i);break}case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(o.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max(i-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min(i+10,o.length-1));break;case"Tab":if(n)break;if(r=o.find((t=>t.active)),!r||r.disabled)return;this.selectOption(r);break;case"Esc":case"Escape":this.noSelect&&this.setActiveElement(null),this.popoverState.emit({open:!1,action:"close"});break;default:if(e)break;if(!s.match(/^[\w]$/))break;this.searchOptions(s,!1)}},this.focusoutHandler=t=>{const{relatedTarget:i}=t,e=this.allOptions.includes(i),o=!e&&this.hostElement.contains(i);(e||o)&&t.stopPropagation()},this.clickHandler=t=>{const i=t.target.closest("q2-option");this.selectOption(i)},this.role="listbox",this.customSearch=void 0,this.noSelect=void 0,this.align=void 0,this.selectedOptions=[],this.multiple=void 0,this.disabled=void 0,this.showSelected=void 0,this.type=void 0,this.hasOptions=void 0}componentWillLoad(){this.hasOptions=!!this.hostElement.querySelectorAll("q2-option").length}componentDidLoad(){n(this.hostElement),this.checkOptions(),this.selectedOptionsUpdated(),this.ready.emit()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}get allContents(){const t=this.getRootSlot(this.hostElement),i=["Q2-OPTGROUP","Q2-OPTION"];return t.filter((t=>i.includes(t.tagName)))}get allOptions(){const t=i=>i.reduce(((i,e)=>"Q2-OPTGROUP"===e.tagName?[...i,...t(Array.from(e.children))]:"Q2-OPTION"===e.tagName?[...i,e]:i),[]);return t(this.allContents)}get allVisibleOptions(){return this.allOptions.filter((t=>!(t.hidden||t._multiSelectHidden||t.disabled||t.disabledGroup)))}async checkOptions(){const{type:t}=this,i=await this.getOptions();if(!t)return;const e="menu"===t?"menuitem":"option";i.forEach((t=>{t.role=e}))}getRootSlot(t){var i;const e=t.querySelector("slot"),o=null!==(i=null==e?void 0:e.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"})}openDropdownWithActiveElement(t){this.disabled||(this.activeIndex=t,this.popoverState.emit({open:!0,action:"open"}),this.setActiveOption(),this.setFocusedOption(),r((()=>{this.scrollToActiveOption()})))}getDefaultActiveIndex(){const{allOptions:t}=this,i=t.findIndex((t=>t.selected));if(i>-1)return i;const e=t.findIndex((t=>!t.hidden));return e>-1?e:0}updateSingleOptionAttrs(){var t;const{allOptions:i,selectedOptions:e}=this,o=(null===(t=e[0])||void 0===t?void 0:t.value)||void 0;i.forEach((t=>{t.selected=t.value===o}))}updateMultipleOptionAttrs(){const{allOptions:t,selectedOptions:i}=this,e=i.map((({value:t})=>t));t.forEach((t=>{t.selected=e.includes(t.value)}))}setActiveOption(){const t=this.activeIndex;this.allOptions.forEach(((i,e)=>{i.active=t===e}))}setFocusedOption(){const t=this.allOptions[this.activeIndex];t&&(this.hostElement.offsetParent?t.focus():r((()=>t.focus())))}getNextVisibleIndex(t){const{allVisibleOptions:i,allOptions:e,activeIndex:o}=this;let s=i.indexOf(e[o])+t;return s<0?s=i.length-1:s>i.length-1&&(s=0),e.indexOf(i[s])}focusSelectedSibling(t){const{allVisibleOptions:i,allOptions:e}=this;if(i.length<2)return void(this.showSelected=!1);const o=i.indexOf(t),s=e.indexOf(i[o?o-1:o+1]);this.activeIndex=s,this.setFocusedOption(),this.scheduledAfterRender.push((()=>{t._multiSelectHidden=!t.selected}))}selectOption(t){const{multiple:i,noSelect:e,showSelected:o}=this;if(!t||t.disabled||t.disabledGroup)return;const s=t.value,n={value:s,display:t.display||t.innerText.trim()};let r=[];if(i){const{selectedOptions:i}=this;r=i.find((t=>t.value===s))?i.filter((({value:t})=>t!==s)):[...i,n],o&&this.focusSelectedSibling(t)}else r=[n];e?this.setActiveElement(null):this.selectedOptions=r,this.change.emit({value:s,values:r}),i||this.popoverState.emit({open:!1,action:"select"})}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)}searchOptions(t,i){this.resetTimer();let e=this.searchString?`${this.searchString}${t}`:t;e=e.replace(/[^\w\s]/gi,""),this.searchString=e;const o=new RegExp(`^${e}`,"i"),{allOptions:s}=this,n=s.findIndex((t=>t.value===e||t.textContent.trim().match(o)));-1!==n&&(i?this.selectOption(this.allOptions[n]):this.setActiveElement(n))}showSelectedUpdated(t){t&&0===this.selectedOptions.length?this.showSelected=!1:this.allOptions.forEach((i=>i._multiSelectHidden=!!t&&!i.selected))}selectedOptionsUpdated(){this.multiple?this.updateMultipleOptionAttrs():this.updateSingleOptionAttrs()}delegateFocus(t){if(!a(t,this.hostElement))return;this.popoverState.emit({open:!0,action:"open"});const{activeIndex:i}=this;"number"==typeof i&&i>-1?(this.setActiveOption(),this.setFocusedOption()):this.setDefaultActiveElement()}handleClick(t){t.stopPropagation()}async setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}async setActiveElement(t){this.activeIndex=t,this.setActiveOption(),this.setFocusedOption()}async handleExternalKeydown(t){this.externalKeydownHandler(t)}async getContents(){return this.allContents}async getOptions(){return this.allOptions}render(){return e(o,null,e("div",{class:"content",ref:t=>this.contentElement=t,onFocusout:this.focusoutHandler},e("div",{class:"options",role:this.type||"listbox",onKeyDown:this.internalKeydownHandler,onClick:this.clickHandler},e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{showSelected:["showSelectedUpdated"],selectedOptions:["selectedOptionsUpdated"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block;line-height:var(--tct-option-list-line-height, var(--t-option-list-line-height, var(--app-line-height, 1.428571429em)))}.content{text-align:start}:host([is-sizeable]) .content{display:block;height:auto}";const c=class{constructor(e){t(this,e),this.popoverStateChanged=i(this,"popoverStateChanged",7),this.scheduledAfterRender=[],this.direction=void 0,this.align=void 0,this.open=void 0,this.block=void 0,this.minHeight=void 0,this.controlElement=void 0,this.privateDirection="down"}componentDidLoad(){this.open&&this.determinePopDirection()}componentWillRender(){this.containerElement&&this.open&&r((()=>this.determinePopDirection()))}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}async toggle(){this.open=!this.open}openChanged(t){this.popoverStateChanged.emit({open:t}),this.scheduledAfterRender.push(h)}popoverStateHandler(t){const{detail:{open:i}}=t;i!==this.open&&(this.open=i,t.stopPropagation())}determinePopDirection(){var t,i,e,o,s;const{containerElement:n,contentElement:r,direction:a,controlElement:h}=this;if(n&&(n.style.maxHeight=null),a)return this.privateDirection=a;const l=r.clientHeight,{top:c,height:p}=null!==(t=null==h?void 0:h.getBoundingClientRect())&&void 0!==t?t:{top:0,height:0},d=((null===(e=null===(i=window.Tecton)||void 0===i?void 0:i.platformDimensions)||void 0===e?void 0:e.scrollY)||0)+((null===(s=null===(o=window.Tecton)||void 0===o?void 0:o.platformDimensions)||void 0===s?void 0:s.innerHeight)||window.innerHeight)-c-p,b=l<=c;if(d>l)return this.privateDirection="down";if(b||!this.minHeight)return this.determinePopOffset(),this.privateDirection="up";const{minHeight:v=150}=this;if(d>=v+5){const t=Math.max(d-5,v);return n.style.setProperty("--comp-pop-max-height",`${t}px`),this.privateDirection="down"}{const t=Math.max(c,v);return n.style.setProperty("--comp-pop-max-height",`${t}px`),this.determinePopOffset(),this.privateDirection="up"}}determinePopOffset(){var t;const{controlElement:i,containerElement:e}=this,o=null!==(t=null==i?void 0:i.getBoundingClientRect().height)&&void 0!==t?t:0;e.style.setProperty("--comp-pop-offset",`${o}px`)}render(){return e("div",{ref:t=>this.containerElement=t,class:["container",this.privateDirection].join(" "),role:"menu"},e("div",{ref:t=>this.contentElement=t,class:"content"},e("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{open:["openChanged"]}}};c.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;width:100%}:host([align=right]){display:block;position:absolute;right:0;text-align:end;left:unset}.container{display:none;overflow:hidden;opacity:0;height:0;position:absolute;top:var(--tct-popover-top, var(--t-popover-top, initial));visibility:hidden;background-color:var(--tct-popover-background-color, var(--t-popover-background-color, var(--app-white, #ffffff)));color:var(--tct-popover-text-color, var(--t-popover-text-color, var(--t-text, #4d4d4d)));z-index:var(--tct-popover-z-index, var(--t-popover-z-index, 100));width:max-content;min-width:var(--tct-popover-min-width, var(--t-popover-min-width, 135px));box-shadow:var(--tct-popover-box-shadow, var(--t-popover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))));text-align:start;left:0;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-popover-border-radius, var(--t-popover-border-radius, 0));max-height:var(--comp-pop-max-height);--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}.container::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.container::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.container::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host([block]) .container{left:unset;right:unset;width:100%;min-width:unset}:host([align=right]) .container{right:0;text-align:end;left:unset}:host([open]) .container{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}.container.up{bottom:var(--comp-pop-offset)}click-elsewhere{position:relative;display:block}.content{height:auto}";export{l as q2_option_list,c as q2_popover}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,F as e,g as o}from"./p-926a3e80.js";import{c as n,n as h,l as a}from"./p-9acfa94e.js";const r=class{constructor(s){t(this,s),this.statusChange=i(this,"statusChange",7),this.activeChange=i(this,"activeChange",7),this.label=void 0,this.description=void 0,this.isActive=void 0,this.showWithChildren=void 0,this.status=void 0,this.isChildActive=!1}connectedCallback(){this.hostElement.id||(this.hostElement.id=`step-${n()}`)}componentWillLoad(){this.checkForActiveChildren()}statusChanged(t){this.statusChange.emit({status:t,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}isActiveChanged(t){this.activeChange.emit({status:this.status||"",isActive:t,id:this.hostElement.id,host:this.hostElement})}checkForActiveChildren(){this.showWithChildren&&h((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}render(){const{label:t,description:i,isActive:o}=this;return s(e,null,s("div",{role:"tabpanel","aria-label":t&&a(t),"aria-description":i&&a(i),tabindex:"0",hidden:!(o||this.isChildActive&&this.showWithChildren)},s("slot",null)),s("slot",{name:"children"}))}get hostElement(){return o(this)}static get watchers(){return{status:["statusChanged"],isActive:["isActiveChanged"],showWithChildren:["checkForActiveChildren"]}}};r.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}";export{r as q2_stepper_pane}
1
+ import{r as t,c as i,h as s,F as e,g as o}from"./p-926a3e80.js";import{c as n,n as h,l as a}from"./p-059065e4.js";const r=class{constructor(s){t(this,s),this.statusChange=i(this,"statusChange",7),this.activeChange=i(this,"activeChange",7),this.label=void 0,this.description=void 0,this.isActive=void 0,this.showWithChildren=void 0,this.status=void 0,this.isChildActive=!1}connectedCallback(){this.hostElement.id||(this.hostElement.id=`step-${n()}`)}componentWillLoad(){this.checkForActiveChildren()}statusChanged(t){this.statusChange.emit({status:t,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}isActiveChanged(t){this.activeChange.emit({status:this.status||"",isActive:t,id:this.hostElement.id,host:this.hostElement})}checkForActiveChildren(){this.showWithChildren&&h((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}render(){const{label:t,description:i,isActive:o}=this;return s(e,null,s("div",{role:"tabpanel","aria-label":t&&a(t),"aria-description":i&&a(i),tabindex:"0",hidden:!(o||this.isChildActive&&this.showWithChildren)},s("slot",null)),s("slot",{name:"children"}))}get hostElement(){return o(this)}static get watchers(){return{status:["statusChanged"],isActive:["isActiveChanged"],showWithChildren:["checkForActiveChildren"]}}};r.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}";export{r as q2_stepper_pane}
@@ -1 +1 @@
1
- import{r as t,h as o,F as r,g as e}from"./p-926a3e80.js";import{s as i,h as s,i as n,o as d,l as a}from"./p-9acfa94e.js";const h=class{constructor(o){t(this,o),this.scheduledAfterRender=[],this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])",this.focusToggle=()=>{const t=this.hostElement.shadowRoot.querySelector(".dropdown-button");t&&t.dispatchEvent(new FocusEvent("focus"))},this.openDropdown=()=>{i(this),this.dropdownOpen||(this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe))},this.closeDropdown=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.scheduledAfterRender.push((()=>{this.resizeIframe()})))},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.closeDropdown())},this.onToggleClick=()=>{if(this.dropdownOpen)return this.focusToggle(),void this.closeDropdown();this.focusToggle(),this.openDropdown()},this.onToggleKeydown=t=>["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusLastItem()):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusFirstItem()):["Escape","Esc"].includes(t.key)?(t.preventDefault(),this.focusToggle(),void this.closeDropdown()):void 0,this.onDropdownMenuClick=t=>{if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;o.disabled||o.separator||(this.focusToggle(),this.closeDropdown())},this.onDropdownMenuKeydown=t=>{if(["Escape","Esc"].includes(t.key))return this.closeDropdown(),void this.focusToggle();if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;return["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"prev")):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"next")):void 0},this.type="icon",this.icon=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.disabled=void 0,this.popDirection=void 0,this.name=void 0,this.context=void 0,this.contextValue=void 0,this.resolvedType=void 0,this.block=void 0,this.dropdownOpen=!1}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType)}orchestrateResolvedMenuItems(){this.name&&this.context?this.resolveMenuItemElements().then((t=>{this.removeResolvedElements(),t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{throw this.removeResolvedElements(),t})):this.removeResolvedElements()}removeResolvedElements(){this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item").forEach((t=>this.hostElement.removeChild(t)))}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let o,r;switch(t["tct-ctxid"]&&(r={},r[t.contextIdParamName]=t["tct-ctxid"]),t.action){case"navigateTo":o=()=>this.navigateTo(t.featureName,t.moduleName,r);break;case"showOverpanel":o=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,r)}const e=document.createElement("q2-dropdown-item");return e.setAttribute("value",t.itemLabel),e.classList.add("resolved-menu-item"),e.innerHTML=t.itemLabel,e.onclick=o,e}))))}navigateTo(t,o,r){return window.TectonElements&&window.TectonElements.navigateTo(t,o,r)}showOverpanel(t,o){return window.TectonElements&&window.TectonElements.showOverpanel(t,o,void 0,!0)}get hasCustomButton(){return!!this.hostElement.querySelector("[slot=custom-dropdown-button]")}get toggleButtonProps(){const t=["primary","secondary","neutral"],o=["icon","fab","custom",...t].includes(this.type)?this.type:"",r="icon"===o,e="fab"===o,i="custom"===o;let s;return t.includes(o)&&(s="neutral"===o?o:`workflow-${o}`),{icon:r,fab:e,intent:s,active:this.dropdownOpen,disabled:!!this.disabled,ariaExpanded:this.dropdownOpen,className:"dropdown-button"+(r||e||s?"":" unstyled"),custom:i}}ariaLabelObserver(){s(this)}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}delegateFocus(t){n(t,this.hostElement)&&this.controlElement.shadowRoot.querySelector("button").focus()}componentWillLoad(){s(this)}componentDidLoad(){this.orchestrateResolvedMenuItems(),d(this.hostElement)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}focusFirstItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);t&&t.dispatchEvent(new FocusEvent("focus"))}focusLastItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);t&&t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,o){const r=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector)),e=r.indexOf(t);if(-1===e)return;let i=0;"next"===o?i=e<r.length-1?e+1:0:"prev"===o&&(i=e>0?e-1:r.length-1);const s=r[i];s&&s.dispatchEvent(new Event("focus"))}render(){const t=this.toggleButtonProps;return o("click-elsewhere",{class:"dropdown-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},o("q2-btn",{ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:`${!!t.ariaExpanded}`,label:this.hideLabel&&this.label?a(this.label):void 0,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block},this.hasCustomButton?o("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},o("slot",{name:"custom-dropdown-button"})):o(r,null,this.icon?o("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&o("span",{class:"dropdown-button-text"},a(this.label)))),o("div",{ref:t=>this.dropdownContainer=t,class:"q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),role:"menu",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},o("div",null,o("slot",null),this.dropdownOpen&&o("q2-btn",{class:"sr close-dropdown",onFocus:this.closeDropdown}))))}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-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}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:inline-flex}.dropdown-container{position:relative;display:block}.dropdown-button-content{display:flex;align-items:center}.dropdown-button.unstyled .dropdown-button-content{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px))}.q2-element-dropdown{width:var(--tct-dropdown-width, var(--t-dropdown-width, 175px))}.q2-element-dropdown.dropup{bottom:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px))}q2-btn[color=primary]~.q2-element-dropdown.dropup,q2-btn[intent=workflow-primary]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-primary-border-width, var(--t-btn-primary-border-width, 0)))}q2-btn[color=secondary]~.q2-element-dropdown.dropup,q2-btn[intent=workflow-secondary]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-secondary-border-width, var(--t-btn-secondary-border-width, 0)))}q2-btn[intent=neutral]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-neutral-border-width, var(--t-btn-neutral-border-width, 0)))}";export{h as q2_dropdown}
1
+ import{r as t,h as o,F as r,g as e}from"./p-926a3e80.js";import{s as i,h as s,a as n,o as d,l as a}from"./p-059065e4.js";const h=class{constructor(o){t(this,o),this.scheduledAfterRender=[],this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])",this.focusToggle=()=>{const t=this.hostElement.shadowRoot.querySelector(".dropdown-button");t&&t.dispatchEvent(new FocusEvent("focus"))},this.openDropdown=()=>{i(this),this.dropdownOpen||(this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe))},this.closeDropdown=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.scheduledAfterRender.push((()=>{this.resizeIframe()})))},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.closeDropdown())},this.onToggleClick=()=>{if(this.dropdownOpen)return this.focusToggle(),void this.closeDropdown();this.focusToggle(),this.openDropdown()},this.onToggleKeydown=t=>["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusLastItem()):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusFirstItem()):["Escape","Esc"].includes(t.key)?(t.preventDefault(),this.focusToggle(),void this.closeDropdown()):void 0,this.onDropdownMenuClick=t=>{if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;o.disabled||o.separator||(this.focusToggle(),this.closeDropdown())},this.onDropdownMenuKeydown=t=>{if(["Escape","Esc"].includes(t.key))return this.closeDropdown(),void this.focusToggle();if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;return["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"prev")):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"next")):void 0},this.type="icon",this.icon=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.disabled=void 0,this.popDirection=void 0,this.name=void 0,this.context=void 0,this.contextValue=void 0,this.resolvedType=void 0,this.block=void 0,this.dropdownOpen=!1}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType)}orchestrateResolvedMenuItems(){this.name&&this.context?this.resolveMenuItemElements().then((t=>{this.removeResolvedElements(),t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{throw this.removeResolvedElements(),t})):this.removeResolvedElements()}removeResolvedElements(){this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item").forEach((t=>this.hostElement.removeChild(t)))}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let o,r;switch(t["tct-ctxid"]&&(r={},r[t.contextIdParamName]=t["tct-ctxid"]),t.action){case"navigateTo":o=()=>this.navigateTo(t.featureName,t.moduleName,r);break;case"showOverpanel":o=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,r)}const e=document.createElement("q2-dropdown-item");return e.setAttribute("value",t.itemLabel),e.classList.add("resolved-menu-item"),e.innerHTML=t.itemLabel,e.onclick=o,e}))))}navigateTo(t,o,r){return window.TectonElements&&window.TectonElements.navigateTo(t,o,r)}showOverpanel(t,o){return window.TectonElements&&window.TectonElements.showOverpanel(t,o,void 0,!0)}get hasCustomButton(){return!!this.hostElement.querySelector("[slot=custom-dropdown-button]")}get toggleButtonProps(){const t=["primary","secondary","neutral"],o=["icon","fab","custom",...t].includes(this.type)?this.type:"",r="icon"===o,e="fab"===o,i="custom"===o;let s;return t.includes(o)&&(s="neutral"===o?o:`workflow-${o}`),{icon:r,fab:e,intent:s,active:this.dropdownOpen,disabled:!!this.disabled,ariaExpanded:this.dropdownOpen,className:"dropdown-button"+(r||e||s?"":" unstyled"),custom:i}}ariaLabelObserver(){s(this)}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}delegateFocus(t){n(t,this.hostElement)&&this.controlElement.shadowRoot.querySelector("button").focus()}componentWillLoad(){s(this)}componentDidLoad(){this.orchestrateResolvedMenuItems(),d(this.hostElement)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}focusFirstItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);t&&t.dispatchEvent(new FocusEvent("focus"))}focusLastItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);t&&t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,o){const r=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector)),e=r.indexOf(t);if(-1===e)return;let i=0;"next"===o?i=e<r.length-1?e+1:0:"prev"===o&&(i=e>0?e-1:r.length-1);const s=r[i];s&&s.dispatchEvent(new Event("focus"))}render(){const t=this.toggleButtonProps;return o("click-elsewhere",{class:"dropdown-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},o("q2-btn",{ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:`${!!t.ariaExpanded}`,label:this.hideLabel&&this.label?a(this.label):void 0,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block},this.hasCustomButton?o("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},o("slot",{name:"custom-dropdown-button"})):o(r,null,this.icon?o("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&o("span",{class:"dropdown-button-text"},a(this.label)))),o("div",{ref:t=>this.dropdownContainer=t,class:"q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),role:"menu",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},o("div",null,o("slot",null),this.dropdownOpen&&o("q2-btn",{class:"sr close-dropdown",onFocus:this.closeDropdown}))))}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-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}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:inline-flex}.dropdown-container{position:relative;display:block}.dropdown-button-content{display:flex;align-items:center}.dropdown-button.unstyled .dropdown-button-content{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px))}.q2-element-dropdown{width:var(--tct-dropdown-width, var(--t-dropdown-width, 175px))}.q2-element-dropdown.dropup{bottom:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px))}q2-btn[color=primary]~.q2-element-dropdown.dropup,q2-btn[intent=workflow-primary]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-primary-border-width, var(--t-btn-primary-border-width, 0)))}q2-btn[color=secondary]~.q2-element-dropdown.dropup,q2-btn[intent=workflow-secondary]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-secondary-border-width, var(--t-btn-secondary-border-width, 0)))}q2-btn[intent=neutral]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-neutral-border-width, var(--t-btn-neutral-border-width, 0)))}";export{h as q2_dropdown}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,F as a,g as o}from"./p-926a3e80.js";import{l as r,w as s}from"./p-9acfa94e.js";const n=class{constructor(o){t(this,o),this.close=e(this,"close",7),this.ready=e(this,"ready",3),this.initialSelectedOptions=[],this.selectedOptions={values:[],value:""},this.minHeight=.2,this.maxHeight=.75,this.generateOption=t=>{const e=document.createElement("q2-option"),i=function(t,e){var i={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(i[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(i[a[o]]=t[a[o]])}return i}(t,["innerHTML"]);return t.innerHTML&&(e.innerHTML=t.innerHTML),Object.entries(i).forEach((([t,i])=>{void 0!==i&&("boolean"==typeof i?i&&e.setAttribute(t,""):e.setAttribute(t,i))})),e},this.generateOptgroup=t=>{const e=document.createElement("q2-optgroup");return t.label&&e.setAttribute("label",t.label),t.disabled&&e.setAttribute("disabled",""),t.options.length&&t.options.forEach((t=>e.appendChild(this.generateOption(t)))),e},this.onClick=t=>{const e=t.target;e instanceof HTMLElement&&(e.closest(".interior, q2-action-sheet")||this.onCancel(t))},this.onCancel=t=>{var e,i;t.preventDefault();const{initialSelectedOptions:a}=this;this.hide({value:null!==(i=null===(e=null==a?void 0:a[0])||void 0===e?void 0:e.value)&&void 0!==i?i:"",values:a,type:"cancel"})},this.onListChange=t=>{this.selectedOptions=t.detail},this.onListPopoverStateChange=t=>{t.detail.open||("close"===t.detail.action?this.onCancel(t):this.onListDone())},this.onListDone=()=>{this.hide(Object.assign(Object.assign({},this.selectedOptions),{type:"confirm"}))},this.renderSlot=()=>i("div",{class:"content",ref:t=>this.contentElement=t},i("slot",null)),this.renderMessage=({data:t})=>i("q2-message",{type:t.type},t.title&&i("h2",null,t.title),t.description&&i("p",null,t.description)),this.renderList=({data:t})=>{const{listProps:e}=t;return i(a,null,i("div",{class:"content",ref:t=>this.contentElement=t},i("q2-option-list",{ref:t=>this.optionListElement=t,multiple:e.multiple,noSelect:e.noSelect,onChange:this.onListChange,onPopoverState:this.onListPopoverStateChange,selectedOptions:e.selectedOptions},i("slot",null))),i("footer",null,e.multiple&&i("q2-btn",{"test-id":"btnDone",intent:"workflow-primary",onClick:this.onListDone},r("tecton.element.actionSheet.done"))))},this.data=void 0,this.hideClose=void 0,this.isScrollable=!1,this.renderStatus="is-closing"}componentDidLoad(){this.dialogElement.addEventListener("cancel",this.onCancel),this.ready.emit()}disconnectedCallback(){this.dialogElement.removeEventListener("cancel",this.onCancel)}storeInitialValues(){const{data:t}=this;t&&"list"===t.appearance&&(this.initialSelectedOptions=t.listProps.selectedOptions)}focusContent(){const{data:t}=this;if(t&&"list"===t.appearance){const{event:e}=t;e instanceof KeyboardEvent?this.optionListElement.handleExternalKeydown(e):this.optionListElement.focus()}}hidePostHook(){const{data:t}=this;t&&"list"===t.appearance&&(this.hostElement.innerHTML=null)}showPreHook(){const{data:t}=this;t&&"list"===t.appearance&&(this.hostElement.innerHTML=null,t.options.forEach((t=>{this.hostElement.appendChild("options"in t?this.generateOptgroup(t):this.generateOption(t))})))}updateDialogMinMaxHeight(){const t=window.innerHeight;this.dialogElement.style.setProperty("--comp-dialog-min-height",`${Math.floor(t*this.minHeight)}px`),this.dialogElement.style.setProperty("--comp-dialog-max-height",`${Math.floor(t*this.maxHeight)}px`)}async hide(t={value:"",values:[],type:"confirm"}){this.close.emit(t),this.renderStatus="is-closing",this.dialogElement.addEventListener("transitionend",(()=>{this.dialogElement.close(),this.renderStatus=null,this.data=void 0,this.initialSelectedOptions=[],this.selectedOptions={values:[],value:""},this.hidePostHook()}),{once:!0})}async show(){this.showPreHook(),await s(),this.updateDialogMinMaxHeight(),this.storeInitialValues(),this.dialogElement.open||(this.dialogElement.showModal(),this.renderStatus="is-opening",this.dialogElement.addEventListener("transitionend",(()=>{this.renderStatus="is-open",this.focusContent()}),{once:!0}))}render(){var t;const{data:e}=this,a=(null==e?void 0:e.title)||!this.hideClose,o=this.renderStatus||"";let r=null;switch(null==e?void 0:e.appearance){case"message":r=this.renderMessage;break;case"list":r=this.renderList;break;default:r=this.renderSlot}return i("dialog",{ref:t=>this.dialogElement=t,class:o,onClick:this.onClick},i("div",{class:`interior is-${(null==e?void 0:e.appearance)||"slot"}`},a&&i("header",null,i("div",{class:"title"},null==e?void 0:e.title),i("q2-btn",{class:"btn-close","test-id":"btnClose",onClick:this.onCancel,label:"tecton.element.actionSheet.close","hide-label":!0},i("q2-icon",{type:"close"}))),(null===(t=this.data)||void 0===t?void 0:t.description)&&i("p",null,e.description),r&&i(r,{data:this.data})))}get hostElement(){return o(this)}};n.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@keyframes showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px) var(--app-scale-3x, 15px) 0 0;--comp-border-radius:var(--tct-action-sheet-border-radius, var(--t-action-sheet-border-radius, var(--comp-border-radius-default)));--comp-desktop-border-radius:var(--tct-action-sheet-border-radius, var(--t-action-sheet-border-radius, var(--app-scale-3x, 15px)));--comp-header-size:var(--tct-action-sheet-close-size, var(--t-action-sheet-close-size, var(--t-a11y-min-size, 44px)));--comp-dialog-background:var(--tct-action-sheet-background, var(--t-action-sheet-background, var(--t-base, #ffffff)));--comp-dialog-color:var(--tct-action-sheet-color, var(--t-action-sheet-color, var(--t-text, #4d4d4d)));--comp-dialog-padding:var(--tct-action-sheet-padding, var(--t-action-sheet-padding, var(--app-scale-3x, 15px)));--comp-content-gradient-height:var(--tct-action-sheet-content-gradient-height, var(--t-action-sheet-content-gradient-height, var(--app-scale-2x, 10px)));--comp-dialog-interior-gap-default:var(--app-scale-2x, 10px);--comp-dialog-max-width:var(--tct-action-sheet-max-width, var(--t-action-sheet-max-width, 400px));--comp-dialog-max-height:var(--tct-action-sheet-max-height, var(--t-action-sheet-max-height, 75vh));--comp-dialog-min-height:var(--tct-action-sheet-min-height, var(--t-action-sheet-min-height, 20vh));--comp-dialog-box-shadow:var(--tct-action-sheet-box-shadow, var(--t-action-sheet-box-shadow, var(--app-shadow-2, 0 3px 6px rgba(0, 0, 0, 0.3))));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease))), opacity var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden;min-height:var(--comp-dialog-min-height);max-height:var(--comp-dialog-max-height)}dialog::backdrop{opacity:0;background:var(--tct-action-sheet-backdrop-background, var(--t-action-sheet-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6))))}dialog[open].is-opening,dialog[open].is-open{transform:translateY(-100%)}@media screen and (min-width: 1200px){dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)))}@media screen and (min-width: 1200px){dialog{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:0}}.content{overflow-y:auto;--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)}.interior{display:grid;grid-template-rows:44px 1fr auto;gap:var(--comp-dialog-interior-gap-default);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:"";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}.interior.is-list header:before{top:calc(100% + var(--comp-dialog-interior-gap-default));background:linear-gradient(to bottom, var(--t-base) 0%, var(--t-base-a0) 100%)}.interior.is-list footer:before{top:calc((var(--comp-dialog-interior-gap-default) + var(--comp-content-gradient-height)) * -1);background:linear-gradient(to top, var(--t-base) 0%, var(--t-base-a0) 100%)}header{display:grid;grid-template-columns:var(--comp-header-size) 1fr var(--comp-header-size);grid-template-areas:". title close";gap:var(--app-scale-2x, 10px)}header .title{grid-area:title;text-align:center;line-height:var(--comp-header-size)}header .btn-close{grid-area:close;width:var(--comp-header-size);height:var(--comp-header-size)}footer{display:flex;justify-content:end}';export{n as q2_action_sheet}
1
+ import{r as t,c as e,h as i,F as o,g as a}from"./p-926a3e80.js";import{l as r,w as s}from"./p-059065e4.js";const n=class{constructor(a){t(this,a),this.close=e(this,"close",7),this.ready=e(this,"ready",3),this.initialSelectedOptions=[],this.selectedOptions={values:[],value:""},this.minHeight=.2,this.maxHeight=.75,this.generateOption=t=>{const e=document.createElement("q2-option"),i=function(t,e){var i={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(i[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(t);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a])&&(i[o[a]]=t[o[a]])}return i}(t,["innerHTML"]);return t.innerHTML&&(e.innerHTML=t.innerHTML),Object.entries(i).forEach((([t,i])=>{void 0!==i&&("boolean"==typeof i?i&&e.setAttribute(t,""):e.setAttribute(t,i))})),e},this.generateOptgroup=t=>{const e=document.createElement("q2-optgroup");return t.label&&e.setAttribute("label",t.label),t.disabled&&e.setAttribute("disabled",""),t.options.length&&t.options.forEach((t=>e.appendChild(this.generateOption(t)))),e},this.onClick=t=>{const e=t.target;e instanceof HTMLElement&&(e.closest(".interior, q2-action-sheet")||this.onCancel(t))},this.onCancel=t=>{var e,i;t.preventDefault();const{initialSelectedOptions:o}=this;this.hide({value:null!==(i=null===(e=null==o?void 0:o[0])||void 0===e?void 0:e.value)&&void 0!==i?i:"",values:o,type:"cancel"})},this.onListChange=t=>{this.selectedOptions=t.detail},this.onListPopoverStateChange=t=>{t.detail.open||("close"===t.detail.action?this.onCancel(t):this.onListDone())},this.onListDone=()=>{this.hide(Object.assign(Object.assign({},this.selectedOptions),{type:"confirm"}))},this.renderSlot=()=>i("div",{class:"content",ref:t=>this.contentElement=t},i("slot",null)),this.renderMessage=({data:t})=>i("q2-message",{type:t.type},t.title&&i("h2",null,t.title),t.description&&i("p",null,t.description)),this.renderList=({data:t})=>{const{listProps:e}=t;return i(o,null,i("div",{class:"content",ref:t=>this.contentElement=t},i("q2-option-list",{ref:t=>this.optionListElement=t,multiple:e.multiple,noSelect:e.noSelect,onChange:this.onListChange,onPopoverState:this.onListPopoverStateChange,selectedOptions:e.selectedOptions},i("slot",null))),i("footer",null,e.multiple&&i("q2-btn",{"test-id":"btnDone",intent:"workflow-primary",onClick:this.onListDone},r("tecton.element.actionSheet.done"))))},this.data=void 0,this.hideClose=void 0,this.isScrollable=!1,this.renderStatus="is-closing"}componentDidLoad(){this.dialogElement.addEventListener("cancel",this.onCancel),this.ready.emit()}disconnectedCallback(){this.dialogElement.removeEventListener("cancel",this.onCancel)}storeInitialValues(){const{data:t}=this;t&&"list"===t.appearance&&(this.initialSelectedOptions=t.listProps.selectedOptions)}focusContent(){const{data:t}=this;if(t&&"list"===t.appearance){const{event:e}=t;e instanceof KeyboardEvent?this.optionListElement.handleExternalKeydown(e):this.optionListElement.focus()}}hidePostHook(){const{data:t}=this;t&&"list"===t.appearance&&(this.hostElement.innerHTML=null)}showPreHook(){const{data:t}=this;t&&"list"===t.appearance&&(this.hostElement.innerHTML=null,t.options.forEach((t=>{this.hostElement.appendChild("options"in t?this.generateOptgroup(t):this.generateOption(t))})))}updateDialogMinMaxHeight(){const t=window.innerHeight;this.dialogElement.style.setProperty("--comp-dialog-min-height",`${Math.floor(t*this.minHeight)}px`),this.dialogElement.style.setProperty("--comp-dialog-max-height",`${Math.floor(t*this.maxHeight)}px`)}async hide(t={value:"",values:[],type:"confirm"}){this.close.emit(t),this.renderStatus="is-closing",this.dialogElement.addEventListener("transitionend",(()=>{this.dialogElement.close(),this.renderStatus=null,this.data=void 0,this.initialSelectedOptions=[],this.selectedOptions={values:[],value:""},this.hidePostHook()}),{once:!0})}async show(){this.showPreHook(),await s(),this.updateDialogMinMaxHeight(),this.storeInitialValues(),this.dialogElement.open||(this.dialogElement.showModal(),this.renderStatus="is-opening",this.dialogElement.addEventListener("transitionend",(()=>{this.renderStatus="is-open",this.focusContent()}),{once:!0}))}render(){var t;const{data:e}=this,o=(null==e?void 0:e.title)||!this.hideClose,a=this.renderStatus||"";let r=null;switch(null==e?void 0:e.appearance){case"message":r=this.renderMessage;break;case"list":r=this.renderList;break;default:r=this.renderSlot}return i("dialog",{ref:t=>this.dialogElement=t,class:a,onClick:this.onClick},i("div",{class:`interior is-${(null==e?void 0:e.appearance)||"slot"}`},o&&i("header",null,i("div",{class:"title"},null==e?void 0:e.title),i("q2-btn",{class:"btn-close","test-id":"btnClose",onClick:this.onCancel,label:"tecton.element.actionSheet.close","hide-label":!0},i("q2-icon",{type:"close"}))),(null===(t=this.data)||void 0===t?void 0:t.description)&&i("p",null,e.description),r&&i(r,{data:this.data})))}get hostElement(){return a(this)}};n.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@keyframes showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px) var(--app-scale-3x, 15px) 0 0;--comp-border-radius:var(--tct-action-sheet-border-radius, var(--t-action-sheet-border-radius, var(--comp-border-radius-default)));--comp-desktop-border-radius:var(--tct-action-sheet-border-radius, var(--t-action-sheet-border-radius, var(--app-scale-3x, 15px)));--comp-header-size:var(--tct-action-sheet-close-size, var(--t-action-sheet-close-size, var(--t-a11y-min-size, 44px)));--comp-dialog-background:var(--tct-action-sheet-background, var(--t-action-sheet-background, var(--t-base, #ffffff)));--comp-dialog-color:var(--tct-action-sheet-color, var(--t-action-sheet-color, var(--t-text, #4d4d4d)));--comp-dialog-padding:var(--tct-action-sheet-padding, var(--t-action-sheet-padding, var(--app-scale-3x, 15px)));--comp-content-gradient-height:var(--tct-action-sheet-content-gradient-height, var(--t-action-sheet-content-gradient-height, var(--app-scale-2x, 10px)));--comp-dialog-interior-gap-default:var(--app-scale-2x, 10px);--comp-dialog-max-width:var(--tct-action-sheet-max-width, var(--t-action-sheet-max-width, 400px));--comp-dialog-max-height:var(--tct-action-sheet-max-height, var(--t-action-sheet-max-height, 75vh));--comp-dialog-min-height:var(--tct-action-sheet-min-height, var(--t-action-sheet-min-height, 20vh));--comp-dialog-box-shadow:var(--tct-action-sheet-box-shadow, var(--t-action-sheet-box-shadow, var(--app-shadow-2, 0 3px 6px rgba(0, 0, 0, 0.3))));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease))), opacity var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden;min-height:var(--comp-dialog-min-height);max-height:var(--comp-dialog-max-height)}dialog::backdrop{opacity:0;background:var(--tct-action-sheet-backdrop-background, var(--t-action-sheet-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6))))}dialog[open].is-opening,dialog[open].is-open{transform:translateY(-100%)}@media screen and (min-width: 1200px){dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)))}@media screen and (min-width: 1200px){dialog{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:0}}.content{overflow-y:auto;--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)}.interior{display:grid;grid-template-rows:44px 1fr auto;gap:var(--comp-dialog-interior-gap-default);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:"";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}.interior.is-list header:before{top:calc(100% + var(--comp-dialog-interior-gap-default));background:linear-gradient(to bottom, var(--t-base) 0%, var(--t-base-a0) 100%)}.interior.is-list footer:before{top:calc((var(--comp-dialog-interior-gap-default) + var(--comp-content-gradient-height)) * -1);background:linear-gradient(to top, var(--t-base) 0%, var(--t-base-a0) 100%)}header{display:grid;grid-template-columns:var(--comp-header-size) 1fr var(--comp-header-size);grid-template-areas:". title close";gap:var(--app-scale-2x, 10px)}header .title{grid-area:title;text-align:center;line-height:var(--comp-header-size)}header .btn-close{grid-area:close;width:var(--comp-header-size);height:var(--comp-header-size)}footer{display:flex;justify-content:end}';export{n as q2_action_sheet}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,F as a,g as e}from"./p-926a3e80.js";import{c as r,o as n,i as s,l}from"./p-9acfa94e.js";const p=class{constructor(o){t(this,o),this.change=i(this,"change",7),this.id=`radio-group-${r()}`,this.onMutationObserved=()=>{this.valueUpdated(this.value),this.nameUpdated(),this.disabledUpdated(),this.readonlyUpdated(),this.tileLayoutUpdated(this.tileLayout)},this.onInnerRadioChange=t=>{t.stopImmediatePropagation(),this.readonly||this.change.emit({value:t.detail.value})},this.label=void 0,this.value=void 0,this.disabled=!1,this.name=void 0,this.optional=void 0,this.readonly=void 0,this.tileLayout=void 0,this.tileAlignment="center",this.hasError=!1,this.tilelayout=void 0}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}componentWillLoad(){this.onMutationObserved(),this.tilelayout&&(this.tileLayout=this.tilelayout)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,n(this.hostElement)}valueUpdated(t){this.radioElements.forEach((i=>{i.checked=t===i.value}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this.id}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}readonlyUpdated(){const t=this.readonly;this.radioElements.forEach((i=>i.groupReadonly=t))}tilelayoutUpdated(t){this.tileLayout=t}tileLayoutUpdated(t){this.radioElements.forEach((i=>{i.groupTileLayout=t}))}onHostElementChange(t){t.target===this.hostElement&&(this.hostElement.onchange||(this.value=t.detail.value))}delegateFocus(t){if(!s(t,this.hostElement))return;const i=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");null==i||i.dispatchEvent(new FocusEvent("focus"))}keydownHandler(t){const i=t.target.getAttribute("value")||this.value;let o=this.radioElements.findIndex((o=>o===t.target||o.getAttribute("value")===i)),a=0;switch(t.key){case"ArrowLeft":case"ArrowUp":a=-1;break;case"ArrowRight":case"ArrowDown":a=1}-1!==o&&0!==a&&(o+=a,o=a<0?Math.max(0,o):Math.min(this.radioElements.length-1,o),t.preventDefault(),this.readonly||(this.value=this.radioElements[o].value),this.radioElements[o].dispatchEvent(new FocusEvent("focus")))}labelDOM(){const{label:t,optional:i,readonly:e}=this;let r="";return e?r=o("span",{class:"optional-tag"},l("tecton.element.input.readonly")):i&&(r=o("span",{class:"optional-tag"},l("tecton.element.input.optional"))),o(a,null,t&&l(t),!!r&&o("span",{class:"optional-tag"},r))}render(){const t=this.label||this.optional||this.readonly,{hasError:i}=this;return o(a,null,(t||i)&&o("div",{class:"label-row"},t&&o("div",{class:"group-legend"},this.labelDOM()),i&&o("q2-icon",{type:"error","test-id":"iconError"})),o("fieldset",{onChange:this.onInnerRadioChange,"aria-required":`${!this.optional}`,"aria-readonly":`${this.readonly}`,"aria-invalid":`${this.hasError}`},t&&o("legend",{class:"sr"},this.labelDOM()),this.inputDom()))}inputDom(){if(this.tileLayout){const{tileAlignment:t}=this,i=["left","center","right"].includes(t)?t:"center";return o("div",{class:`tile-container ${i}`},o("div",{class:"options-container"},o("slot",null)))}return o("div",{class:"options-container"},o("slot",null))}get hostElement(){return e(this)}static get watchers(){return{value:["valueUpdated"],name:["nameUpdated"],disabled:["disabledUpdated"],readonly:["readonlyUpdated"],tilelayout:["tilelayoutUpdated"],tileLayout:["tileLayoutUpdated"]}}};p.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:0;margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";gap:var(--app-scale-1x, 5px)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px))}:host([has-error]) .options-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';export{p as q2_radio_group}
1
+ import{r as t,c as i,h as o,F as a,g as e}from"./p-926a3e80.js";import{c as r,o as n,a as s,l}from"./p-059065e4.js";const p=class{constructor(o){t(this,o),this.change=i(this,"change",7),this.id=`radio-group-${r()}`,this.onMutationObserved=()=>{this.valueUpdated(this.value),this.nameUpdated(),this.disabledUpdated(),this.readonlyUpdated(),this.tileLayoutUpdated(this.tileLayout)},this.onInnerRadioChange=t=>{t.stopImmediatePropagation(),this.readonly||this.change.emit({value:t.detail.value})},this.label=void 0,this.value=void 0,this.disabled=!1,this.name=void 0,this.optional=void 0,this.readonly=void 0,this.tileLayout=void 0,this.tileAlignment="center",this.hasError=!1,this.tilelayout=void 0}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}componentWillLoad(){this.onMutationObserved(),this.tilelayout&&(this.tileLayout=this.tilelayout)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,n(this.hostElement)}valueUpdated(t){this.radioElements.forEach((i=>{i.checked=t===i.value}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this.id}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}readonlyUpdated(){const t=this.readonly;this.radioElements.forEach((i=>i.groupReadonly=t))}tilelayoutUpdated(t){this.tileLayout=t}tileLayoutUpdated(t){this.radioElements.forEach((i=>{i.groupTileLayout=t}))}onHostElementChange(t){t.target===this.hostElement&&(this.hostElement.onchange||(this.value=t.detail.value))}delegateFocus(t){if(!s(t,this.hostElement))return;const i=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");null==i||i.dispatchEvent(new FocusEvent("focus"))}keydownHandler(t){const i=t.target.getAttribute("value")||this.value;let o=this.radioElements.findIndex((o=>o===t.target||o.getAttribute("value")===i)),a=0;switch(t.key){case"ArrowLeft":case"ArrowUp":a=-1;break;case"ArrowRight":case"ArrowDown":a=1}-1!==o&&0!==a&&(o+=a,o=a<0?Math.max(0,o):Math.min(this.radioElements.length-1,o),t.preventDefault(),this.readonly||(this.value=this.radioElements[o].value),this.radioElements[o].dispatchEvent(new FocusEvent("focus")))}labelDOM(){const{label:t,optional:i,readonly:e}=this;let r="";return e?r=o("span",{class:"optional-tag"},l("tecton.element.input.readonly")):i&&(r=o("span",{class:"optional-tag"},l("tecton.element.input.optional"))),o(a,null,t&&l(t),!!r&&o("span",{class:"optional-tag"},r))}render(){const t=this.label||this.optional||this.readonly,{hasError:i}=this;return o(a,null,(t||i)&&o("div",{class:"label-row"},t&&o("div",{class:"group-legend"},this.labelDOM()),i&&o("q2-icon",{type:"error","test-id":"iconError"})),o("fieldset",{onChange:this.onInnerRadioChange,"aria-required":`${!this.optional}`,"aria-readonly":`${this.readonly}`,"aria-invalid":`${this.hasError}`},t&&o("legend",{class:"sr"},this.labelDOM()),this.inputDom()))}inputDom(){if(this.tileLayout){const{tileAlignment:t}=this,i=["left","center","right"].includes(t)?t:"center";return o("div",{class:`tile-container ${i}`},o("div",{class:"options-container"},o("slot",null)))}return o("div",{class:"options-container"},o("slot",null))}get hostElement(){return e(this)}static get watchers(){return{value:["valueUpdated"],name:["nameUpdated"],disabled:["disabledUpdated"],readonly:["readonlyUpdated"],tilelayout:["tilelayoutUpdated"],tileLayout:["tileLayoutUpdated"]}}};p.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:0;margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";gap:var(--app-scale-1x, 5px)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px))}:host([has-error]) .options-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';export{p as q2_radio_group}
@@ -0,0 +1 @@
1
+ import{r as t,h as r,g as a,c as e,F as i}from"./p-926a3e80.js";import{i as s,c as o,g as p,h as n,o as d,l as c,a as f,m as u,j as l}from"./p-059065e4.js";const m=class{constructor(r){t(this,r),this.value=0,this.maxLength=void 0,this.position=void 0,this.size=void 0,this.theme=void 0,this.status=void 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}render(){const t=["badge"];return"large"===this.size&&t.push("size-large"),r("div",{class:"badge-wrapper"},r("div",{class:t.join(" ")},r("span",{class:"badge-text"},r("slot",null,this.badgeText))))}get hostElement(){return a(this)}};function h(t="",r={prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!1,allowNegative:!0},a=!1){const e="-"===t[0];let i=t;const s=!!r.allowDecimal&&!!r.decimals;if(a){const t=i.replace(/[^\d.]/g,"");i=t&&Number(t).toFixed(s?r.decimals:0)||""}i=i.replace(/[^\d]/g,"");let{integerString:o,decimalString:p}=function(t,r=!1,a){if(!r)return{integerString:t,decimalString:""};const e=t.length-a;let i=t.substring(0,e).padStart(1,"0");i.length>1&&"0"===i[0]&&(i=i.substring(1));return{integerString:i,decimalString:t.substring(e).padStart(a,"0")}}(i,s,r.decimals),n=r.decimalSeparator;s||(n="",p="");const d=r.allowNegative&&e?"-":"";i=`${d}${o}${n}${p}`,o=o.replace(/\B(?=(\d{3})+(?!\d))/g,r.thousandsSeparator);const c=d||o?`${d}${o}${n}${p}`:"";let f=c.length-i.length;return n&&(f+=r.decimalSeparator.length),{value:i,formattedValue:c,fullyFormattedValue:d||o?`${d}${r.prefix}${o}${n}${p}${r.suffix}`:"",prefix:r.prefix||r.suffix,suffix:"",formattingCharacterCount:f,maxlength:Number.MAX_SAFE_INTEGER.toString().length+f+p.length,unformattedValue:`${o.replace(/[^0-9]/g,"")}${p}`.replace(/^0+/,"")}}function x(t="",r="",a){const e=a&&a.prefix||"",i=a&&a.suffix||"";if(!t||!r)return{value:t,formattedValue:t,fullyFormattedValue:`${e}${t}${i}`,prefix:e.trim()||i.trim(),formattingCharacterCount:0,unformattedValue:t};const{unformattedValue:s,formattedValue:o,formattingCharacterCount:p}=function(t,r){const a=r.split(""),e=function(t){const r=S.join("|"),a=t.replace(new RegExp(`[${r}]`,"g"),"").split("");return new Set(a)}(r);let i=0,s=0,o="";const p=a.reduce(((r,a)=>{if(i>=t.length)return r;if(function(t){return b.includes(t)}(a)&&v(t[i],e))return r;if(function(t){return S.includes(t)}(a)){if(i=g(t,i,e),i>=t.length)return r;const s=function(t,r){switch(r){case"#":t=t.replace(/[^\d]/g,"");break;case"@":t=t.toUpperCase().replace(/[^A-Z]+/g,"");break;case"*":t=t.toUpperCase().replace(/[^\dA-Z]+/g,"");break;case"?":t=t.replace(/[^\d]/g,"");break;default:return t}return t}(t[i],a);r+=s,o+=s,i++}else r+=a,s++,a===t[i]&&i++;return r}),"");return{unformattedValue:o,formattedValue:p,formattingCharacterCount:s}}(t,r),n=`${e}${o}${i}`,d=r.length,c=function(t,r,a){return t.replace(new RegExp(`[${b.join("|")}]`,"g"),"").length+r.length+a.length}(r,e,i);return{value:s,formattedValue:o,fullyFormattedValue:n,prefix:e.trim()||i.trim(),formattingCharacterCount:p,maxlength:d,minFormattedLength:c,unformattedValue:s}}m.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.badge-wrapper{--comp-badge-background:var(--t-gray8, #61c4ff);--comp-badge-color:var(--t-base, #ffffff);--comp-badge-border-color:var(--t-secondary-l1, #9a9898)}:host([status=info]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-info, #0079C1);--comp-badge-color:var(--const-stoplight-info-text, #ffffff);--comp-badge-border-color:var(--const-stoplight-info-l1, #3a9bd6)}:host([status=alert]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-alert, #C30000);--comp-badge-color:var(--const-stoplight-alert-text, #ffffff);--comp-badge-border-color:var(--const-stoplight-alert-l1, #e42929)}:host([status=warning]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-warning, #F0B400);--comp-badge-color:var(--const-stoplight-warning-text, #423535);--comp-badge-border-color:var(--const-stoplight-warning-l1, #f9ce4c)}:host([status=success]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-success, #57fc45);--comp-badge-color:var(--const-stoplight-success-text, #ffffff);--comp-badge-border-color:var(--const-stoplight-success-l1, #2eaa21)}:host([theme=primary]) .badge-wrapper{--comp-badge-background:var(--t-primary, #0079c2);--comp-badge-color:var(--t-primary-text, #ffffff);--comp-badge-border-color:var(--t-primary-l1, #3a9bd6)}:host([theme=secondary]) .badge-wrapper{--comp-badge-background:var(--t-secondary, #b4c2cd);--comp-badge-color:var(--t-secondary-text, #ffffff);--comp-badge-border-color:var(--t-secondary-l1, #c6d1db)}:host([theme=tertiary]) .badge-wrapper{--comp-badge-background:var(--t-tertiary, #e9f5fc);--comp-badge-color:var(--t-tertiary-text, #000000);--comp-badge-border-color:var(--t-tertiary-l1, #f3f4f5)}.badge{font-size:10px;line-height:16px;height:16px;min-width:16px;text-align:center;padding:0 4px;color:var(--comp-badge-color);background-color:var(--comp-badge-background);border-style:solid;border-color:var(--comp-badge-border-color);border-width:var(--tct-badge-border-width, var(--t-badge-border-width, 1px));border-radius:var(--tct-badge-border-radius, var(--t-badge-border-radius, 8px))}.badge.size-large{font-size:14px;height:22px;min-width:22px;border-radius:var(--tct-badge-border-radius, var(--t-badge-border-radius, 11px));line-height:22px;padding:0 6px;border-color:var(--comp-badge-border-color)}.badge-wrapper{display:flex;align-items:center;justify-content:center}";const b=["?"],S=["#","@","*",...b];function v(t,r){return r.has(t)}function g(t,r,a){return v(t[r],a)?g(t,++r,a):r}const k={AED:{prefix:"",suffix:"د.إ",decimals:2,decimalSeparator:".",thousandsSeparator:","},AFN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ALL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AMD:{prefix:"դր.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ANG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AOA:{prefix:"Kz",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ARS:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AUD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AWG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AZN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BAM:{prefix:"КМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BDT:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BGN:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BHD:{prefix:"",suffix:"ب.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},BIF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BND:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BOB:{prefix:"Bs.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BRL:{prefix:"R$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BSD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BTN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BWP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BYN:{prefix:"Br",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CDF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CHF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CLF:{prefix:"Fr",suffix:"",decimals:4,decimalSeparator:".",thousandsSeparator:","},CLP:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CNY:{prefix:"¥",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},COP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CRC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUC:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CVE:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CZK:{prefix:"Kč",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DJF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},DKK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DOP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DZD:{prefix:"",suffix:"د.ج",decimals:2,decimalSeparator:".",thousandsSeparator:","},EEK:{prefix:"KR",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EGP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ERN:{prefix:"Nfk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ETB:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EUR:{prefix:"€",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FJD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FKP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GBP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GEL:{prefix:"ლ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GHS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GIP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GMD:{prefix:"D",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GNF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},GTQ:{prefix:"Q",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HKD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HNL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HRK:{prefix:"kn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HTG:{prefix:"G",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HUF:{prefix:"Ft",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IDR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ILS:{prefix:"₪",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},INR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IQD:{prefix:"",suffix:"ع.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},IRR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ISK:{prefix:"kr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},JMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},JOD:{prefix:"",suffix:"د.ا",decimals:3,decimalSeparator:".",thousandsSeparator:","},JPY:{prefix:"¥",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KES:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KGS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KHR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KMF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KPW:{prefix:"₩",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KRW:{prefix:"₩",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KWD:{prefix:"د.ك",suffix:"",decimals:3,decimalSeparator:".",thousandsSeparator:","},KYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KZT:{prefix:"〒",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LAK:{prefix:"₭",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LBP:{prefix:"",suffix:"ل.ل",decimals:2,decimalSeparator:".",thousandsSeparator:","},LKR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LSL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LTL:{prefix:"Lt",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LVL:{prefix:"Ls",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LYD:{prefix:"",suffix:"ل.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},MAD:{prefix:"",suffix:"د.م.",decimals:2,decimalSeparator:".",thousandsSeparator:","},MDL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MGA:{prefix:"¤",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MKD:{prefix:"ден",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MMK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MNT:{prefix:"₮",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MOP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MRU:{prefix:"UM",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MUR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MVR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MWK:{prefix:"MK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MXN:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MYR:{prefix:"RM",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MZN:{prefix:"MTn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NGN:{prefix:"₦",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NIO:{prefix:"C$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NOK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NPR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},OMR:{prefix:"",suffix:"ر.ع.",decimals:3,decimalSeparator:".",thousandsSeparator:","},PAB:{prefix:"B/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PEN:{prefix:"S/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PGK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PHP:{prefix:"p",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PKR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PLN:{prefix:"zł",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PYG:{prefix:"¤",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},QAR:{prefix:"",suffix:"ر.ق",decimals:2,decimalSeparator:".",thousandsSeparator:","},RON:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RSD:{prefix:"дин.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RUB:{prefix:"руб.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RWF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},SAR:{prefix:"",suffix:"ر.س",decimals:2,decimalSeparator:".",thousandsSeparator:","},SBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SCR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SDG:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SEK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SGD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SHP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SKK:{prefix:"Sk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SLL:{prefix:"Le",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SOS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},STN:{prefix:"Db",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SVC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SYP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SZL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},THB:{prefix:"฿",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TJS:{prefix:"ЅМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TMM:{prefix:"m",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TND:{prefix:"",suffix:"د.ت",decimals:3,decimalSeparator:".",thousandsSeparator:","},TOP:{prefix:"T$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TRY:{prefix:"YTL",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TTD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TZS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UAH:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UGX:{prefix:"Sh",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},USD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UYU:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},UZS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VEF:{prefix:"Bs F",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VND:{prefix:"₫",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},VUV:{prefix:"Vt",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},WST:{prefix:"T",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XAF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XCD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XOF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XPF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},YER:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZAR:{prefix:"R",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZMW:{prefix:"ZK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","}};function w(t,r="USD",a=!1){let e=r||"",i=!0;e.includes("-integer")&&(e=e.split("-integer")[0],i=!1);const s=k[e];return s?h(t,Object.assign(Object.assign({},s),{allowDecimal:i&&s.decimals>0,allowNegative:!1}),a):x(t)}const y={AF:{mask:"(##) #######",prefix:"+93 "},AL:{mask:"#######",prefix:"+355 "},DZ:{mask:"(##) ###-###",prefix:"+213 "},AD:{mask:"(#) #####",prefix:"+376 "},AO:{mask:"#########",prefix:"+244 "},AI:{mask:"(###) ###-####",prefix:"+1 "},AG:{mask:"(###) ###-####",prefix:"+1 "},AR:{mask:"##########",prefix:"+54 "},AM:{mask:"########",prefix:"+375 "},AQ:{mask:"##-####",prefix:"+672 "},AW:{mask:"###-####",prefix:"+297 "},AU:{mask:"(##) ####-####",prefix:"+61 "},AT:{mask:"#############",prefix:"+43 "},AZ:{mask:"#########",prefix:"+994 "},BS:{mask:"(###) ###-####",prefix:"+1 "},BH:{mask:"####-####",prefix:"+973 "},BD:{mask:"#########",prefix:"+880 "},BB:{mask:"(###) ###-####",prefix:"+1 "},BY:{mask:"#########",prefix:"+375 "},BE:{mask:"########??",prefix:"+32 "},BZ:{mask:"#######",prefix:"+501 "},BJ:{mask:"(##) ###-###",prefix:"+229 "},BM:{mask:"(###) ###-####",prefix:"+1 "},BT:{mask:"(#) ###-###",prefix:"+975 "},BO:{mask:"(#) ###-####",prefix:"+591 "},BA:{mask:"(##) ##-##-##",prefix:"+387 "},BW:{mask:"########",prefix:"+267 "},BR:{mask:"(##) ####-####",prefix:"+55 "},BN:{mask:"###-####",prefix:"+673 "},BG:{mask:"#######?",prefix:"+359 "},BF:{mask:"##-##-##-##",prefix:"+226 "},BI:{mask:"####-####",prefix:"+257 "},KH:{mask:"(##) ######",prefix:"+855 "},CM:{mask:"####-####",prefix:"+237 "},CA:{mask:"(###) ###-####",prefix:"+1 "},CV:{mask:"###-####",prefix:"+238 "},KY:{mask:"(###) ###-####",prefix:"+1 "},CF:{mask:"###-###",prefix:"+236 "},TD:{mask:"###-##-##",prefix:"+235 "},CL:{mask:"#########",prefix:"+56 "},CN:{mask:"###########",prefix:"+86 "},CO:{mask:"##########",prefix:"57 "},KM:{mask:"###-####",prefix:"+269 "},CD:{mask:"###-####",prefix:"+243 "},CG:{mask:"###-####",prefix:"+242 "},CR:{mask:"####-####",prefix:"+506 "},CI:{mask:"####-####",prefix:"+225 "},HR:{mask:"########?",prefix:"+385 "},CU:{mask:"###########",prefix:"+53 "},CY:{mask:"####-####",prefix:"+357 "},CZ:{mask:"#########",prefix:"+420 "},DK:{mask:"####-####",prefix:"+45 "},DJ:{mask:"##-##-##-##",prefix:"+253 "},DM:{mask:"(###) ###-####",prefix:"+1 "},DO:{mask:"(###) ###-####",prefix:"+1 "},TL:{mask:"###-####",prefix:"+670 "},EC:{mask:"(##) ###-####",prefix:"+593 "},EG:{mask:"##########",prefix:"+20 "},SV:{mask:"####-####",prefix:"+503 "},GQ:{mask:"##-####",prefix:"+240 "},EE:{mask:"#######?",prefix:"+372 "},ET:{mask:"(##) ###-####",prefix:"+251 "},FK:{mask:"#####",prefix:"+500 "},FO:{mask:"######",prefix:"+298 "},FJ:{mask:"###-####",prefix:"+679 "},FI:{mask:"############",prefix:"+358 "},FR:{mask:"#########",prefix:"+33 "},GF:{mask:"##########",prefix:"+594 "},PF:{mask:"######",prefix:"+689 "},GA:{mask:"######?",prefix:"+241 "},GM:{mask:"###-####",prefix:"+220 "},GE:{mask:"########",prefix:"+995 "},DE:{mask:"###########",prefix:"+49 "},GH:{mask:"#########",prefix:"+233 "},GI:{mask:"####-####",prefix:"+350 "},GR:{mask:"##########",prefix:"+30 "},GL:{mask:"###-###",prefix:"+299 "},GD:{mask:"(###) ###-####",prefix:"+1 "},GP:{mask:"##########",prefix:"+590 "},GU:{mask:"(###) ###-####",prefix:"+1 "},GT:{mask:"####-####",prefix:"+502 "},GN:{mask:"####-####",prefix:"+224 "},GW:{mask:"###-####",prefix:"+245 "},GY:{mask:"(###) ####",prefix:"+592 "},HK:{mask:"####-####",prefix:"+852 "},HN:{mask:"########",prefix:"+504 "},HT:{mask:"####-####",prefix:"+509 "},HU:{mask:"########??",prefix:"+36 "},IS:{mask:"#########",prefix:"+354 "},IN:{mask:"##########",prefix:"+91 "},ID:{mask:"#######??????",prefix:"+62 "},IR:{mask:"##########",prefix:"+98 "},IQ:{mask:"##########",prefix:"+964 "},IE:{mask:"#########",prefix:"+353 "},IL:{mask:"#########",prefix:"+972 "},IT:{mask:"##########",prefix:"+39 "},JM:{mask:"(###) ###-####",prefix:"+1 "},JP:{mask:"#########",prefix:"+81 "},JO:{mask:"#########",prefix:"+962 "},KZ:{mask:"(###) ####-###",prefix:"+7 "},KE:{mask:"##########",prefix:"+254 "},KI:{mask:"##-###",prefix:"+686 "},KR:{mask:"##########",prefix:"+82 "},KW:{mask:"####-####",prefix:"+965 "},KG:{mask:"#########",prefix:"+996 "},LA:{mask:"########?",prefix:"+856 "},LV:{mask:"####-####",prefix:"+371 "},LB:{mask:"#######?",prefix:"+961 "},LS:{mask:"##-###-###",prefix:"+266 "},LY:{mask:"########?",prefix:"+218 "},LI:{mask:"###-####",prefix:"+423 "},LT:{mask:"########",prefix:"+370 "},LU:{mask:"###########",prefix:"+352 "},MO:{mask:"####-####",prefix:"+853 "},MK:{mask:"########",prefix:"+389 "},MG:{mask:"##-##-###-##",prefix:"+261 "},MW:{mask:"#########",prefix:"+265 "},MY:{mask:"##########",prefix:"+60 "},MV:{mask:"###-####",prefix:"+960 "},ML:{mask:"####-####",prefix:"+223 "},MT:{mask:"##-##-##-##",prefix:"+356 "},MH:{mask:"###-####",prefix:"+692 "},MQ:{mask:"###-######",prefix:"+596 "},MU:{mask:"###-####",prefix:"+230 "},MX:{mask:"(###) ###-####",prefix:"+52 "},MD:{mask:"########",prefix:"+373 "},MC:{mask:"####-####",prefix:"+377 "},MN:{mask:"###########",prefix:"+976 "},MS:{mask:"(###) ###-####",prefix:"+1 "},MA:{mask:"#########?",prefix:"+212 "},MZ:{mask:"#########",prefix:"+258 "},MM:{mask:"########",prefix:"+95 "},NA:{mask:"##########",prefix:"+264 "},NP:{mask:"##########",prefix:"+977 "},NL:{mask:"#########",prefix:"+31 "},AN:{mask:"########",prefix:"+599 "},NC:{mask:"###-###",prefix:"+687 "},NZ:{mask:"##########",prefix:"+64 "},NI:{mask:"####-####",prefix:"+505 "},NE:{mask:"##-###-###",prefix:"+227 "},NG:{mask:"##########",prefix:"+234 "},MP:{mask:"(###) ###-####",prefix:"+1 "},NO:{mask:"####-####",prefix:"+47 "},OM:{mask:"####-####",prefix:"+968 "},PK:{mask:"##########",prefix:"+92 "},PW:{mask:"###-####",prefix:"+680 "},PA:{mask:"########",prefix:"+507 "},PG:{mask:"########",prefix:"+675 "},PE:{mask:"###########",prefix:"+51 "},PH:{mask:"##########",prefix:"+63 "},PL:{mask:"#########",prefix:"+48 "},PT:{mask:"#-####-####",prefix:"+351 "},PR:{mask:"(###) ###-####",prefix:"+1 "},QA:{mask:"###-####",prefix:"+974 "},RE:{mask:"###-###-###",prefix:"+262 "},RO:{mask:"#########",prefix:"+40 "},RU:{mask:"##########",prefix:"+7 "},RW:{mask:"###-###-###",prefix:"+250 "},SH:{mask:"#-###",prefix:"+290 "},KN:{mask:"(###) ###-####",prefix:"+1 "},LC:{mask:"(###) ###-####",prefix:"+1 "},VC:{mask:"(###) ###-####",prefix:"+1 "},ST:{mask:"##-####",prefix:"+239 "},SA:{mask:"#########",prefix:"+966 "},SN:{mask:"##-###-####",prefix:"+221 "},SC:{mask:"###-###",prefix:"+248 "},SL:{mask:"(##) ###-###",prefix:"+232 "},SG:{mask:"####-####",prefix:"+65 "},SK:{mask:"#########",prefix:"+421 "},SI:{mask:"########",prefix:"+386 "},SB:{mask:"##-###",prefix:"+677 "},ZA:{mask:"(##) ###-####",prefix:"+27 "},ES:{mask:"###-###-###",prefix:"+34 "},LK:{mask:"(##) ###-####",prefix:"+94 "},SD:{mask:"##-###-####",prefix:"+249 "},SR:{mask:"######?",prefix:"+597 "},SZ:{mask:"###-####",prefix:"+268 "},SE:{mask:"###########",prefix:"+46 "},CH:{mask:"(##) ###-####",prefix:"+41 "},SY:{mask:"#########",prefix:"+963 "},TJ:{mask:"#########",prefix:"+992 "},TZ:{mask:"#########",prefix:"+255 "},TH:{mask:"#########",prefix:"+66 "},TG:{mask:"###-####",prefix:"+228 "},TT:{mask:"(###) ###-####",prefix:"+1 "},TN:{mask:"##-###-###",prefix:"+216 "},TR:{mask:"(###) ###-####",prefix:"+90 "},TM:{mask:"########",prefix:"+993 "},TC:{mask:"(###) ###-####",prefix:"+1 "},UG:{mask:"#########",prefix:"+256 "},UA:{mask:"(##) ###-####",prefix:"+380 "},AE:{mask:"#########",prefix:"+971 "},GB:{mask:"#########????",prefix:"+44 "},UY:{mask:"########?",prefix:"+598 "},UZ:{mask:"(##) ###-####",prefix:"+998 "},VE:{mask:"(###) ###-####",prefix:"+58 "},VN:{mask:"#######????",prefix:"+84 "},VG:{mask:"(###) ###-####",prefix:"+1 "},VI:{mask:"(###) ###-####",prefix:"+1 "},YE:{mask:"#########",prefix:"+967 "},ZM:{mask:"#########",prefix:"+260 "},ZW:{mask:"#########",prefix:"+263 "},AC:{mask:"####",prefix:"+247 "},ME:{mask:"(##) ###-####",prefix:"+382 "},PS:{mask:"#########",prefix:"+970 "},RS:{mask:"#########",prefix:"+381 "},TW:{mask:"#########",prefix:"+886 "},CW:{mask:"#-###-####",prefix:"+599 "},US:{mask:"(###) ###-####",prefix:""}};function M(t,r="US"){const{mask:a,prefix:e}=y[r]||y.US,i={prefix:e},s=t||"";return"BR"===r&&11===s.replace(/[^0-9]/g,"").length?x(s,"(##) #####-####",i):x(s,a,i)}function D(t){return x(t,"###-##-####")}function C(t){return x((t||"").replace(/[^\da-zA-Z]/g,""))}function A(t,r){let a=t||"";return a=a.replace("spaced"===r?/[^a-zA-Z ]/g:/[^a-zA-Z]/g,""),x(a)}const Y={delimited:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!1,allowNegative:!0},integer:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!0,allowNegative:!0},dec:{prefix:"",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!0,allowNegative:!0}};function L(t){let r;t.includes("dec")&&(r=Number(t.replace("dec","")),t="dec");let a=Y[t];if(a)return a=Object.assign({},a),r&&(a.decimals=r),a}function N(t="",r="",a=!1){const e=L(r);return e?h(t,e,a):x((t||"").replace(/[^\d.,-]/g,""))}function F(t="",r="",a=!1){const e=L(r);return e?(e.suffix="%",h(t,e,a)):x((t||"").replace(/[^\d.,-]/g,""),void 0,{suffix:"%"})}const R={AF:"####",AL:"####",DZ:"#####",AC:"ASCN 1ZZ",AD:"AD###",AR:"####","AR+":"@####@@@",AI:"AI-2640",AM:"####",AS:"#####","AS+4":"#####-####",AU:"####",AT:"####",AZ:"AZ ####",BH:"###?",BD:"####",BB:"BB#####",BY:"######",BE:"####",BM:"@@ **",BT:"#####",BA:"######",BR:"#####","BR+3":"#####-###",VG:"VG####",BN:"@@####",BG:"####",KH:"#####",KY:"KY#-####",CA:"@#@ #@#",CL:"###-####",CN:"######",CX:"####",CC:"####",CO:"######",CR:"#####","CR+4":"#####-####",CV:"####",HR:"#####",CU:"#####",CY:"####",CZ:"### ##",DK:"####",DO:"#####",EC:"######",SV:"####",EG:"#####",EE:"#####",ET:"####",FK:"FIQQ 1ZZ",FO:"###",FI:"#####",FR:"#####",GF:"973##",PF:"987##",GI:"GX11 1AA",GE:"####",DE:"#####",GR:"### ##",GL:"####",GP:"971##",GU:"#####","GU+4":"#####-####",GT:"#####",GG:"GY#? #@@",GN:"###",GS:"SIQQ 1ZZ",GW:"####",HT:"####",HN:"@@####","HN-":"#####",HU:"####",IS:"###",IN:"### ###",ID:"#####",IE:"*** ****",IR:"##########",IQ:"#####",IM:"IM#? #@@",IL:"#######",IT:"#####",JM:"##",JP:"###-####",JE:"JE#? #@@",JO:"#####",KZ:"######",KE:"#####",KR:"#####",KN:"KN####",XK:"#####",KW:"#####",KG:"######",LA:"#####",LV:"LV-####",LB:"####? ????",LS:"###",LR:"####",LI:"####",LT:"#####",LU:"####",MK:"####",MG:"###",MY:"#####",MV:"#####",MT:"@@@ ####",MH:"#####","MH+4":"#####-####",MU:"#####",MQ:"972##",MW:"######",YT:"976##",MX:"#####",FM:"#####","FM+4":"#####-####",MD:"####",MC:"980##",MN:"#####",ME:"#####",MA:"#####",MZ:"####",MM:"#####",NA:"#####",NP:"#####",NC:"988##",NZ:"####",NI:"#####",NE:"####",NG:"######",NF:"####",MP:"#####",NO:"####",OM:"###",PK:"#####",PW:"#####","PW+4":"#####-####",PS:"###",PA:"####",PG:"###",PY:"####",PE:"#####","PE+":"####",PH:"####",PL:"##-###",PT:"####","PT+3":"####-###",PR:"#####","PR+4":"#####-####",RE:"974##",PM:"975##",PN:"PCRN 1ZZ",RO:"######",RU:"######",LC:"LC## ###",VC:"####",WS:"####",SM:"4879#",SA:"#####","SA+4":"#####-####",SN:"#####",RS:"#####",SG:"######",SH:"@@@@ 1ZZ",SK:"### ##",SI:"####",SO:"@@ #####",ZA:"####",ES:"#####",LK:"#####",SD:"#####",SZ:"@###",SE:"### ##",CH:"####",SJ:"####",TW:"###","TW+2":"###-##?",TJ:"######",TZ:"#####",TH:"#####",TT:"######",TN:"####",TR:"#####",TM:"######",UA:"#####",UY:"#####",VI:"#####","VI+4":"#####-####",UZ:"######",VE:"####","VE-":"####-@",VN:"#####?",YU:"#####",WF:"986##",ZM:"#####",US:"#####","US+4":"#####-####"};function I(t,r="US"){const a=R[r];return a?x(t,a):C(t)}const $={"MM/DD/YYYY":"##/##/####","M/D/YYYY":"#?/#?/####","MM/DD/YY":"##/##/##","M/D/YY":"#?/#?/##","MM/YY":"##/##","M/YY":"#?/##","DD/MM/YYYY":"##/##/####","D/M/YYYY":"#?/#?/####","DD/MM/YY":"##/##/##","D/M/YY":"#?/#?/##","MM-DD-YYYY":"##-##-####","M-D-YYYY":"#?-#?-####","MM-DD-YY":"##-##-##","M-D-YY":"#?-#?-##","MM-YY":"##-##","M-YY":"#?-##","DD-MM-YYYY":"##-##-####","D-M-YYYY":"#?-#?-####","DD-MM-YY":"##-##-##","D-M-YY":"#?-#?-##"};function G(t,r="MM/DD/YYYY"){const a=x(t,$[r]||$["MM/DD/YYYY"]);return Object.assign(Object.assign({},a),{value:a.formattedValue})}const B=function(t){const r=x(t,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"unknown",leftIcon:"card-unknown",leftIconMuted:t.length<16})},P=function(t){const r=x(t,"#### ###### #####");return Object.assign(Object.assign({},r),{type:"amex",leftIcon:"card-amex-color",leftIconMuted:t.length<15})},T=function(t){const r=x(t,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"discover",leftIcon:"card-discover-color",leftIconMuted:t.length<16})},K=function(t){const r=x(t,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"masterCard",leftIcon:"card-mastercard-color",leftIconMuted:t.length<16})},O=function(t){const r=x(t,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"visa",leftIcon:"card-visa-color",leftIconMuted:t.length<16})},E=function(t){const r=x(t,"#### ###### ####");return Object.assign(Object.assign({},r),{type:"dinersClub",leftIcon:"card-dinersclub-color",leftIconMuted:t.length<14})},V={discover:T,amex:P,masterCard:K,visa:O,dinersClub:E,unknown:B},Z={detectCreditCardTypeFromValue:function(t){const r=parseInt(t.charAt(0)),a=parseInt(t.charAt(1));switch(r){case 2:if(a>1&&a<8){if(!(t.length>=4))return"masterCard";{const r=parseInt(t.substr(0,4));if(r>=2221&&r<2721)return"masterCard"}}break;case 3:if(4===a||7===a)return"amex";if(0===a){if(!(t.length>2))return"dinersClub";{const r=parseInt(t.charAt(2));if(r<6||9===r)return"dinersClub"}}if(6===a||8===a||9===a)return"dinersClub";break;case 4:return"visa";case 5:if(a>0&&a<6)return"masterCard";break;case 6:if(0===a){if(!(t.length>3))return"discover";if("6011"===t.substr(0,4))return"discover"}if(4===a){if(!(t.length>2))return"discover";if(parseInt(t.substr(0,3))>643)return"discover"}if(5===a)return"discover";if(2===a){if(!(t.length>5))return"discover";{const r=parseInt(t.substr(0,6));if(r>=622126&&r<=622925)return"discover"}}break;default:return"unknown"}return"unknown"},format:function(t){const r=Z.detectCreditCardTypeFromValue(t),a=V[r](t);return t.length<2&&"unknown"===r&&(a.leftIcon="card"),a},amexFormatter:P,dinersClubInternationalFormatter:E,discoverFormatter:T,masterCardFormatter:K,visaFormatter:O,unknownFormatter:B},z=class{constructor(r){t(this,r),this.input=e(this,"input",7),this.change=e(this,"change",7),this.clear=e(this,"clear",7),this.scheduledAfterRender=[],this.isMobile=s(),this.guid=o(),this.onToggleVisibility=()=>{this.textHidden=!this.textHidden},this.onInputClick=()=>{this.shouldCursorStayAtEnd&&this.placeCursorAtEnd()},this.onInputFocus=()=>{this.scheduledAfterRender.push((()=>this.shouldCursorStayAtEnd?this.placeCursorAtEnd():this.setCursorPosition(this.calculateCursorPositionOnFocus()))),this.hasFocus=!0,p(this),this.valueOnFocus=this.value},this.onInputBlur=()=>{this.hasFocus=!1,p(this),this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onInputInput=t=>{t.stopPropagation();const r=this.getFormattedValue(t.target.value,!1);this.handleDataInput(r)},this.onInputPaste=t=>{if("currency"===this.type){const r=t.clipboardData.getData("text"),a=this.getFormattedValue(r,!0);t.preventDefault(),this.handleDataInput(a)}},this.onInputKeydown=t=>{const{key:r}=t;this.shouldCursorStayAtEnd&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(r)&&t.preventDefault(),"Enter"===r&&this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onClearInput=()=>{const t={value:"",formattedValue:"",minFormattedLength:this.formattedValueObject.minFormattedLength};this.input.emit(t),this.change.emit(t),this.clear.emit(),this.inputField.focus()},this.value=void 0,this.label=void 0,this.hideLabel=void 0,this.type="text",this.placeholder=void 0,this.disabled=!1,this.autocomplete=void 0,this.autocorrect=void 0,this.autocapitalize=void 0,this.hideMessages=void 0,this.iconLeft=void 0,this.iconRight=void 0,this.readonly=void 0,this.clearable=void 0,this.optional=void 0,this.min=void 0,this.max=void 0,this.step=void 0,this.formatModifier=void 0,this.maxlength=void 0,this.pseudo=void 0,this.showVisibilityToggle=!1,this.textHidden=void 0,this.badgeValue=void 0,this.badgeTheme=void 0,this.ariaControls=void 0,this.role=void 0,this.ariaOwns=void 0,this.ariaLabel=void 0,this.ariaHaspopup=void 0,this.ariaExpanded=void 0,this.ariaActivedescendant=void 0,this.current=void 0,this.errors=void 0,this.hints=void 0,this.formattedValueObject=void 0,this.hasFocus=void 0}componentWillLoad(){isNaN(this.maxlength)&&(this.maxlength=void 0),this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),n(this),void 0===this.textHidden&&(this.textHidden="password"===this.type)}componentDidLoad(){this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue),d(this.hostElement)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}getFormattedValue(t,r){const a={currency:w,phone:M,ssn:D,alphanumeric:C,alpha:A,numeric:N,percentage:F,postal:I,date:G,"credit-card":Z.format};return a[this.type]?a[this.type](t,this.formatModifier,r):{value:t,formattedValue:t,fullyFormattedValue:t,formattingCharacterCount:0,unformattedValue:t}}get canClear(){return this.clearable&&!!this.value}get shouldCursorStayAtEnd(){return this.isMobile&&"currency"===this.type}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get inputField(){return this.hostElement.shadowRoot.querySelector(".input-field")}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return`input-guid-${this.guid}`}get inputDescribedBy(){return this.showMessages?`${this.inputId}-description`:void 0}get isMaskedType(){return["currency","phone","ssn","alphanumeric","alpha","numeric","percentage","postal","date","credit-card"].includes(this.type)}get wrapperClasses(){const t=["field-container"];return this.hasError&&t.push("has-error"),this.value&&t.push("has-value"),this.clearable&&this.value&&t.push("has-clear"),this.hasFocus&&t.push("has-focus"),this.formattedValueObject.prefix&&t.push("has-prefix"),this.computedIconLeft&&t.push("has-icon-left"),this.showIconSeparator&&t.push("has-icon-separator"),this.formattedValueObject.suffix&&t.push("has-suffix"),!this.formattedValueObject.suffix&&this.iconRight&&t.push("has-icon-right"),t.push("currency"===this.type?"right-aligned":"left-aligned"),this.hasCustomDisplaySlot&&t.push("has-custom-display"),t.join(" ")}get computedType(){return["password","text","ssn"].includes(this.type)&&this.textHidden?"password":this.type&&{text:"text",tel:"tel",number:"number",password:"text",search:"search",url:"url",email:"email",currency:"text",phone:"tel",ssn:"text",alphanumeric:"text",alpha:"text",numeric:"text",percentage:"text",postal:"text",date:"text","credit-card":"text"}[this.type]||"text"}get computedAutocomplete(){return"currency"===this.type?"transaction-amount":this.autocomplete||"off"}get computedIconLeft(){if(!this.formattedValueObject.prefix)return"search"===this.type?"search":this.formattedValueObject.leftIcon?this.formattedValueObject.leftIcon:this.iconLeft}get showIconSeparator(){return"credit-card"===this.type||!!this.formattedValueObject.prefix}get computedClassForIconLeft(){let t="icon-left";return this.formattedValueObject.leftIconMuted&&(t+=" icon-left-muted"),t}get stringValue(){return this.value&&String(this.value)||""}get canSetSelection(){return!["email","number"].includes(this.computedType)}get visibilityToggleText(){return c("tecton.element.input.toggle."+(this.textHidden?"show":"hide"))}formatAndUpdateValueFromProp(){this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue)}get inputMode(){return this.type&&{currency:"numeric",ssn:"numeric",numeric:"decimal",percentage:"decimal",postal:"numeric",date:"numeric","credit-card":"numeric"}[this.type]||void 0}ariaLabelObserver(){n(this)}valueObserver(){this.formatAndUpdateValueFromProp()}typeObserver(){this.formatAndUpdateValueFromProp()}formatModifierObserver(){this.formatAndUpdateValueFromProp()}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>p(this)))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>p(this)))}onHostElementFocus(t){f(t,this.hostElement)&&this.inputField.focus()}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}handleDataInput(t){void 0===this.maxlength||t.unformattedValue.length<=this.maxlength||t.unformattedValue.length<=this.formattedValueObject.unformattedValue.length?this.formattedValueObject=t:this.maxlength&&(t=this.getFormattedValue(t.unformattedValue.substring(0,this.maxlength),!1),this.formattedValueObject=t);const r=this.calculateCursorPositionOnInput();this.inputField.value=this.formattedValueObject.formattedValue,this.input.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})),this.setCursorPosition(r)}render(){return r("div",{class:this.wrapperClasses},l(this),this.inputContainerDOM(),u(this))}get hasCustomDisplaySlot(){return!!this.hostElement.querySelector("[slot=custom-display]")}inputContainerDOM(){return r("div",{class:"input-container"},r("div",{class:"input-icons-container-left"},this.formattedValueObject.prefix&&r("span",{class:"input-prefix"},this.formattedValueObject.prefix),this.computedIconLeft&&r("q2-icon",{type:this.computedIconLeft,class:this.computedClassForIconLeft}),this.showIconSeparator&&r("div",{class:"vertical-separator"}),this.hasError&&"currency"===this.type&&r("q2-icon",{type:"error",class:"icon-error"})),this.pseudo?this.pseudoInputDOM():this.standardInputDOM(),r("div",{class:"input-icons-container-right"},this.canClear&&r("q2-btn",{class:"btn-clear",ariaLabel:c("tecton.element.input.clear",[this.label]),"test-id":"clearButton",onClick:this.onClearInput},r("q2-icon",{type:"close",class:"icon-clear"})),["password","text","ssn"].includes(this.type)&&this.showVisibilityToggle&&r("q2-btn",{class:"btn-visibility-toggle","test-id":"toggleVisibilityButton",onClick:this.onToggleVisibility},this.visibilityToggleText),this.formattedValueObject.suffix&&r("span",{class:"input-suffix"},this.formattedValueObject.suffix),this.badgeValue&&r("q2-badge",{size:"large",theme:this.badgeTheme},this.badgeValue),this.iconRight&&!this.formattedValueObject.suffix&&r("q2-icon",{type:this.iconRight,class:"icon-right"}),this.hasError&&"currency"!==this.type&&r("q2-icon",{type:"error",class:"icon-error"})))}standardInputDOM(){const{hasCustomDisplaySlot:t}=this,a=["input-field"];return t&&a.push("sr"),r(i,null,t&&r("div",{class:"custom-display-container"},r("slot",{name:"custom-display"})),r("input",{class:a.join(" "),id:this.inputId,type:this.computedType,size:this.formattedValueObject.prefix?10:void 0,max:this.max,min:this.min,step:this.step,"aria-current":this.current||void 0,"aria-describedby":this.inputDescribedBy,"aria-required":`${!this.optional}`,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":!!this.ariaExpanded&&`${!!this.ariaExpanded}`||void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":this.hideLabel&&this.label?c(this.label):void 0,autocomplete:this.computedAutocomplete,autocapitalize:"on"===this.autocapitalize?"on":"off",autocorrect:"on"===this.autocorrect?"on":"off",placeholder:this.placeholder&&c(this.placeholder)||void 0,role:this.role&&`${this.role}`||void 0,"test-id":"inputField",readonly:!!this.readonly,disabled:!!this.disabled,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onClick:this.onInputClick,onKeyDown:this.onInputKeydown,onInput:this.onInputInput,onPaste:this.onInputPaste,inputmode:this.inputMode}))}pseudoInputDOM(){const t=!this.value&&!!this.placeholder;let a="";return this.optional&&(a=c("tecton.element.input.optional")),this.readonly&&(a=c("tecton.element.input.readonly")),r("div",{class:"pseudo-input-container"},r("button",{class:"input-field",type:"button",id:this.inputId,"aria-describedby":this.inputDescribedBy,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":"true"===this.ariaExpanded?"true":void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":`${this.value}, ${this.label&&c(this.label)||""}${a}`,role:this.role&&`${this.role}`||void 0,disabled:!!this.disabled,"test-id":"q2InputInnerClearButton"},r("div",{class:"custom-display-container"},r("slot",{name:"custom-display"},r("span",{class:t?"placeholder-text":""},t?this.placeholder:this.value)))))}placeCursorAtEnd(){const{inputField:t}=this;t.selectionStart=t.selectionEnd=t.value.length}calculateCursorPositionOnInput(){const t=this.inputField,r=this.formattedValueObject.formattedValue.length;return{startingPosition:t&&t.selectionStart||("currency"===this.type?r:0),valueLength:r,previousValueLength:t&&t.value.length,hasSelection:!1}}calculateCursorPositionOnFocus(){var t,r,a;const{inputField:e}=this,i=null!==(r=null===(t=null==e?void 0:e.value)||void 0===t?void 0:t.length)&&void 0!==r?r:0;return{startingPosition:null!==(a=null==e?void 0:e.selectionStart)&&void 0!==a?a:i,valueLength:i,previousValueLength:i,hasSelection:getSelection().toString().length>0}}setCursorPosition(t){if(this.canSetSelection&&!t.hasSelection){const r=this.inputField,{valueLength:a,previousValueLength:e,startingPosition:i}=t;if(i===a&&a>=e&&"currency"===this.type)r.setSelectionRange(a,a);else{const t=a-e,s=i+(t>0?t:0);r.setSelectionRange(s,s)}}}get hostElement(){return a(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueObserver"],type:["typeObserver"],formatModifier:["formatModifierObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};z.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--t-input-margin-top, var(--app-scale-6x, 30px)));margin-bottom:var(--tct-input-margin-bottom, var(--t-input-margin-bottom, var(--app-scale-6x, 30px)));font-size:var(--tct-input-font-size, var(--t-input-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}.field-container,.input-container{position:relative}.field-container{--comp-input-tween:var(--tct-input-tween, var(--t-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}label{display:block;padding-left:var(--tct-input-label-padding-left, var(--t-input-label-padding-left, 0));padding-right:var(--tct-input-label-padding-right, var(--t-input-label-padding-right, 0));margin-top:var(--tct-input-label-margin-top, var(--t-input-label-margin-top, 0));margin-bottom:var(--tct-input-label-margin-bottom, var(--t-input-label-margin-bottom, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit));font-size:var(--tct-input-label-font-size, var(--t-input-label-font-size, inherit));font-weight:var(--tct-input-label-font-weight, var(--t-input-label-font-weight, 600));text-transform:var(--tct-input-label-text-transform, var(--t-input-label-text-transform, none));letter-spacing:var(--tct-input-label-letter-spacing, var(--t-input-label-letter-spacing, normal));transition:color var(--comp-input-tween)}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.input-container{background-color:var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd)));display:flex;align-items:center;--comp-input-horizontal-gap:var(--tct-input-horizontal-gap, var(--t-input-horizontal-gap, 8px));--comp-input-border-top-left-radius:var(--tct-input-border-top-left-radius, var(--t-input-border-top-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-top-right-radius:var(--tct-input-border-top-right-radius, var(--t-input-border-top-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-bottom-right-radius:var(--tct-input-border-bottom-right-radius, var(--t-input-border-bottom-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-bottom-left-radius:var(--tct-input-border-bottom-left-radius, var(--t-input-border-bottom-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-radius:var(--comp-input-border-top-left-radius) var(--comp-input-border-top-right-radius)\n var(--comp-input-border-bottom-right-radius) var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px) var(--tct-input-border-right-width, 1px)\n var(--tct-input-border-bottom-width, 1px) var(--tct-input-border-left-width, 1px);--comp-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px) var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--comp-input-prefix-clearance:calc(3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px));--comp-input-icon-clearance:34px;--comp-input-min-height:var(--tct-input-min-height, var(--t-input-min-height, 44px));--comp-input-max-height:var(--tct-input-max-height, var(--t-input-max-height));border-width:var(--comp-input-border-width);border-style:solid;border-color:var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #949494)));border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, var(--t-input-box-shadow, none));transition:border-width var(--comp-input-tween), border-color var(--comp-input-tween), box-shadow var(--comp-input-tween)}:host([disabled]:not([disabled=false])) .input-container{cursor:not-allowed;opacity:var(--tct-input-disabled-opacity, var(--t-input-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);max-height:var(--comp-input-max-height);overflow-y:hidden;height:var(--tct-input-height, var(--t-input-height, 44px));width:100%;padding:0 var(--tct-input-horizontal-padding, var(--t-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));background-color:transparent;color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)));display:inline-block;text-align:var(--tct-input-align, "start");font-weight:var(--tct-input-font-weight, var(--t-input-font-weight, 400));}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.input-field::-ms-clear{display:none}.input-field[type=search]::-webkit-search-decoration,.input-field[type=search]::-webkit-search-cancel-button,.input-field[type=search]::-webkit-search-results-button,.input-field[type=search]::-webkit-search-results-decoration{display:none}.input-field[disabled]:not([disabled=false]){cursor:not-allowed}.right-aligned .input-field{text-align:right}.input-field:is(input){flex:1}.input-field:is(button){display:inline-flex;align-items:center}.has-custom-display .input-field:is(button){height:auto;padding:0}.input-field:is(button) span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-custom-display .custom-display-container{--comp-default-padding:var(--app-scale-2x, 10px) var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-input-padding, var(--t-input-padding, var(--comp-default-padding)));width:100%}.input-container:focus-within{border-width:var(--comp-input-focus-border-width, 1px);border-color:var(--tct-input-focus-border-color, var(--t-input-focus-border-color, var(--t-a11y-active-gray-color-AA, #404040)));box-shadow:var(--const-double-focus-ring), var(--tct-input-focus-box-shadow, var(--t-input-focus-box-shadow, 0 0 transparent))}.input-field::placeholder,.placeholder-text{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--t-textA, var(--app-gray-d1, rgba(77, 77, 77, 0.77)))))}.pseudo-input-container{min-width:0;flex:1}.input-icons-container-left,.input-icons-container-right{display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap)}.input-icons-container-left:empty,.input-icons-container-right:empty{display:none}.input-icons-container-left{padding-left:var(--comp-input-horizontal-gap)}.input-icons-container-right{padding-right:var(--comp-input-horizontal-gap)}.input-icons-container-right .btn-visibility-toggle{color:var(--tct-primary, var(--t-primary, #006eb2));font-size:12px}q2-icon{margin-top:calc(var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) / 2);pointer-events:none;color:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-textA, var(--app-gray, rgba(77, 77, 77, 0.77)))));--tct-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-textA, var(--app-gray, rgba(77, 77, 77, 0.77)))))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{margin-left:calc(var(--comp-input-horizontal-gap) * -1);margin-right:calc(var(--comp-input-horizontal-gap) * -1);width:3em;display:inline-flex;align-items:center;justify-content:center;min-height:calc(\n var(--comp-input-min-height) - var(--tct-input-focus-border-top-width, var(--t-input-focus-border-top-width, 1px)) - var(--tct-input-focus-border-bottom-width, var(--t-input-focus-border-bottom-width, 1px))\n );height:calc(\n var(--tct-input-height, var(--t-input-height, 44px)) - var(--tct-input-focus-border-top-width, var(--t-input-focus-border-top-width, 1px)) - var(--tct-input-focus-border-bottom-width, var(--t-input-focus-border-bottom-width, 1px))\n );font-size:var(--tct-input-prefix-font-size, var(--t-input-prefix-font-size, inherit));color:var(--tct-input-prefix-font-color, var(--t-input-prefix-font-color, inherit));background-color:var(--tct-input-prefix-bg, var(--t-input-prefix-bg, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))));transition:color var(--comp-input-tween), background-color var(--comp-input-tween)}.input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n );pointer-events:none;}.input-suffix{border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.pw-show{position:absolute;margin-right:var(--tct-scale-2, var(--app-scale-2x, 10px))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) / 2);height:22px;--tct-btn-icon-width:17px;--tct-btn-icon-height:22px;--tct-icon-size:17px}.messages-container{height:0px;overflow:hidden;background-color:var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));box-shadow:var(--tct-input-message-box-shadow, var(--t-input-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))));transition:height var(--tct-input-messages-tween, var(--t-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, var(--t-input-messages-font-color, inherit))}.has-error label{color:var(--tct-input-error-label-font-color, var(--t-input-error-label-font-color, var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit))))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, var(--t-input-error-prefix-font-color, inherit));background-color:var(--tct-input-error-prefix-bg, var(--t-input-error-prefix-bg, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))))}.has-error .input-container:not(:focus-within){border-color:var(--tct-input-error-border-color, var(--t-input-error-border-color, var(--const-stoplight-alert, #c30000)))}.icon-left{width:26px;height:26px}.vertical-separator{height:calc(var(--comp-input-min-height) - 2px);border-right:1px solid var(--tct-input-prefix-border-color, var(--t-input-prefix-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #949494)))))}';export{m as q2_badge,z as q2_input}
@@ -1 +1 @@
1
- import{r as i,h as o}from"./p-926a3e80.js";import{l as t}from"./p-9acfa94e.js";const n=class{constructor(o){i(this,o),this.value=void 0,this.substitutions=void 0}render(){return o("span",null,t(this.value,this.substitutions))}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline}";export{n as q2_loc}
1
+ import{r as i,h as o}from"./p-926a3e80.js";import{l as t}from"./p-059065e4.js";const n=class{constructor(o){i(this,o),this.value=void 0,this.substitutions=void 0}render(){return o("span",null,t(this.value,this.substitutions))}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline}";export{n as q2_loc}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as s}from"./p-926a3e80.js";import{r as n,o as a,i as o,n as r,l as h}from"./p-9acfa94e.js";const c=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.titleId="title",this.contentId="content",this.onHeaderClick=()=>{this.change.emit({expanded:!this.expanded})},this.onTransitionEnd=()=>{this.expanded?this.contentHeight=void 0:this.hideContent=!0,setTimeout((()=>{this.clearResizeInterval()}),1e3)},this.onHeaderSlotChange=()=>{const t=!!this.hostElement.querySelector('[slot="q2-section-header"]');this.hasYieldedHeader!==t&&(this.hasYieldedHeader=!!t)},this.clearResizeInterval=()=>{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.addContentSlotListener=()=>{if(this.contentSlot)return void this.contentSlot.addEventListener("slotchange",n);const t=new MutationObserver(n);t.observe(this.contentContainer,{childList:!0,subtree:!0}),this.contentSlotMutationObserver=t},this.removeContentSlotListener=()=>{this.contentSlot?this.contentSlot.removeEventListener("slotchange",n):this.contentSlotMutationObserver.disconnect()},this.label=void 0,this.collapsible=void 0,this.noCollapseIcon=void 0,this.expanded=void 0,this.contentHeight=void 0,this.hideContent=!1,this.hasYieldedHeader=!1}componentWillLoad(){this.onHeaderSlotChange();const{collapsible:t,expanded:e}=this;this.contentHeight=t&&e?void 0:"0px",this.hideContent=!e}componentDidLoad(){this.addHeaderSlotListener(),this.addContentSlotListener(),a(this.hostElement)}disconnectedCallback(){this.removeHeaderSlotListener(),this.removeContentSlotListener()}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()}async expandedObserver(t){this.clearResizeInterval(),this.resizerFn=setInterval(n,5),t?this.expandSection():this.collapseSection()}async collapseSection(){this.contentHeight=this.contentContainerHeight,await r((()=>{this.contentHeight=this.currentHeight}))}async expandSection(){this.hideContent=!1,await r((()=>{this.contentHeight=this.currentHeight}))}collapsibleObserver(){this.contentHeight=this.currentHeight}get currentHeight(){const{collapsible:t,expanded:e}=this;return t?e?this.contentContainerHeight:"0":null}get contentContainerHeight(){return`${this.contentContainer.offsetHeight||0}px`}render(){const t=this.label||this.hasYieldedHeader,e=["content-wrapper"],{collapsible:s,hideContent:n,contentHeight:a}=this;return s&&(n?e.push("is-closed"):a&&e.push("is-transitioning")),i("section",{class:"wrapper"},i("header",{class:t?"has-header":""},i("div",{class:"header-content",id:this.titleId,onClick:this.collapsible&&this.onHeaderClick},!this.hasYieldedHeader&&!!this.label&&i("h2",{class:"title"},h(this.label)),i("div",{ref:t=>this.headerSlotWrapper=t,class:"header-slot-wrapper"},i("slot",{ref:t=>this.headerSlot=t,name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon&&i("q2-btn",{label:h(this.label||"tecton.element.section.defaultToggleLabel"),ariaExpanded:`${!!this.expanded}`,ariaControls:this.contentId,"test-id":"toggleButton","hide-label":!0,onClick:this.onHeaderClick},i("q2-icon",{type:"chevron-up"}))),i("div",{class:e.join(" "),id:this.contentId,"aria-labelledby":this.titleId,role:"region",onTransitionEnd:this.onTransitionEnd,style:this.collapsible&&{height:this.contentHeight}},i("div",{ref:t=>this.contentContainer=t,class:"content",tabindex:"-1"},i("slot",{ref:t=>this.contentSlot=t}))))}get hostElement(){return s(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};c.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;background-color:var(--tct-section-background-color, var(--t-section-background-color, var(--tct-section-bg, var(--t-section-bg, var(--app-white, #ffffff)))));color:var(--tct-section-font-color, var(--t-section-font-color, var(--t-text, #4d4d4d)));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 3px)));margin:var(--tct-section-margin, var(--t-section-margin, var(--app-scale-3x, 15px)))}@media screen and (max-width: 767px){:host{--comp-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-margin, var(--t-section-margin, var(--comp-default-margin)))}}.wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-1, 0.2s ease)));--comp-default-wrapper-padding:var(--app-scale-1x, 5px) 0;display:block;padding:var(--tct-section-wrapper-padding, var(--t-section-wrapper-padding, var(--comp-default-wrapper-padding)))}.wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, var(--t-section-wrapper-hover-box-shadow, inherit))}:host([collapsible]) .wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-2, 0.4s ease)))}header{--comp-default-header-padding:0 var(--app-scale-3x, 15px);padding:var(--tct-section-header-padding, var(--t-section-header-padding, var(--comp-default-header-padding)));display:flex}header.has-header{min-height:var(--tct-section-header-min-height, var(--t-section-header-min-height, 44px))}.header-content{flex:1 1 100%;min-width:0;align-self:center}:host([collapsible]) .header-content{cursor:pointer}.title{margin:0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}q2-icon{transition:transform var(--comp-tween)}:host(:not([expanded])) q2-icon,:host([expanded=false]) q2-icon{transform:rotate(180deg)}.content-wrapper{height:auto}.content-wrapper.is-closed{display:none;overflow:hidden}.content-wrapper.is-transitioning{overflow:hidden}:host([collapsible]) .content-wrapper{transition:height var(--comp-tween)}.content{--comp-default-content-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-section-content-padding, var(--t-section-content-padding, var(--comp-default-content-padding)))}.content:focus{box-shadow:none}:host([collapsible]) :host(:not([expanded])) .content{visibility:hidden}";export{c as q2_section}
1
+ import{r as t,c as e,h as i,g as s}from"./p-926a3e80.js";import{r as n,o as a,a as o,n as r,l as h}from"./p-059065e4.js";const c=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.titleId="title",this.contentId="content",this.onHeaderClick=()=>{this.change.emit({expanded:!this.expanded})},this.onTransitionEnd=()=>{this.expanded?this.contentHeight=void 0:this.hideContent=!0,setTimeout((()=>{this.clearResizeInterval()}),1e3)},this.onHeaderSlotChange=()=>{const t=!!this.hostElement.querySelector('[slot="q2-section-header"]');this.hasYieldedHeader!==t&&(this.hasYieldedHeader=!!t)},this.clearResizeInterval=()=>{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.addContentSlotListener=()=>{if(this.contentSlot)return void this.contentSlot.addEventListener("slotchange",n);const t=new MutationObserver(n);t.observe(this.contentContainer,{childList:!0,subtree:!0}),this.contentSlotMutationObserver=t},this.removeContentSlotListener=()=>{this.contentSlot?this.contentSlot.removeEventListener("slotchange",n):this.contentSlotMutationObserver.disconnect()},this.label=void 0,this.collapsible=void 0,this.noCollapseIcon=void 0,this.expanded=void 0,this.contentHeight=void 0,this.hideContent=!1,this.hasYieldedHeader=!1}componentWillLoad(){this.onHeaderSlotChange();const{collapsible:t,expanded:e}=this;this.contentHeight=t&&e?void 0:"0px",this.hideContent=!e}componentDidLoad(){this.addHeaderSlotListener(),this.addContentSlotListener(),a(this.hostElement)}disconnectedCallback(){this.removeHeaderSlotListener(),this.removeContentSlotListener()}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()}async expandedObserver(t){this.clearResizeInterval(),this.resizerFn=setInterval(n,5),t?this.expandSection():this.collapseSection()}async collapseSection(){this.contentHeight=this.contentContainerHeight,await r((()=>{this.contentHeight=this.currentHeight}))}async expandSection(){this.hideContent=!1,await r((()=>{this.contentHeight=this.currentHeight}))}collapsibleObserver(){this.contentHeight=this.currentHeight}get currentHeight(){const{collapsible:t,expanded:e}=this;return t?e?this.contentContainerHeight:"0":null}get contentContainerHeight(){return`${this.contentContainer.offsetHeight||0}px`}render(){const t=this.label||this.hasYieldedHeader,e=["content-wrapper"],{collapsible:s,hideContent:n,contentHeight:a}=this;return s&&(n?e.push("is-closed"):a&&e.push("is-transitioning")),i("section",{class:"wrapper"},i("header",{class:t?"has-header":""},i("div",{class:"header-content",id:this.titleId,onClick:this.collapsible&&this.onHeaderClick},!this.hasYieldedHeader&&!!this.label&&i("h2",{class:"title"},h(this.label)),i("div",{ref:t=>this.headerSlotWrapper=t,class:"header-slot-wrapper"},i("slot",{ref:t=>this.headerSlot=t,name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon&&i("q2-btn",{label:h(this.label||"tecton.element.section.defaultToggleLabel"),ariaExpanded:`${!!this.expanded}`,ariaControls:this.contentId,"test-id":"toggleButton","hide-label":!0,onClick:this.onHeaderClick},i("q2-icon",{type:"chevron-up"}))),i("div",{class:e.join(" "),id:this.contentId,"aria-labelledby":this.titleId,role:"region",onTransitionEnd:this.onTransitionEnd,style:this.collapsible&&{height:this.contentHeight}},i("div",{ref:t=>this.contentContainer=t,class:"content",tabindex:"-1"},i("slot",{ref:t=>this.contentSlot=t}))))}get hostElement(){return s(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};c.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;background-color:var(--tct-section-background-color, var(--t-section-background-color, var(--tct-section-bg, var(--t-section-bg, var(--app-white, #ffffff)))));color:var(--tct-section-font-color, var(--t-section-font-color, var(--t-text, #4d4d4d)));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 3px)));margin:var(--tct-section-margin, var(--t-section-margin, var(--app-scale-3x, 15px)))}@media screen and (max-width: 767px){:host{--comp-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-margin, var(--t-section-margin, var(--comp-default-margin)))}}.wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-1, 0.2s ease)));--comp-default-wrapper-padding:var(--app-scale-1x, 5px) 0;display:block;padding:var(--tct-section-wrapper-padding, var(--t-section-wrapper-padding, var(--comp-default-wrapper-padding)))}.wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, var(--t-section-wrapper-hover-box-shadow, inherit))}:host([collapsible]) .wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-2, 0.4s ease)))}header{--comp-default-header-padding:0 var(--app-scale-3x, 15px);padding:var(--tct-section-header-padding, var(--t-section-header-padding, var(--comp-default-header-padding)));display:flex}header.has-header{min-height:var(--tct-section-header-min-height, var(--t-section-header-min-height, 44px))}.header-content{flex:1 1 100%;min-width:0;align-self:center}:host([collapsible]) .header-content{cursor:pointer}.title{margin:0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}q2-icon{transition:transform var(--comp-tween)}:host(:not([expanded])) q2-icon,:host([expanded=false]) q2-icon{transform:rotate(180deg)}.content-wrapper{height:auto}.content-wrapper.is-closed{display:none;overflow:hidden}.content-wrapper.is-transitioning{overflow:hidden}:host([collapsible]) .content-wrapper{transition:height var(--comp-tween)}.content{--comp-default-content-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-section-content-padding, var(--t-section-content-padding, var(--comp-default-content-padding)))}.content:focus{box-shadow:none}:host([collapsible]) :host(:not([expanded])) .content{visibility:hidden}";export{c as q2_section}
@@ -1 +1 @@
1
- import{r as t,c as a,h as e,F as i,g as r}from"./p-926a3e80.js";import{e as o,c as n,l as s,i as c,o as l}from"./p-9acfa94e.js";o();const h=class{constructor(e){t(this,e),this.change=a(this,"change",7),this.settled=a(this,"settled",7),this.guid=n(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),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,badgeCount:e,badgeDescription:i})=>({label:t&&s(t)||"",value:a,badgeCount:e,badgeDescription:i})))},this.onTabClick=t=>{const a=t.target.closest('button[role="tab"]').dataset.value;this.value===a||this.change.emit({value:a})},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 e=this.tabs.map((({value:t})=>t)).indexOf(t);let i;switch(a){case"next":i=Math.min(e+1,this.tabs.length-1);break;case"prev":i=Math.max(e-1,0);break;case"first":i=0;break;case"last":i=this.tabs.length-1}e!==i&&this.moveFocus(i,!1)},this.moveFocus=(t,a=!0)=>{const e=this.listElement.querySelector(`[data-value="${this.tabs[t].value}"]`);return e.focus({preventScroll:a}),this.listElement.scrollTo({left:e.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"}),e},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:a,clientWidth:e}=this.listElement;this.scrollEnabled=a>e,this.showScrollLeft=!!t,this.showScrollRight=a!==t+e},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()},this.value=void 0,this.type=void 0,this.name=void 0,this.color=void 0,this.noPrint=!1,this.hasLeft=!1,this.hasRight=!1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.tabs=void 0}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)}onBadge(){this.setTabs()}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 e(i,null,e("div",{class:"tab-container"},this.scrollEnabled&&e(i,null,e("div",{class:"gradient-left",hidden:!this.showScrollLeft}),e("div",{class:"gradient-right",hidden:!this.showScrollRight}),e("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},e("q2-icon",{type:"chevron-left"})),e("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},e("q2-icon",{type:"chevron-right"}))),e("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))))),e("div",{class:"tab-content"},e("slot",{onSlotchange:()=>this.onSlotChange()})))}generateTab(t,a){const{label:i,value:r}=t,o=this.selectedTabValue===r;return e("li",{role:"presentation"},e("button",{id:`tab-${this.guid}-${a}`,"data-value":r,"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},void 0===t.badgeCount?i:this.generateTabWithBadge(t,o)))}generateTabWithBadge(t,a){return e("div",{class:"tab-pane-badge","aria-label":`${t.label}, ${t.badgeCount} ${t.badgeDescription||s("tecton.element.tab.pane.new")}`},t.label,e("q2-badge",{value:t.badgeCount,theme:a?"primary":void 0}))}get hostElement(){return r(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-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 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-2x, 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-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 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-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 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-2x, 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 left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);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 q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";export{h as q2_tab_container}
1
+ import{r as t,c as a,h as e,F as i,g as r}from"./p-926a3e80.js";import{f as o,c as n,l as s,a as c,o as l}from"./p-059065e4.js";o();const h=class{constructor(e){t(this,e),this.change=a(this,"change",7),this.settled=a(this,"settled",7),this.guid=n(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),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,badgeCount:e,badgeDescription:i})=>({label:t&&s(t)||"",value:a,badgeCount:e,badgeDescription:i})))},this.onTabClick=t=>{const a=t.target.closest('button[role="tab"]').dataset.value;this.value===a||this.change.emit({value:a})},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 e=this.tabs.map((({value:t})=>t)).indexOf(t);let i;switch(a){case"next":i=Math.min(e+1,this.tabs.length-1);break;case"prev":i=Math.max(e-1,0);break;case"first":i=0;break;case"last":i=this.tabs.length-1}e!==i&&this.moveFocus(i,!1)},this.moveFocus=(t,a=!0)=>{const e=this.listElement.querySelector(`[data-value="${this.tabs[t].value}"]`);return e.focus({preventScroll:a}),this.listElement.scrollTo({left:e.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"}),e},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:a,clientWidth:e}=this.listElement;this.scrollEnabled=a>e,this.showScrollLeft=!!t,this.showScrollRight=a!==t+e},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()},this.value=void 0,this.type=void 0,this.name=void 0,this.color=void 0,this.noPrint=!1,this.hasLeft=!1,this.hasRight=!1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.tabs=void 0}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)}onBadge(){this.setTabs()}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 e(i,null,e("div",{class:"tab-container"},this.scrollEnabled&&e(i,null,e("div",{class:"gradient-left",hidden:!this.showScrollLeft}),e("div",{class:"gradient-right",hidden:!this.showScrollRight}),e("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},e("q2-icon",{type:"chevron-left"})),e("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},e("q2-icon",{type:"chevron-right"}))),e("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))))),e("div",{class:"tab-content"},e("slot",{onSlotchange:()=>this.onSlotChange()})))}generateTab(t,a){const{label:i,value:r}=t,o=this.selectedTabValue===r;return e("li",{role:"presentation"},e("button",{id:`tab-${this.guid}-${a}`,"data-value":r,"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},void 0===t.badgeCount?i:this.generateTabWithBadge(t,o)))}generateTabWithBadge(t,a){return e("div",{class:"tab-pane-badge","aria-label":`${t.label}, ${t.badgeCount} ${t.badgeDescription||s("tecton.element.tab.pane.new")}`},t.label,e("q2-badge",{value:t.badgeCount,theme:a?"primary":void 0}))}get hostElement(){return r(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-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 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-2x, 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-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 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-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 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-2x, 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 left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);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 q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";export{h as q2_tab_container}