@esri/calcite-components 1.0.0-next.372 → 1.0.0-next.376

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 (175) hide show
  1. package/dist/calcite/assets/calcite-date-picker/nls/pt-BR.json +31 -0
  2. package/dist/calcite/assets/calcite-date-picker/nls/pt-PT.json +3 -3
  3. package/dist/calcite/calcite.esm.js +1 -1
  4. package/dist/calcite/p-05ad8606.system.entry.js +5 -0
  5. package/dist/calcite/{p-32d61433.system.entry.js → p-2f0d280a.system.entry.js} +1 -1
  6. package/dist/calcite/{p-617c3f30.system.entry.js → p-3dd50bac.system.entry.js} +1 -1
  7. package/dist/calcite/{p-f12c35de.system.entry.js → p-4d81b84b.system.entry.js} +2 -2
  8. package/dist/calcite/{p-7a6c932d.system.entry.js → p-4d88c604.system.entry.js} +1 -1
  9. package/dist/calcite/p-4e258f5c.entry.js +5 -0
  10. package/dist/calcite/{p-92d9b81d.system.entry.js → p-6a2ac09a.system.entry.js} +1 -1
  11. package/dist/calcite/{p-82491929.entry.js → p-6e37af80.entry.js} +1 -1
  12. package/dist/calcite/p-6eb1302b.entry.js +5 -0
  13. package/dist/calcite/p-7409e609.system.js +5 -0
  14. package/dist/calcite/p-7415264e.system.entry.js +5 -0
  15. package/dist/calcite/p-76c53ab5.entry.js +5 -0
  16. package/dist/calcite/{p-f24ddc56.system.entry.js → p-80eb08b3.system.entry.js} +1 -1
  17. package/dist/calcite/p-8a413063.js +5 -0
  18. package/dist/calcite/{p-ee14736a.entry.js → p-8c126095.entry.js} +1 -1
  19. package/dist/calcite/{p-2e324a56.system.entry.js → p-92711575.system.entry.js} +2 -2
  20. package/dist/calcite/p-99b729f6.entry.js +5 -0
  21. package/dist/calcite/p-99d32fc3.system.js +1 -1
  22. package/dist/calcite/p-a49d1a11.system.entry.js +5 -0
  23. package/dist/calcite/p-a5660ba5.entry.js +5 -0
  24. package/dist/calcite/p-aceeb62f.entry.js +5 -0
  25. package/dist/calcite/p-b3e034cb.entry.js +5 -0
  26. package/dist/calcite/p-b78f6de5.system.entry.js +5 -0
  27. package/dist/calcite/p-bab0c984.entry.js +5 -0
  28. package/dist/calcite/{p-39d4d1b1.system.entry.js → p-bd6cbbbd.system.entry.js} +1 -1
  29. package/dist/calcite/p-c39e7451.entry.js +5 -0
  30. package/dist/calcite/{p-8709d314.system.entry.js → p-c93dbb93.system.entry.js} +1 -1
  31. package/dist/calcite/{p-baca86e3.entry.js → p-cb3a8861.entry.js} +1 -1
  32. package/dist/calcite/p-d2bcb3ae.entry.js +5 -0
  33. package/dist/calcite/p-d6f6b6c1.entry.js +5 -0
  34. package/dist/calcite/p-dd8b6d4f.system.entry.js +5 -0
  35. package/dist/calcite/p-e05aa070.entry.js +5 -0
  36. package/dist/calcite/p-e66c335c.entry.js +5 -0
  37. package/dist/calcite/p-f3102bbb.system.entry.js +5 -0
  38. package/dist/calcite/p-f3a85d19.system.entry.js +5 -0
  39. package/dist/calcite/{p-3cdf0ad5.system.entry.js → p-fd3c4738.system.entry.js} +1 -1
  40. package/dist/calcite/p-fe6e3ff9.entry.js +5 -0
  41. package/dist/cjs/calcite-accordion_2.cjs.entry.js +6 -3
  42. package/dist/cjs/calcite-action-menu.cjs.entry.js +1 -4
  43. package/dist/cjs/calcite-alert.cjs.entry.js +4 -6
  44. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +1 -1
  45. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +1 -1
  46. package/dist/cjs/calcite-graph_2.cjs.entry.js +7 -3
  47. package/dist/cjs/calcite-inline-editable.cjs.entry.js +38 -13
  48. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +1 -1
  49. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +1 -1
  50. package/dist/cjs/calcite-input.cjs.entry.js +11 -7
  51. package/dist/cjs/calcite-modal.cjs.entry.js +1 -1
  52. package/dist/cjs/calcite-notice.cjs.entry.js +4 -6
  53. package/dist/cjs/calcite-panel.cjs.entry.js +17 -1
  54. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +13 -0
  55. package/dist/cjs/calcite-radio-button.cjs.entry.js +0 -4
  56. package/dist/cjs/calcite-shell_3.cjs.entry.js +7 -4
  57. package/dist/cjs/calcite-tree_2.cjs.entry.js +14 -7
  58. package/dist/cjs/calcite.cjs.js +1 -1
  59. package/dist/cjs/loader.cjs.js +1 -1
  60. package/dist/cjs/{resources-11763017.js → resources-f70fb01b.js} +3 -0
  61. package/dist/collection/components/calcite-accordion/calcite-accordion.css +5 -5
  62. package/dist/collection/components/calcite-accordion/calcite-accordion.js +5 -1
  63. package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.css +2 -16
  64. package/dist/collection/components/calcite-action-menu/calcite-action-menu.js +1 -4
  65. package/dist/collection/components/calcite-alert/calcite-alert.js +8 -7
  66. package/dist/collection/components/calcite-date-picker/assets/calcite-date-picker/nls/pt-BR.json +31 -0
  67. package/dist/collection/components/calcite-date-picker/assets/calcite-date-picker/nls/pt-PT.json +3 -3
  68. package/dist/collection/components/calcite-date-picker/utils.js +3 -0
  69. package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +2 -2
  70. package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js +39 -14
  71. package/dist/collection/components/calcite-input/calcite-input.js +12 -8
  72. package/dist/collection/components/calcite-modal/calcite-modal.js +1 -1
  73. package/dist/collection/components/calcite-notice/calcite-notice.js +4 -6
  74. package/dist/collection/components/calcite-panel/calcite-panel.js +41 -5
  75. package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +0 -4
  76. package/dist/collection/components/calcite-radio-button-group/calcite-radio-button-group.js +13 -0
  77. package/dist/collection/components/calcite-shell/calcite-shell.js +9 -7
  78. package/dist/collection/components/calcite-slider/calcite-slider.js +7 -3
  79. package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +1 -1
  80. package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +16 -7
  81. package/dist/components/calcite-accordion-item.js +1 -1
  82. package/dist/components/calcite-accordion.js +5 -2
  83. package/dist/components/calcite-action-menu2.js +1 -4
  84. package/dist/components/calcite-alert.js +5 -7
  85. package/dist/components/calcite-date-picker2.js +3 -0
  86. package/dist/components/calcite-dropdown2.js +2 -2
  87. package/dist/components/calcite-inline-editable.js +39 -14
  88. package/dist/components/calcite-input2.js +12 -8
  89. package/dist/components/calcite-modal.js +1 -1
  90. package/dist/components/calcite-notice.js +4 -6
  91. package/dist/components/calcite-panel.js +19 -2
  92. package/dist/components/calcite-radio-button-group.js +13 -0
  93. package/dist/components/calcite-radio-button.js +0 -4
  94. package/dist/components/calcite-shell.js +7 -4
  95. package/dist/components/calcite-slider.js +7 -3
  96. package/dist/components/calcite-time-picker2.js +1 -1
  97. package/dist/components/calcite-tree-item.js +14 -7
  98. package/dist/custom-elements/index.js +125 -61
  99. package/dist/esm/calcite-accordion_2.entry.js +6 -3
  100. package/dist/esm/calcite-action-menu.entry.js +1 -4
  101. package/dist/esm/calcite-alert.entry.js +5 -7
  102. package/dist/esm/calcite-date-picker_4.entry.js +1 -1
  103. package/dist/esm/calcite-dropdown_3.entry.js +2 -2
  104. package/dist/esm/calcite-graph_2.entry.js +7 -3
  105. package/dist/esm/calcite-inline-editable.entry.js +39 -14
  106. package/dist/esm/calcite-input-date-picker.entry.js +1 -1
  107. package/dist/esm/calcite-input-time-picker_2.entry.js +1 -1
  108. package/dist/esm/calcite-input.entry.js +12 -8
  109. package/dist/esm/calcite-modal.entry.js +1 -1
  110. package/dist/esm/calcite-notice.entry.js +4 -6
  111. package/dist/esm/calcite-panel.entry.js +17 -1
  112. package/dist/esm/calcite-radio-button-group.entry.js +13 -0
  113. package/dist/esm/calcite-radio-button.entry.js +0 -4
  114. package/dist/esm/calcite-shell_3.entry.js +7 -4
  115. package/dist/esm/calcite-tree_2.entry.js +14 -7
  116. package/dist/esm/calcite.js +1 -1
  117. package/dist/esm/loader.js +1 -1
  118. package/dist/esm/{resources-c768953c.js → resources-f02a1ab5.js} +3 -0
  119. package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
  120. package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
  121. package/dist/esm-es5/calcite-alert.entry.js +1 -1
  122. package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
  123. package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
  124. package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
  125. package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
  126. package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
  127. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
  128. package/dist/esm-es5/calcite-input.entry.js +1 -1
  129. package/dist/esm-es5/calcite-modal.entry.js +1 -1
  130. package/dist/esm-es5/calcite-notice.entry.js +1 -1
  131. package/dist/esm-es5/calcite-panel.entry.js +2 -2
  132. package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
  133. package/dist/esm-es5/calcite-radio-button.entry.js +1 -1
  134. package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
  135. package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
  136. package/dist/esm-es5/calcite.js +1 -1
  137. package/dist/esm-es5/loader.js +1 -1
  138. package/dist/esm-es5/resources-f02a1ab5.js +5 -0
  139. package/dist/extras/docs-json.json +12 -1
  140. package/dist/types/components/calcite-alert/calcite-alert.d.ts +0 -3
  141. package/dist/types/components/calcite-inline-editable/calcite-inline-editable.d.ts +3 -1
  142. package/dist/types/components/calcite-input/calcite-input.d.ts +2 -4
  143. package/dist/types/components/calcite-notice/calcite-notice.d.ts +0 -3
  144. package/dist/types/components/calcite-panel/calcite-panel.d.ts +12 -0
  145. package/dist/types/components/calcite-radio-button-group/calcite-radio-button-group.d.ts +2 -0
  146. package/dist/types/components/calcite-slider/calcite-slider.d.ts +1 -0
  147. package/dist/types/components/calcite-tree-item/calcite-tree-item.d.ts +2 -0
  148. package/dist/types/components.d.ts +4 -0
  149. package/hydrate/index.js +124 -62
  150. package/package.json +6 -2
  151. package/readme.md +2 -6
  152. package/dist/calcite/p-06fbc0f2.system.entry.js +0 -5
  153. package/dist/calcite/p-08be120f.entry.js +0 -5
  154. package/dist/calcite/p-0b552c00.system.entry.js +0 -5
  155. package/dist/calcite/p-20e3fc50.entry.js +0 -5
  156. package/dist/calcite/p-500300b5.entry.js +0 -5
  157. package/dist/calcite/p-5f5bfaa5.entry.js +0 -5
  158. package/dist/calcite/p-647d22ef.js +0 -5
  159. package/dist/calcite/p-64a5e88c.entry.js +0 -5
  160. package/dist/calcite/p-6969dabb.entry.js +0 -5
  161. package/dist/calcite/p-8ba8a357.system.js +0 -5
  162. package/dist/calcite/p-9716c57c.entry.js +0 -5
  163. package/dist/calcite/p-97375cc0.entry.js +0 -5
  164. package/dist/calcite/p-99422223.system.entry.js +0 -5
  165. package/dist/calcite/p-a50e52f1.entry.js +0 -5
  166. package/dist/calcite/p-abe7730b.entry.js +0 -5
  167. package/dist/calcite/p-b9adf89d.system.entry.js +0 -5
  168. package/dist/calcite/p-c5b3d90c.entry.js +0 -5
  169. package/dist/calcite/p-c6cb0aa2.entry.js +0 -5
  170. package/dist/calcite/p-cd9d106b.system.entry.js +0 -5
  171. package/dist/calcite/p-dba7c714.system.entry.js +0 -5
  172. package/dist/calcite/p-e5c2a6eb.entry.js +0 -5
  173. package/dist/calcite/p-e63f0806.entry.js +0 -5
  174. package/dist/calcite/p-fbd68dbf.system.entry.js +0 -5
  175. package/dist/esm-es5/resources-c768953c.js +0 -5
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(a,t,e,i){function n(a){return a ins
2
2
  /*!
3
3
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
4
4
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
5
- */System.register(["./p-288bc438.system.js","./p-e020662f.system.js","./p-ac4aec20.system.js","./p-ec9bab33.system.js","./p-e095517f.system.js","./p-1a3a366d.system.js","./p-44aa1db4.system.js"],(function(a){"use strict";var t,e,i,n,r,l,s,o,c,h,u,m,d,p,b,f,g;return{setters:[function(a){t=a.r;e=a.f;i=a.h;n=a.g;r=a.c;l=a.H},function(a){s=a.g},function(a){o=a.c},function(a){c=a.j},function(a){h=a.d;u=a.c},function(a){m=a.c;d=a.d},function(a){p=a.c;b=a.d;f=a.a;g=a.H}],execute:function(){function v(a,t,e){var i=t[0]-a[0];var n=e[0]-t[0];var r=t[1]-a[1];var l=e[1]-t[1];var s=r/(i||n<0&&0);var o=l/(n||i<0&&0);var c=(s*n+o*i)/(i+n);return(Math.sign(s)+Math.sign(o))*Math.min(Math.abs(s),Math.abs(o),.5*Math.abs(c))||0}function x(a,t,e){var i=t[0]-a[0];var n=t[1]-a[1];return i?(3*n/i-e)/2:e}function y(a,t,e,i,n){var r=a[0],l=a[1];var s=t[0],o=t[1];var c=(s-r)/3;var h=n([r+c,l+c*e]).join(",");var u=n([s-c,o-c*i]).join(",");var m=n([s,o]).join(",");return"C "+h+" "+u+" "+m}function _(a){var t=a.width,e=a.height,i=a.min,n=a.max;var r=n[0]-i[0];var l=n[1]-i[1];return function(a){var n=(a[0]-i[0])/r*t;var s=e-a[1]/l*e;return[n,s]}}function k(a){var t=a[0],e=t[0],i=t[1];var n=[e,i];var r=[e,i];return a.reduce((function(a,t){var e=a.min,i=a.max;var n=t[0],r=t[1];return{min:[Math.min(e[0],n),Math.min(e[1],r)],max:[Math.max(i[0],n),Math.max(i[1],r)]}}),{min:n,max:r})}function w(a){var t=a.data,e=a.min,i=a.max,n=a.t;if(t.length===0){return""}var r=n(t[0]),l=r[0],s=r[1];var o=n(e),c=o[0],h=o[1];var u=n(i)[0];var m;var d;var p;var b=t.reduce((function(a,e,i){d=t[i-2];p=t[i-1];if(i>1){var r=v(d,p,e);var l=m===undefined?x(d,p,r):m;var s=y(d,p,l,r,n);m=r;return a+" "+s}return a}),"M "+c+","+h+" L "+c+","+s+" L "+l+","+s);var f=t[t.length-1];var g=y(p,f,m,x(p,f,m),n);return b+" "+g+" L "+u+","+h+" Z"}var V="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;height:100%;width:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";var H=a("calcite_graph",function(){function a(a){var i=this;t(this,a);this.data=[];this.graphId="calcite-graph-"+s();this.resizeObserver=o("resize",(function(){return e(i)}))}a.prototype.connectedCallback=function(){var a;(a=this.resizeObserver)===null||a===void 0?void 0:a.observe(this.el)};a.prototype.disconnectedCallback=function(){var a;(a=this.resizeObserver)===null||a===void 0?void 0:a.disconnect()};a.prototype.render=function(){var a=this,t=a.data,e=a.colorStops,n=a.el,r=a.highlightMax,l=a.highlightMin,s=a.min,o=a.max;var c=this.graphId;var h=n.clientHeight,u=n.clientWidth;if(!t||t.length===0){return i("svg",{class:"svg",height:h,preserveAspectRatio:"none",viewBox:"0 0 "+u+" "+h,width:u})}var m=k(t),d=m.min,p=m.max;var b=d;var f=p;if(s<d[0]||s>d[0]){b=[s,0]}if(o>p[0]||o<p[0]){f=[o,p[1]]}var g=_({min:b,max:f,width:u,height:h});var v=g([l,f[1]])[0];var x=g([r,f[1]])[0];var y=w({data:t,min:d,max:p,t:g});var V=e?"url(#linear-gradient-"+c+")":undefined;return i("svg",{class:"svg",height:h,preserveAspectRatio:"none",viewBox:"0 0 "+u+" "+h,width:u},e?i("defs",null,i("linearGradient",{id:"linear-gradient-"+c,x1:"0",x2:"1",y1:"0",y2:"0"},e.map((function(a){var t=a.offset,e=a.color,n=a.opacity;return i("stop",{offset:t*100+"%","stop-color":e,"stop-opacity":n})})))):null,l!==undefined?[i("mask",{height:"100%",id:c+"1",width:"100%",x:"0%",y:"0%"},i("path",{d:"\n M 0,0\n L "+(v-1)+",0\n L "+(v-1)+","+h+"\n L 0,"+h+"\n Z\n ",fill:"white"})),i("mask",{height:"100%",id:c+"2",width:"100%",x:"0%",y:"0%"},i("path",{d:"\n M "+(v+1)+",0\n L "+(x-1)+",0\n L "+(x-1)+","+h+"\n L "+(v+1)+", "+h+"\n Z\n ",fill:"white"})),i("mask",{height:"100%",id:c+"3",width:"100%",x:"0%",y:"0%"},i("path",{d:"\n M "+(x+1)+",0\n L "+u+",0\n L "+u+","+h+"\n L "+(x+1)+", "+h+"\n Z\n ",fill:"white"})),i("path",{class:"graph-path",d:y,fill:V,mask:"url(#"+c+"1)"}),i("path",{class:"graph-path--highlight",d:y,fill:V,mask:"url(#"+c+"2)"}),i("path",{class:"graph-path",d:y,fill:V,mask:"url(#"+c+"3)"})]:i("path",{class:"graph-path",d:y,fill:V}))};Object.defineProperty(a.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return a}());H.style=V;var D='@charset "UTF-8";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.scale--s{--calcite-slider-handle-size:10px;--calcite-slider-handle-extension-height:6.5px;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:14px;--calcite-slider-handle-extension-height:8px;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:16px;--calcite-slider-handle-extension-height:10.5px;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;padding:calc(var(--calcite-slider-handle-size) * 0.5);margin:calc(var(--calcite-slider-handle-size) * 0.5) 0;--calcite-slider-full-handle-height:calc(\n var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n )}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-6px}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-8px}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-9px}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-width:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;-webkit-transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;top:0px;bottom:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;width:1em}.thumb .handle__label.hyphen--wrap{display:-ms-flexbox;display:flex}.thumb .handle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-offset:0;outline-color:transparent;height:var(--calcite-slider-handle-size);width:var(--calcite-slider-handle-size);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease, -webkit-box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{width:0.125rem;height:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-ui-text-3)}.thumb:hover .handle{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-ui-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb.thumb--minValue{-webkit-transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-2px}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-23px}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-30px}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-32px}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-top:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-bottom:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-33px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-44px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-49px}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-ui-brand)}.track{position:relative;height:0.125rem;border-radius:0px;background-color:var(--calcite-ui-border-2);-webkit-transition:all var(--calcite-internal-animation-timing-medium) ease-in;transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;top:0px;height:0.125rem;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;width:100%;content:"";top:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);height:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}.tick{position:absolute;height:0.25rem;width:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-ui-border-input);border-color:var(--calcite-ui-foreground-1);top:-2px;pointer-events:none;-webkit-margin-start:calc(-1 * 0.125rem);margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{pointer-events:none;margin-top:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.tick__label--min{-webkit-transition:opacity var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing)}.tick__label--max{-webkit-transition:opacity var(--calcite-internal-animation-timing-fast);transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3);height:48px}:host([label-ticks][ticks]) .container{padding-bottom:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-bottom:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-bottom:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-top:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-top:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-top:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-bottom:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';var R=a("calcite_slider",function(){function a(a){var e=this;t(this,a);this.calciteSliderInput=r(this,"calciteSliderInput",7);this.calciteSliderChange=r(this,"calciteSliderChange",7);this.calciteSliderUpdate=r(this,"calciteSliderUpdate",7);this.disabled=false;this.hasHistogram=false;this.labelHandles=false;this.labelTicks=false;this.max=100;this.min=0;this.mirrored=false;this.precise=false;this.required=false;this.snap=false;this.step=1;this.value=null;this.scale="m";this.guid="calcite-slider-"+s();this.isRange=false;this.activeProp="value";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[];this.dragUpdate=function(a){a.preventDefault();if(e.dragProp){var t=e.translate(a.clientX||a.pageX);if(e.isRange&&e.dragProp==="minMaxValue"){if(e.minValueDragRange&&e.maxValueDragRange&&e.minMaxValueRange){var i=t-e.minValueDragRange;var n=t+e.maxValueDragRange;if(n<=e.max&&i>=e.min&&n-i===e.minMaxValueRange){e.minValue=e.clamp(i,"minValue");e.maxValue=e.clamp(n,"maxValue")}}else{e.minValueDragRange=t-e.minValue;e.maxValueDragRange=e.maxValue-t;e.minMaxValueRange=e.maxValue-e.minValue}}else{e.setValue(e.dragProp,e.clamp(t,e.dragProp))}}};this.dragEnd=function(a){document.removeEventListener("pointermove",e.dragUpdate);document.removeEventListener("pointerup",e.dragEnd);document.removeEventListener("pointercancel",e.dragEnd);e.focusActiveHandle(a.clientX);if(e.lastDragPropValue!=e[e.dragProp]){e.emitChange()}e.dragProp=null;e.lastDragPropValue=null;e.minValueDragRange=null;e.maxValueDragRange=null;e.minMaxValueRange=null};this.storeTrackRef=function(a){e.trackEl=a}}a.prototype.histogramWatcher=function(a){this.hasHistogram=!!a};a.prototype.connectedCallback=function(){m(this);p(this)};a.prototype.disconnectedCallback=function(){d(this);b(this)};a.prototype.componentWillLoad=function(){this.isRange=!!(this.maxValue||this.maxValue===0);this.tickValues=this.generateTickValues();this.value=this.clamp(this.value);f(this,this.value);if(this.snap){this.value=this.getClosestStep(this.value)}if(this.histogram){this.hasHistogram=true}};a.prototype.componentDidRender=function(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(this.isRange){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&this.isRange&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels()};a.prototype.render=function(){var a;var t=this;var e=this.el.id||this.guid;var n=this.minValue||this.min;var r=this.maxValue||this.value;var s=this.isRange?"maxValue":"value";var o=this[s];var c=this.shouldUseMinValue();var h=this.getUnitInterval(c?this.minValue:n)*100;var u=this.getUnitInterval(r)*100;var m=this.shouldMirror();var d=(m?100-h:h)+"%";var p=(m?u:100-u)+"%";var b=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle"}));var f=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},o?o.toLocaleString():o),i("div",{class:"handle"}));var v=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},o?o.toLocaleString():o));var x=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle"}),i("div",{class:"handle-extension"}));var y=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle-extension"}),i("div",{class:"handle"}));var _=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},o?o.toLocaleString():o),i("div",{class:"handle"}),i("div",{class:"handle-extension"}));var k=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},o?o.toLocaleString():o));var w=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("div",{class:"handle"}));var V=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()),i("div",{class:"handle"}));var H=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));var D=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("div",{class:"handle-extension"}),i("div",{class:"handle"}));var R=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));return i(l,{id:e,onTouchStart:this.handleTouchStart},i("div",{class:(a={},a["container"]=true,a["container--range"]=this.isRange,a["scale--"+this.scale]=true,a)},this.renderGraph(),i("div",{class:"track",ref:this.storeTrackRef},i("div",{class:"track__range",onPointerDown:function(){return t.dragStart("minMaxValue")},style:{left:(m?100-u:h)+"%",right:(m?h:100-u)+"%"}}),i("div",{class:"ticks"},this.tickValues.map((function(a){var e=t.getUnitInterval(a)*100+"%";var l=a>=n&&a<=r;if(c){l=a>=t.minValue&&a<=t.maxValue}return i("span",{class:{tick:true,"tick--active":l},style:{left:m?"":e,right:m?e:""}},t.renderTickLabel(a))})))),i("div",{class:"thumb-container"},!this.precise&&!this.labelHandles&&this.isRange&&w,!this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&V,this.precise&&!this.labelHandles&&this.isRange&&D,this.precise&&this.labelHandles&&this.isRange&&R,this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&H,!this.precise&&!this.labelHandles&&b,!this.hasHistogram&&!this.precise&&this.labelHandles&&f,!this.hasHistogram&&this.precise&&!this.labelHandles&&x,this.hasHistogram&&this.precise&&!this.labelHandles&&y,!this.hasHistogram&&this.precise&&this.labelHandles&&_,this.hasHistogram&&!this.precise&&this.labelHandles&&v,this.hasHistogram&&this.precise&&this.labelHandles&&k,i(g,{component:this}))))};a.prototype.renderGraph=function(){return this.histogram?i("calcite-graph",{class:"graph",colorStops:this.histogramStops,data:this.histogram,highlightMax:this.isRange?this.maxValue:this.value,highlightMin:this.isRange?this.minValue:this.min,max:this.max,min:this.min}):null};a.prototype.renderTickLabel=function(a){var t=a===this.min;var e=a===this.max;var n=i("span",{class:{tick__label:true,"tick__label--min":t,"tick__label--max":e}},a.toLocaleString());if(this.labelTicks&&!this.hasHistogram&&!this.isRange){return n}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&!this.labelHandles){return n}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&this.labelHandles){return n}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&this.precise&&(t||e)){return n}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return n}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(t||e)){return n}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(t||e)){return n}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(t||e)){return n}return null};a.prototype.keyDownHandler=function(a){var t=this.shouldMirror();var e=this,i=e.activeProp,n=e.max,r=e.min,l=e.pageStep,s=e.step;var o=this[i];var c=a.key;if(c==="Enter"||c===" "){a.preventDefault();return}var u;if(c==="ArrowUp"||c==="ArrowRight"){var m=t&&c==="ArrowRight"?-1:1;u=o+s*m}else if(c==="ArrowDown"||c==="ArrowLeft"){var m=t&&c==="ArrowLeft"?-1:1;u=o-s*m}else if(c==="PageUp"){if(l){u=o+l}}else if(c==="PageDown"){if(l){u=o-l}}else if(c==="Home"){u=r}else if(c==="End"){u=n}if(isNaN(u)){return}a.preventDefault();var d=Number(u.toFixed(h(s)));this.setValue(i,this.clamp(d,i))};a.prototype.clickHandler=function(a){this.focusActiveHandle(a.clientX)};a.prototype.pointerDownHandler=function(a){var t=a.clientX||a.pageX;var e=this.translate(t);var i="value";if(this.isRange){var n=e>=this.minValue&&e<=this.maxValue;if(n&&this.lastDragProp==="minMaxValue"){i="minMaxValue"}else{var r=Math.abs(this.maxValue-e)<Math.abs(this.minValue-e);i=r||e>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[i];this.dragStart(i);var l=this.el.shadowRoot.querySelector(".thumb:active");if(!l){this.setValue(i,this.clamp(e,i))}};a.prototype.handleTouchStart=function(a){a.preventDefault()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(t){a=this.minHandle?this.minHandle:this.maxHandle;a.focus();return[2]}))}))};a.prototype.onLabelClick=function(){this.setFocus()};a.prototype.shouldMirror=function(){return this.mirrored&&!this.hasHistogram};a.prototype.shouldUseMinValue=function(){if(!this.isRange){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0};a.prototype.generateTickValues=function(){var a=[];var t=this.min;while(this.ticks&&t<this.max+this.ticks){a.push(Math.min(t,this.max));t=t+this.ticks}return a};a.prototype.dragStart=function(a){this.dragProp=a;this.lastDragProp=this.dragProp;this.activeProp=a;document.addEventListener("pointermove",this.dragUpdate);document.addEventListener("pointerup",this.dragEnd);document.addEventListener("pointercancel",this.dragEnd)};a.prototype.focusActiveHandle=function(a){switch(this.dragProp){case"minValue":this.minHandle.focus();break;case"maxValue":this.maxHandle.focus();break;case"minMaxValue":this.getClosestHandle(a).focus();break}};a.prototype.emitInput=function(){this.calciteSliderInput.emit();this.calciteSliderUpdate.emit()};a.prototype.emitChange=function(){this.calciteSliderChange.emit()};a.prototype.setValue=function(a,t){var e=this[a];var i=e!==t;if(!i){return}this[a]=t;var n=this.dragProp;if(!n){this.emitChange()}this.emitInput()};a.prototype.clamp=function(a,t){a=u(a,this.min,this.max);if(t==="maxValue"){a=Math.max(a,this.minValue)}if(t==="minValue"){a=Math.min(a,this.maxValue)}return a};a.prototype.translate=function(a){var t=this.max-this.min;var e=this.trackEl.getBoundingClientRect(),i=e.left,n=e.width;var r=(a-i)/n;var l=this.shouldMirror();var s=this.clamp(this.min+t*(l?1-r:r));var o=Number(s.toFixed(h(this.step)));if(this.snap&&this.step){o=this.getClosestStep(o)}return o};a.prototype.getClosestStep=function(a){a=Number(this.clamp(a).toFixed(h(this.step)));if(this.step){var t=Math.round(a/this.step)*this.step;a=Number(this.clamp(t).toFixed(h(this.step)))}return a};a.prototype.getClosestHandle=function(a){return this.getDistanceX(this.maxHandle,a)>this.getDistanceX(this.minHandle,a)?this.minHandle:this.maxHandle};a.prototype.getDistanceX=function(a,t){return Math.abs(a.getBoundingClientRect().left-t)};a.prototype.getFontSizeForElement=function(a){return Number(window.getComputedStyle(a).getPropertyValue("font-size").match(/\d+/)[0])};a.prototype.getUnitInterval=function(a){a=this.clamp(a);var t=this.max-this.min;return(a-this.min)/t};a.prototype.adjustHostObscuredHandleLabel=function(a){var t=this.el.shadowRoot.querySelector(".handle__label--"+a);var e=this.el.shadowRoot.querySelector(".handle__label--"+a+".static");var i=this.el.shadowRoot.querySelector(".handle__label--"+a+".transformed");var n=e.getBoundingClientRect();var r=this.getHostOffset(n.left,n.right);t.style.transform="translateX("+r+"px)";i.style.transform="translateX("+r+"px)"};a.prototype.hyphenateCollidingRangeHandleLabels=function(){var a=this.el.shadowRoot;var t=this.shouldMirror();var e=t?"value":"minValue";var i=t?"minValue":"value";var n=a.querySelector(".handle__label--"+e);var r=a.querySelector(".handle__label--"+e+".static");var l=a.querySelector(".handle__label--"+e+".transformed");var s=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right);var o=a.querySelector(".handle__label--"+i);var c=a.querySelector(".handle__label--"+i+".static");var h=a.querySelector(".handle__label--"+i+".transformed");var u=this.getHostOffset(c.getBoundingClientRect().left,c.getBoundingClientRect().right);var m=this.getFontSizeForElement(n);var d=this.getRangeLabelOverlap(l,h);var p=n;var b=m/2;if(d>0){p.classList.add("hyphen","hyphen--wrap");if(u===0&&s===0){var f=d/2-b;f=Math.sign(f)===-1?Math.abs(f):-f;var g=this.getHostOffset(l.getBoundingClientRect().left+f-b,l.getBoundingClientRect().right+f-b);var v=d/2;var x=this.getHostOffset(h.getBoundingClientRect().left+v,h.getBoundingClientRect().right+v);if(g!==0){f+=g;v+=g}if(x!==0){f+=x;v+=x}n.style.transform="translateX("+f+"px)";l.style.transform="translateX("+(f-b)+"px)";o.style.transform="translateX("+v+"px)";h.style.transform="translateX("+v+"px)"}else if(s>0||u>0){n.style.transform="translateX("+(s+b)+"px)";o.style.transform="translateX("+(d+u)+"px)";h.style.transform="translateX("+(d+u)+"px)"}else if(s<0||u<0){var f=Math.abs(s)+d-b;f=Math.sign(f)===-1?Math.abs(f):-f;n.style.transform="translateX("+f+"px)";l.style.transform="translateX("+(f-b)+"px)"}}else{p.classList.remove("hyphen","hyphen--wrap");n.style.transform="translateX("+s+"px)";l.style.transform="translateX("+s+"px)";o.style.transform="translateX("+u+"px)";h.style.transform="translateX("+u+"px)"}};a.prototype.hideObscuredBoundingTickLabels=function(){if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&this.isRange&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}var a=this.el.shadowRoot.querySelector(".thumb--minValue");var t=this.el.shadowRoot.querySelector(".thumb--value");var e=this.el.shadowRoot.querySelector(".tick__label--min");var i=this.el.shadowRoot.querySelector(".tick__label--max");if(!a&&t&&e&&i){e.style.opacity=this.isMinTickLabelObscured(e,t)?"0":"1";i.style.opacity=this.isMaxTickLabelObscured(i,t)?"0":"1"}if(a&&t&&e&&i){e.style.opacity=this.isMinTickLabelObscured(e,a)||this.isMinTickLabelObscured(e,t)?"0":"1";i.style.opacity=this.isMaxTickLabelObscured(i,a)||this.isMaxTickLabelObscured(i,t)&&this.hasHistogram?"0":"1"}};a.prototype.getHostOffset=function(a,t){var e=this.el.getBoundingClientRect();var i=7;if(a+i<e.left){return e.left-a-i}if(t-i>e.right){return-(t-e.right)+i}return 0};a.prototype.getRangeLabelOverlap=function(a,t){var e=a.getBoundingClientRect();var i=t.getBoundingClientRect();var n=this.getFontSizeForElement(a);var r=e.right+n-i.left;return Math.max(r,0)};a.prototype.isMinTickLabelObscured=function(a,t){var e=a.getBoundingClientRect();var i=t.getBoundingClientRect();return c(e,i)};a.prototype.isMaxTickLabelObscured=function(a,t){var e=a.getBoundingClientRect();var i=t.getBoundingClientRect();return c(e,i)};Object.defineProperty(a.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{histogram:["histogramWatcher"]}},enumerable:false,configurable:true});return a}());R.style=D}}}));
5
+ */System.register(["./p-288bc438.system.js","./p-e020662f.system.js","./p-ac4aec20.system.js","./p-ec9bab33.system.js","./p-e095517f.system.js","./p-1a3a366d.system.js","./p-44aa1db4.system.js"],(function(a){"use strict";var t,e,i,n,r,l,s,o,c,h,u,m,d,p,b,f,g;return{setters:[function(a){t=a.r;e=a.f;i=a.h;n=a.g;r=a.c;l=a.H},function(a){s=a.g},function(a){o=a.c},function(a){c=a.j},function(a){h=a.d;u=a.c},function(a){m=a.c;d=a.d},function(a){p=a.c;b=a.d;f=a.a;g=a.H}],execute:function(){function v(a,t,e){var i=t[0]-a[0];var n=e[0]-t[0];var r=t[1]-a[1];var l=e[1]-t[1];var s=r/(i||n<0&&0);var o=l/(n||i<0&&0);var c=(s*n+o*i)/(i+n);return(Math.sign(s)+Math.sign(o))*Math.min(Math.abs(s),Math.abs(o),.5*Math.abs(c))||0}function x(a,t,e){var i=t[0]-a[0];var n=t[1]-a[1];return i?(3*n/i-e)/2:e}function y(a,t,e,i,n){var r=a[0],l=a[1];var s=t[0],o=t[1];var c=(s-r)/3;var h=n([r+c,l+c*e]).join(",");var u=n([s-c,o-c*i]).join(",");var m=n([s,o]).join(",");return"C "+h+" "+u+" "+m}function _(a){var t=a.width,e=a.height,i=a.min,n=a.max;var r=n[0]-i[0];var l=n[1]-i[1];return function(a){var n=(a[0]-i[0])/r*t;var s=e-a[1]/l*e;return[n,s]}}function k(a){var t=a[0],e=t[0],i=t[1];var n=[e,i];var r=[e,i];return a.reduce((function(a,t){var e=a.min,i=a.max;var n=t[0],r=t[1];return{min:[Math.min(e[0],n),Math.min(e[1],r)],max:[Math.max(i[0],n),Math.max(i[1],r)]}}),{min:n,max:r})}function w(a){var t=a.data,e=a.min,i=a.max,n=a.t;if(t.length===0){return""}var r=n(t[0]),l=r[0],s=r[1];var o=n(e),c=o[0],h=o[1];var u=n(i)[0];var m;var d;var p;var b=t.reduce((function(a,e,i){d=t[i-2];p=t[i-1];if(i>1){var r=v(d,p,e);var l=m===undefined?x(d,p,r):m;var s=y(d,p,l,r,n);m=r;return a+" "+s}return a}),"M "+c+","+h+" L "+c+","+s+" L "+l+","+s);var f=t[t.length-1];var g=y(p,f,m,x(p,f,m),n);return b+" "+g+" L "+u+","+h+" Z"}var V="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;height:100%;width:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";var H=a("calcite_graph",function(){function a(a){var i=this;t(this,a);this.data=[];this.graphId="calcite-graph-"+s();this.resizeObserver=o("resize",(function(){return e(i)}))}a.prototype.connectedCallback=function(){var a;(a=this.resizeObserver)===null||a===void 0?void 0:a.observe(this.el)};a.prototype.disconnectedCallback=function(){var a;(a=this.resizeObserver)===null||a===void 0?void 0:a.disconnect()};a.prototype.render=function(){var a=this,t=a.data,e=a.colorStops,n=a.el,r=a.highlightMax,l=a.highlightMin,s=a.min,o=a.max;var c=this.graphId;var h=n.clientHeight,u=n.clientWidth;if(!t||t.length===0){return i("svg",{class:"svg",height:h,preserveAspectRatio:"none",viewBox:"0 0 "+u+" "+h,width:u})}var m=k(t),d=m.min,p=m.max;var b=d;var f=p;if(s<d[0]||s>d[0]){b=[s,0]}if(o>p[0]||o<p[0]){f=[o,p[1]]}var g=_({min:b,max:f,width:u,height:h});var v=g([l,f[1]])[0];var x=g([r,f[1]])[0];var y=w({data:t,min:d,max:p,t:g});var V=e?"url(#linear-gradient-"+c+")":undefined;return i("svg",{class:"svg",height:h,preserveAspectRatio:"none",viewBox:"0 0 "+u+" "+h,width:u},e?i("defs",null,i("linearGradient",{id:"linear-gradient-"+c,x1:"0",x2:"1",y1:"0",y2:"0"},e.map((function(a){var t=a.offset,e=a.color,n=a.opacity;return i("stop",{offset:t*100+"%","stop-color":e,"stop-opacity":n})})))):null,l!==undefined?[i("mask",{height:"100%",id:c+"1",width:"100%",x:"0%",y:"0%"},i("path",{d:"\n M 0,0\n L "+(v-1)+",0\n L "+(v-1)+","+h+"\n L 0,"+h+"\n Z\n ",fill:"white"})),i("mask",{height:"100%",id:c+"2",width:"100%",x:"0%",y:"0%"},i("path",{d:"\n M "+(v+1)+",0\n L "+(x-1)+",0\n L "+(x-1)+","+h+"\n L "+(v+1)+", "+h+"\n Z\n ",fill:"white"})),i("mask",{height:"100%",id:c+"3",width:"100%",x:"0%",y:"0%"},i("path",{d:"\n M "+(x+1)+",0\n L "+u+",0\n L "+u+","+h+"\n L "+(x+1)+", "+h+"\n Z\n ",fill:"white"})),i("path",{class:"graph-path",d:y,fill:V,mask:"url(#"+c+"1)"}),i("path",{class:"graph-path--highlight",d:y,fill:V,mask:"url(#"+c+"2)"}),i("path",{class:"graph-path",d:y,fill:V,mask:"url(#"+c+"3)"})]:i("path",{class:"graph-path",d:y,fill:V}))};Object.defineProperty(a.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return a}());H.style=V;var D='@charset "UTF-8";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.scale--s{--calcite-slider-handle-size:10px;--calcite-slider-handle-extension-height:6.5px;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:14px;--calcite-slider-handle-extension-height:8px;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:16px;--calcite-slider-handle-extension-height:10.5px;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;padding:calc(var(--calcite-slider-handle-size) * 0.5);margin:calc(var(--calcite-slider-handle-size) * 0.5) 0;--calcite-slider-full-handle-height:calc(\n var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n )}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-6px}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-8px}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-9px}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-width:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;-webkit-transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;top:0px;bottom:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;width:1em}.thumb .handle__label.hyphen--wrap{display:-ms-flexbox;display:flex}.thumb .handle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-offset:0;outline-color:transparent;height:var(--calcite-slider-handle-size);width:var(--calcite-slider-handle-size);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease, -webkit-box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{width:0.125rem;height:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-ui-text-3)}.thumb:hover .handle{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-ui-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb.thumb--minValue{-webkit-transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-2px}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-23px}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-30px}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-32px}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-top:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-bottom:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-33px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-44px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-49px}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-ui-brand)}.track{position:relative;height:0.125rem;border-radius:0px;background-color:var(--calcite-ui-border-2);-webkit-transition:all var(--calcite-internal-animation-timing-medium) ease-in;transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;top:0px;height:0.125rem;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;width:100%;content:"";top:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);height:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}.tick{position:absolute;height:0.25rem;width:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-ui-border-input);border-color:var(--calcite-ui-foreground-1);top:-2px;pointer-events:none;-webkit-margin-start:calc(-1 * 0.125rem);margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{pointer-events:none;margin-top:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.tick__label--min{-webkit-transition:opacity var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing)}.tick__label--max{-webkit-transition:opacity var(--calcite-internal-animation-timing-fast);transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3);height:48px}:host([label-ticks][ticks]) .container{padding-bottom:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-bottom:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-bottom:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-top:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-top:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-top:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-bottom:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';var L=a("calcite_slider",function(){function a(a){var e=this;t(this,a);this.calciteSliderInput=r(this,"calciteSliderInput",7);this.calciteSliderChange=r(this,"calciteSliderChange",7);this.calciteSliderUpdate=r(this,"calciteSliderUpdate",7);this.disabled=false;this.hasHistogram=false;this.labelHandles=false;this.labelTicks=false;this.max=100;this.min=0;this.mirrored=false;this.precise=false;this.required=false;this.snap=false;this.step=1;this.value=null;this.scale="m";this.guid="calcite-slider-"+s();this.isRange=false;this.activeProp="value";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[];this.dragUpdate=function(a){a.preventDefault();if(e.dragProp){var t=e.translate(a.clientX||a.pageX);if(e.isRange&&e.dragProp==="minMaxValue"){if(e.minValueDragRange&&e.maxValueDragRange&&e.minMaxValueRange){var i=t-e.minValueDragRange;var n=t+e.maxValueDragRange;if(n<=e.max&&i>=e.min&&n-i===e.minMaxValueRange){e.minValue=e.clamp(i,"minValue");e.maxValue=e.clamp(n,"maxValue")}}else{e.minValueDragRange=t-e.minValue;e.maxValueDragRange=e.maxValue-t;e.minMaxValueRange=e.maxValue-e.minValue}}else{e.setValue(e.dragProp,e.clamp(t,e.dragProp))}}};this.dragEnd=function(a){e.removeDragListeners();e.focusActiveHandle(a.clientX);if(e.lastDragPropValue!=e[e.dragProp]){e.emitChange()}e.dragProp=null;e.lastDragPropValue=null;e.minValueDragRange=null;e.maxValueDragRange=null;e.minMaxValueRange=null};this.storeTrackRef=function(a){e.trackEl=a}}a.prototype.histogramWatcher=function(a){this.hasHistogram=!!a};a.prototype.connectedCallback=function(){m(this);p(this)};a.prototype.disconnectedCallback=function(){d(this);b(this);this.removeDragListeners()};a.prototype.componentWillLoad=function(){this.isRange=!!(this.maxValue||this.maxValue===0);this.tickValues=this.generateTickValues();this.value=this.clamp(this.value);f(this,this.value);if(this.snap){this.value=this.getClosestStep(this.value)}if(this.histogram){this.hasHistogram=true}};a.prototype.componentDidRender=function(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(this.isRange){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&this.isRange&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels()};a.prototype.render=function(){var a;var t=this;var e=this.el.id||this.guid;var n=this.minValue||this.min;var r=this.maxValue||this.value;var s=this.isRange?"maxValue":"value";var o=this[s];var c=this.shouldUseMinValue();var h=this.getUnitInterval(c?this.minValue:n)*100;var u=this.getUnitInterval(r)*100;var m=this.shouldMirror();var d=(m?100-h:h)+"%";var p=(m?u:100-u)+"%";var b=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle"}));var f=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},o?o.toLocaleString():o),i("div",{class:"handle"}));var v=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},o?o.toLocaleString():o));var x=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle"}),i("div",{class:"handle-extension"}));var y=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle-extension"}),i("div",{class:"handle"}));var _=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},o?o.toLocaleString():o),i("div",{class:"handle"}),i("div",{class:"handle-extension"}));var k=i("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":o,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===s,"thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp=s},onPointerDown:function(){return t.dragStart(s)},ref:function(a){return t.maxHandle=a},role:"slider",style:{right:p}},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},o?o.toLocaleString():o),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},o?o.toLocaleString():o));var w=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("div",{class:"handle"}));var V=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()),i("div",{class:"handle"}));var H=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));var D=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("div",{class:"handle-extension"}),i("div",{class:"handle"}));var L=i("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:function(){return t.activeProp=null},onFocus:function(){return t.activeProp="minValue"},onPointerDown:function(){return t.dragStart("minValue")},ref:function(a){return t.minHandle=a},role:"slider",style:{left:d}},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));return i(l,{id:e,onTouchStart:this.handleTouchStart},i("div",{class:(a={},a["container"]=true,a["container--range"]=this.isRange,a["scale--"+this.scale]=true,a)},this.renderGraph(),i("div",{class:"track",ref:this.storeTrackRef},i("div",{class:"track__range",onPointerDown:function(){return t.dragStart("minMaxValue")},style:{left:(m?100-u:h)+"%",right:(m?h:100-u)+"%"}}),i("div",{class:"ticks"},this.tickValues.map((function(a){var e=t.getUnitInterval(a)*100+"%";var l=a>=n&&a<=r;if(c){l=a>=t.minValue&&a<=t.maxValue}return i("span",{class:{tick:true,"tick--active":l},style:{left:m?"":e,right:m?e:""}},t.renderTickLabel(a))})))),i("div",{class:"thumb-container"},!this.precise&&!this.labelHandles&&this.isRange&&w,!this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&V,this.precise&&!this.labelHandles&&this.isRange&&D,this.precise&&this.labelHandles&&this.isRange&&L,this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&H,!this.precise&&!this.labelHandles&&b,!this.hasHistogram&&!this.precise&&this.labelHandles&&f,!this.hasHistogram&&this.precise&&!this.labelHandles&&x,this.hasHistogram&&this.precise&&!this.labelHandles&&y,!this.hasHistogram&&this.precise&&this.labelHandles&&_,this.hasHistogram&&!this.precise&&this.labelHandles&&v,this.hasHistogram&&this.precise&&this.labelHandles&&k,i(g,{component:this}))))};a.prototype.renderGraph=function(){return this.histogram?i("calcite-graph",{class:"graph",colorStops:this.histogramStops,data:this.histogram,highlightMax:this.isRange?this.maxValue:this.value,highlightMin:this.isRange?this.minValue:this.min,max:this.max,min:this.min}):null};a.prototype.renderTickLabel=function(a){var t=a===this.min;var e=a===this.max;var n=i("span",{class:{tick__label:true,"tick__label--min":t,"tick__label--max":e}},a.toLocaleString());if(this.labelTicks&&!this.hasHistogram&&!this.isRange){return n}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&!this.labelHandles){return n}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&this.labelHandles){return n}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&this.precise&&(t||e)){return n}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return n}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(t||e)){return n}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(t||e)){return n}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(t||e)){return n}return null};a.prototype.keyDownHandler=function(a){var t=this.shouldMirror();var e=this,i=e.activeProp,n=e.max,r=e.min,l=e.pageStep,s=e.step;var o=this[i];var c=a.key;if(c==="Enter"||c===" "){a.preventDefault();return}var u;if(c==="ArrowUp"||c==="ArrowRight"){var m=t&&c==="ArrowRight"?-1:1;u=o+s*m}else if(c==="ArrowDown"||c==="ArrowLeft"){var m=t&&c==="ArrowLeft"?-1:1;u=o-s*m}else if(c==="PageUp"){if(l){u=o+l}}else if(c==="PageDown"){if(l){u=o-l}}else if(c==="Home"){u=r}else if(c==="End"){u=n}if(isNaN(u)){return}a.preventDefault();var d=Number(u.toFixed(h(s)));this.setValue(i,this.clamp(d,i))};a.prototype.clickHandler=function(a){this.focusActiveHandle(a.clientX)};a.prototype.pointerDownHandler=function(a){var t=a.clientX||a.pageX;var e=this.translate(t);var i="value";if(this.isRange){var n=e>=this.minValue&&e<=this.maxValue;if(n&&this.lastDragProp==="minMaxValue"){i="minMaxValue"}else{var r=Math.abs(this.maxValue-e)<Math.abs(this.minValue-e);i=r||e>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[i];this.dragStart(i);var l=this.el.shadowRoot.querySelector(".thumb:active");if(!l){this.setValue(i,this.clamp(e,i))}};a.prototype.handleTouchStart=function(a){a.preventDefault()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(t){a=this.minHandle?this.minHandle:this.maxHandle;a.focus();return[2]}))}))};a.prototype.onLabelClick=function(){this.setFocus()};a.prototype.shouldMirror=function(){return this.mirrored&&!this.hasHistogram};a.prototype.shouldUseMinValue=function(){if(!this.isRange){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0};a.prototype.generateTickValues=function(){var a=[];var t=this.min;while(this.ticks&&t<this.max+this.ticks){a.push(Math.min(t,this.max));t=t+this.ticks}return a};a.prototype.dragStart=function(a){this.dragProp=a;this.lastDragProp=this.dragProp;this.activeProp=a;document.addEventListener("pointermove",this.dragUpdate);document.addEventListener("pointerup",this.dragEnd);document.addEventListener("pointercancel",this.dragEnd)};a.prototype.focusActiveHandle=function(a){switch(this.dragProp){case"minValue":this.minHandle.focus();break;case"maxValue":this.maxHandle.focus();break;case"minMaxValue":this.getClosestHandle(a).focus();break}};a.prototype.emitInput=function(){this.calciteSliderInput.emit();this.calciteSliderUpdate.emit()};a.prototype.emitChange=function(){this.calciteSliderChange.emit()};a.prototype.removeDragListeners=function(){document.removeEventListener("pointermove",this.dragUpdate);document.removeEventListener("pointerup",this.dragEnd);document.removeEventListener("pointercancel",this.dragEnd)};a.prototype.setValue=function(a,t){var e=this[a];var i=e!==t;if(!i){return}this[a]=t;var n=this.dragProp;if(!n){this.emitChange()}this.emitInput()};a.prototype.clamp=function(a,t){a=u(a,this.min,this.max);if(t==="maxValue"){a=Math.max(a,this.minValue)}if(t==="minValue"){a=Math.min(a,this.maxValue)}return a};a.prototype.translate=function(a){var t=this.max-this.min;var e=this.trackEl.getBoundingClientRect(),i=e.left,n=e.width;var r=(a-i)/n;var l=this.shouldMirror();var s=this.clamp(this.min+t*(l?1-r:r));var o=Number(s.toFixed(h(this.step)));if(this.snap&&this.step){o=this.getClosestStep(o)}return o};a.prototype.getClosestStep=function(a){a=Number(this.clamp(a).toFixed(h(this.step)));if(this.step){var t=Math.round(a/this.step)*this.step;a=Number(this.clamp(t).toFixed(h(this.step)))}return a};a.prototype.getClosestHandle=function(a){return this.getDistanceX(this.maxHandle,a)>this.getDistanceX(this.minHandle,a)?this.minHandle:this.maxHandle};a.prototype.getDistanceX=function(a,t){return Math.abs(a.getBoundingClientRect().left-t)};a.prototype.getFontSizeForElement=function(a){return Number(window.getComputedStyle(a).getPropertyValue("font-size").match(/\d+/)[0])};a.prototype.getUnitInterval=function(a){a=this.clamp(a);var t=this.max-this.min;return(a-this.min)/t};a.prototype.adjustHostObscuredHandleLabel=function(a){var t=this.el.shadowRoot.querySelector(".handle__label--"+a);var e=this.el.shadowRoot.querySelector(".handle__label--"+a+".static");var i=this.el.shadowRoot.querySelector(".handle__label--"+a+".transformed");var n=e.getBoundingClientRect();var r=this.getHostOffset(n.left,n.right);t.style.transform="translateX("+r+"px)";i.style.transform="translateX("+r+"px)"};a.prototype.hyphenateCollidingRangeHandleLabels=function(){var a=this.el.shadowRoot;var t=this.shouldMirror();var e=t?"value":"minValue";var i=t?"minValue":"value";var n=a.querySelector(".handle__label--"+e);var r=a.querySelector(".handle__label--"+e+".static");var l=a.querySelector(".handle__label--"+e+".transformed");var s=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right);var o=a.querySelector(".handle__label--"+i);var c=a.querySelector(".handle__label--"+i+".static");var h=a.querySelector(".handle__label--"+i+".transformed");var u=this.getHostOffset(c.getBoundingClientRect().left,c.getBoundingClientRect().right);var m=this.getFontSizeForElement(n);var d=this.getRangeLabelOverlap(l,h);var p=n;var b=m/2;if(d>0){p.classList.add("hyphen","hyphen--wrap");if(u===0&&s===0){var f=d/2-b;f=Math.sign(f)===-1?Math.abs(f):-f;var g=this.getHostOffset(l.getBoundingClientRect().left+f-b,l.getBoundingClientRect().right+f-b);var v=d/2;var x=this.getHostOffset(h.getBoundingClientRect().left+v,h.getBoundingClientRect().right+v);if(g!==0){f+=g;v+=g}if(x!==0){f+=x;v+=x}n.style.transform="translateX("+f+"px)";l.style.transform="translateX("+(f-b)+"px)";o.style.transform="translateX("+v+"px)";h.style.transform="translateX("+v+"px)"}else if(s>0||u>0){n.style.transform="translateX("+(s+b)+"px)";o.style.transform="translateX("+(d+u)+"px)";h.style.transform="translateX("+(d+u)+"px)"}else if(s<0||u<0){var f=Math.abs(s)+d-b;f=Math.sign(f)===-1?Math.abs(f):-f;n.style.transform="translateX("+f+"px)";l.style.transform="translateX("+(f-b)+"px)"}}else{p.classList.remove("hyphen","hyphen--wrap");n.style.transform="translateX("+s+"px)";l.style.transform="translateX("+s+"px)";o.style.transform="translateX("+u+"px)";h.style.transform="translateX("+u+"px)"}};a.prototype.hideObscuredBoundingTickLabels=function(){if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&this.isRange&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}var a=this.el.shadowRoot.querySelector(".thumb--minValue");var t=this.el.shadowRoot.querySelector(".thumb--value");var e=this.el.shadowRoot.querySelector(".tick__label--min");var i=this.el.shadowRoot.querySelector(".tick__label--max");if(!a&&t&&e&&i){e.style.opacity=this.isMinTickLabelObscured(e,t)?"0":"1";i.style.opacity=this.isMaxTickLabelObscured(i,t)?"0":"1"}if(a&&t&&e&&i){e.style.opacity=this.isMinTickLabelObscured(e,a)||this.isMinTickLabelObscured(e,t)?"0":"1";i.style.opacity=this.isMaxTickLabelObscured(i,a)||this.isMaxTickLabelObscured(i,t)&&this.hasHistogram?"0":"1"}};a.prototype.getHostOffset=function(a,t){var e=this.el.getBoundingClientRect();var i=7;if(a+i<e.left){return e.left-a-i}if(t-i>e.right){return-(t-e.right)+i}return 0};a.prototype.getRangeLabelOverlap=function(a,t){var e=a.getBoundingClientRect();var i=t.getBoundingClientRect();var n=this.getFontSizeForElement(a);var r=e.right+n-i.left;return Math.max(r,0)};a.prototype.isMinTickLabelObscured=function(a,t){var e=a.getBoundingClientRect();var i=t.getBoundingClientRect();return c(e,i)};a.prototype.isMaxTickLabelObscured=function(a,t){var e=a.getBoundingClientRect();var i=t.getBoundingClientRect();return c(e,i)};Object.defineProperty(a.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{histogram:["histogramWatcher"]}},enumerable:false,configurable:true});return a}());L.style=D}}}));
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
+ */
5
+ import{r as t,c as e,h as i,F as a,g as n}from"./p-2e29554c.js";import{a as o,g as l}from"./p-8f3a3e4e.js";import{C as r}from"./p-8340b572.js";import{S as c}from"./p-26508b91.js";import{c as s,d}from"./p-ea510477.js";import"./p-8a63221d.js";import"./p-0a5d059d.js";let m=class{constructor(i){t(this,i),this.calcitePanelDismissedChange=e(this,"calcitePanelDismissedChange",7),this.calcitePanelScroll=e(this,"calcitePanelScroll",7),this.calcitePanelBackClick=e(this,"calcitePanelBackClick",7),this.dismissed=!1,this.disabled=!1,this.dismissible=!1,this.showBackButton=!1,this.loading=!1,this.menuOpen=!1,this.setContainerRef=t=>{this.containerEl=t},this.setDismissRef=t=>{this.dismissButtonEl=t},this.setBackRef=t=>{this.backButtonEl=t},this.panelKeyDownHandler=t=>{"Escape"===t.key&&this.dismiss()},this.dismiss=()=>{this.dismissed=!0},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.backButtonClick=()=>{this.calcitePanelBackClick.emit()}}dismissedHandler(){this.calcitePanelDismissedChange.emit()}connectedCallback(){s(this)}disconnectedCallback(){d(this)}async setFocus(t){var e,i,a;"dismiss-button"!==t?"back-button"!==t?null===(a=this.containerEl)||void 0===a||a.focus():null===(i=this.backButtonEl)||void 0===i||i.setFocus():null===(e=this.dismissButtonEl)||void 0===e||e.setFocus()}async scrollContentTo(t){var e;null===(e=this.panelScrollEl)||void 0===e||e.scrollTo(t)}renderBackButton(){const{el:t}=this,e="rtl"===o(t),{showBackButton:a,intlBack:n,backButtonClick:l}=this,r=n||"Back";return a?i("calcite-action",{"aria-label":r,class:"back-button",icon:e?"chevron-right":"chevron-left",key:"back-button",onClick:l,ref:this.setBackRef,scale:"s",slot:"header-actions-start",text:r}):null}renderHeaderContent(){const{heading:t,headingLevel:e,summary:a}=this,n=t?i(r,{class:"heading",level:e||3},t):null,o=a?i("span",{class:"summary"},a):null;return n||o?i("div",{class:"header-content",key:"header-content"},n,o):null}renderHeaderSlottedContent(){return i("div",{class:"header-content",key:"slotted-header-content"},i("slot",{name:"header-content"}))}renderHeaderStartActions(){const{el:t}=this;return l(t,"header-actions-start")?i("div",{class:{"header-actions--start":!0,"header-actions":!0},key:"header-actions-start"},i("slot",{name:"header-actions-start"})):null}renderHeaderActionsEnd(){const{dismiss:t,dismissible:e,el:a,intlClose:n}=this,o=n||"Close",r=e?i("calcite-action",{"aria-label":o,icon:"x",onClick:t,ref:this.setDismissRef,text:o}):null,c=i("slot",{name:"header-actions-end"});return l(a,"header-actions-end")||r?i("div",{class:{"header-actions--end":!0,"header-actions":!0},key:"header-actions-end"},c,r):null}renderMenu(){const{el:t,intlOptions:e,menuOpen:a}=this;return l(t,"header-menu-actions")?i("calcite-action-menu",{flipPlacements:["top","bottom"],key:"menu",label:e||"Options",open:a,placement:"bottom-end"},i("calcite-action",{icon:"ellipsis",slot:c.trigger,text:e||"Options"}),i("slot",{name:"header-menu-actions"})):null}renderHeaderNode(){const{el:t,showBackButton:e}=this,a=this.renderBackButton(),n=l(t,"header-content")?this.renderHeaderSlottedContent():this.renderHeaderContent(),o=this.renderHeaderStartActions(),r=this.renderHeaderActionsEnd(),c=this.renderMenu();return o||n||r||c||e?i("header",{class:"header"},a,o,n,r,c):null}renderFooterNode(){const{el:t}=this,e=l(t,"footer"),a=l(t,"footer-actions");return e||a?i("footer",{class:"footer",key:"footer"},e?i("slot",{key:"footer-slot",name:"footer"}):null,a?i("slot",{key:"footer-actions-slot",name:"footer-actions"}):null):null}renderContent(){const{el:t}=this,e=l(t,"fab"),a=i("slot",{key:"default-slot"}),n="content-wrapper";return e?i("div",{class:{"content-wrapper":!0,"content-height":!0},key:n,onScroll:this.panelScrollHandler,ref:t=>this.panelScrollEl=t,tabIndex:0},i("section",{class:"content-container"},a),this.renderFab()):i("section",{class:{"content-wrapper":!0,"content-container":!0},key:n,onScroll:this.panelScrollHandler,ref:t=>this.panelScrollEl=t,tabIndex:0},a)}renderFab(){return i("div",{class:"fab-container"},i("slot",{name:"fab"}))}render(){const{dismissed:t,disabled:e,dismissible:n,loading:o,panelKeyDownHandler:l}=this,r=i("article",{"aria-busy":o.toString(),class:"container",hidden:n&&t,onKeyDown:l,ref:this.setContainerRef,tabIndex:n?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return i(a,null,o||e?i("calcite-scrim",{loading:o}):null,r)}get el(){return n(this)}static get watchers(){return{dismissed:["dismissedHandler"]}}};m.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{margin:0px;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), width var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{border-bottom:1px solid;position:-webkit-sticky;position:sticky;top:0px;width:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.875rem;padding-bottom:0.875rem;overflow:hidden;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .summary{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-bottom:0px}.header-content .summary{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{height:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{border-top:1px solid;position:-webkit-sticky;position:sticky;bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;bottom:0px;left:0px;right:0px;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:block;padding:0.5rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}";export{m as calcite_panel}
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t ins
2
2
  /*!
3
3
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
4
4
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
5
- */System.register(["./p-288bc438.system.js","./p-8ba8a357.system.js","./p-1a3a366d.system.js","./p-44aa1db4.system.js","./p-e2047621.system.js","./p-bb401f25.system.js","./p-3c34f20d.system.js","./p-ec9bab33.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,a,i,n,r,s,o,c,l,p,u,h,d,f,m,v,g,y,w,b,D,k;return{setters:[function(t){e=t.r;a=t.c;i=t.h;n=t.H;r=t.g},function(t){s=t.T;o=t.d;c=t.a;l=t.b;p=t.g;u=t.s;h=t.p;d=t.i},function(t){f=t.c;m=t.d;v=t.g},function(t){g=t.c;y=t.d;w=t.H},function(t){b=t.u;D=t.C;k=t.c},function(){},function(){},function(){},function(){}],execute:function(){var x="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);pointer-events:none;visibility:hidden}:host([active]) .menu-container{pointer-events:auto;visibility:visible}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var A="bottom-leading";var I=t("calcite_input_date_picker",function(){function t(t){var i=this;e(this,t);this.calciteDatePickerChange=a(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=a(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerChange=a(this,"calciteInputDatePickerChange",7);this.calciteInputDatePickerOpen=a(this,"calciteInputDatePickerOpen",7);this.calciteInputDatePickerClose=a(this,"calciteInputDatePickerClose",7);this.disabled=false;this.active=false;this.intlPrevMonth=s.prevMonth;this.intlNextMonth=s.nextMonth;this.intlYear=s.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.transitionEnd=function(t){if(t.propertyName===i.activeTransitionProp){i.active?i.calciteInputDatePickerOpen.emit():i.calciteInputDatePickerClose.emit()}};this.setStartInput=function(t){i.startInput=t};this.setEndInput=function(t){i.endInput=t};this.deactivate=function(){i.active=false};this.keyUpHandler=function(t){if(t.key==="Escape"){i.active=false}};this.inputBlur=function(t){i.blur(t.detail)};this.startInputFocus=function(){i.active=true;i.focusedInput="start"};this.endInputFocus=function(){i.active=true;i.focusedInput="end"};this.inputInput=function(t){i.input(t.detail.value)};this.setMenuEl=function(t){if(t){i.menuEl=t;i.createPopper()}};this.setStartWrapper=function(t){i.startWrapper=t;i.setReferenceEl()};this.setEndWrapper=function(t){i.endWrapper=t;i.setReferenceEl()};this.handleDateChange=function(t){if(i.range){return}i.value=o(t.detail)};this.handleDateRangeChange=function(t){var e,a;if(!i.range||!t.detail){return}var n=t.detail,r=n.startDate,s=n.endDate;i.start=o(r);i.end=o(s);i.value=[i.start,i.end];if(i.shouldFocusRangeEnd()){(e=i.endInput)===null||e===void 0?void 0:e.setFocus()}else if(i.shouldFocusRangeStart()){(a=i.startInput)===null||a===void 0?void 0:a.setFocus()}}}t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return c(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=c(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.onMinChanged=function(t){this.minAsDate=c(t)};t.prototype.onMaxChanged=function(t){this.maxAsDate=c(t)};t.prototype.activeHandler=function(){this.reposition()};t.prototype.handleDateOrRangeChange=function(){this.calciteInputDatePickerChange.emit()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.active=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.popper,a=t.menuEl;i=this.getModifiers();if(!e)return[3,2];return[4,b({el:a,modifiers:i,placement:A,popper:e})];case 1:n=r.sent();return[3,3];case 2:n=this.createPopper();r.label=3;case 3:n;return[2]}}))}))};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return c(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=c(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=c(this.start)}if(this.end){this.endAsDate=c(this.end)}if(this.min){this.minAsDate=c(this.min)}if(this.max){this.maxAsDate=c(this.max)}this.createPopper();f(this);g(this)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.disconnectedCallback=function(){this.destroyPopper();m(this);y(this)};t.prototype.render=function(){var t;var e,a;var r=this.disabled;var s=l(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var o=this.range?l(this.endAsDate,this.minAsDate,this.maxAsDate):null;var c=o?o.toLocaleDateString(this.locale):"";var p=s?s.toLocaleDateString(this.locale):"";return i(n,{onBlur:this.deactivate,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&i("div",{"aria-expanded":this.active.toString(),class:"input-container",role:"application"},i("div",{class:"input-wrapper",ref:this.setStartWrapper},i("calcite-input",{class:"input "+(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:r,icon:"calendar",label:v(this),"number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.startInputFocus,onCalciteInputInput:this.inputInput,placeholder:(e=this.localeData)===null||e===void 0?void 0:e.placeholder,ref:this.setStartInput,scale:this.scale,type:"text",value:p})),i("div",{"aria-hidden":(!this.active).toString(),class:"menu-container",ref:this.setMenuEl},i("div",{class:(t={},t["calendar-picker-wrapper"]=true,t["calendar-picker-wrapper--end"]=this.focusedInput==="end",t[D.animation]=true,t[D.animationActive]=this.active,t),onTransitionEnd:this.transitionEnd},i("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&i("div",{class:"horizontal-arrow-container"},i("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&i("div",{class:"vertical-arrow-container"},i("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&i("div",{class:"input-wrapper",ref:this.setEndWrapper},i("calcite-input",{class:{input:true,"border-top-color-one":this.layout==="vertical"&&this.range},disabled:r,icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.endInputFocus,onCalciteInputInput:this.inputInput,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:c}))),i(w,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.referenceEl,i=t.overlayPositioning;if(!e||!a){return}var n=this.getModifiers();this.popper=k({el:e,modifiers:n,overlayPositioning:i,placement:A,referenceEl:a})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.startWatcher=function(t){this.startAsDate=c(t)};t.prototype.endWatcher=function(t){this.endAsDate=c(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,p(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){this.value="";return}var t=this.focusedInput;if(t==="start"){this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=o(e);this.calciteDatePickerChange.emit(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!u(e,this.startAsDate)){var i=o(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!u(e,this.endAsDate)){var n=o(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,s=e.startAsDate,o=e.valueAsDate;var c=this.getDateFromInput(t.value);if(!c){if(!r&&o){t.value=Array.isArray(o)?o[i==="end"?1:0].toLocaleDateString(a):o.toLocaleDateString(a)}else if(i==="start"&&s){t.value=s.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=h(t,this.localeData),i=a.day,n=a.month,r=a.year;var s=i>0;var o=n>-1;var c=new Date(r,n,i);c.setFullYear(r);var l=!isNaN(c.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(s&&o&&l&&p&&u&&d(c,this.min,this.max)){return c}return false};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],min:["onMinChanged"],max:["onMaxChanged"],active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}());I.style=x}}}));
5
+ */System.register(["./p-288bc438.system.js","./p-7409e609.system.js","./p-1a3a366d.system.js","./p-44aa1db4.system.js","./p-e2047621.system.js","./p-bb401f25.system.js","./p-3c34f20d.system.js","./p-ec9bab33.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,a,i,n,r,s,o,c,l,p,u,h,d,f,m,v,g,y,w,b,D,k;return{setters:[function(t){e=t.r;a=t.c;i=t.h;n=t.H;r=t.g},function(t){s=t.T;o=t.d;c=t.a;l=t.b;p=t.g;u=t.s;h=t.p;d=t.i},function(t){f=t.c;m=t.d;v=t.g},function(t){g=t.c;y=t.d;w=t.H},function(t){b=t.u;D=t.C;k=t.c},function(){},function(){},function(){},function(){}],execute:function(){var x="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);pointer-events:none;visibility:hidden}:host([active]) .menu-container{pointer-events:auto;visibility:visible}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var A="bottom-leading";var I=t("calcite_input_date_picker",function(){function t(t){var i=this;e(this,t);this.calciteDatePickerChange=a(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=a(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerChange=a(this,"calciteInputDatePickerChange",7);this.calciteInputDatePickerOpen=a(this,"calciteInputDatePickerOpen",7);this.calciteInputDatePickerClose=a(this,"calciteInputDatePickerClose",7);this.disabled=false;this.active=false;this.intlPrevMonth=s.prevMonth;this.intlNextMonth=s.nextMonth;this.intlYear=s.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.transitionEnd=function(t){if(t.propertyName===i.activeTransitionProp){i.active?i.calciteInputDatePickerOpen.emit():i.calciteInputDatePickerClose.emit()}};this.setStartInput=function(t){i.startInput=t};this.setEndInput=function(t){i.endInput=t};this.deactivate=function(){i.active=false};this.keyUpHandler=function(t){if(t.key==="Escape"){i.active=false}};this.inputBlur=function(t){i.blur(t.detail)};this.startInputFocus=function(){i.active=true;i.focusedInput="start"};this.endInputFocus=function(){i.active=true;i.focusedInput="end"};this.inputInput=function(t){i.input(t.detail.value)};this.setMenuEl=function(t){if(t){i.menuEl=t;i.createPopper()}};this.setStartWrapper=function(t){i.startWrapper=t;i.setReferenceEl()};this.setEndWrapper=function(t){i.endWrapper=t;i.setReferenceEl()};this.handleDateChange=function(t){if(i.range){return}i.value=o(t.detail)};this.handleDateRangeChange=function(t){var e,a;if(!i.range||!t.detail){return}var n=t.detail,r=n.startDate,s=n.endDate;i.start=o(r);i.end=o(s);i.value=[i.start,i.end];if(i.shouldFocusRangeEnd()){(e=i.endInput)===null||e===void 0?void 0:e.setFocus()}else if(i.shouldFocusRangeStart()){(a=i.startInput)===null||a===void 0?void 0:a.setFocus()}}}t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return c(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=c(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.onMinChanged=function(t){this.minAsDate=c(t)};t.prototype.onMaxChanged=function(t){this.maxAsDate=c(t)};t.prototype.activeHandler=function(){this.reposition()};t.prototype.handleDateOrRangeChange=function(){this.calciteInputDatePickerChange.emit()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.active=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.popper,a=t.menuEl;i=this.getModifiers();if(!e)return[3,2];return[4,b({el:a,modifiers:i,placement:A,popper:e})];case 1:n=r.sent();return[3,3];case 2:n=this.createPopper();r.label=3;case 3:n;return[2]}}))}))};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return c(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=c(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=c(this.start)}if(this.end){this.endAsDate=c(this.end)}if(this.min){this.minAsDate=c(this.min)}if(this.max){this.maxAsDate=c(this.max)}this.createPopper();f(this);g(this)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.disconnectedCallback=function(){this.destroyPopper();m(this);y(this)};t.prototype.render=function(){var t;var e,a;var r=this.disabled;var s=l(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var o=this.range?l(this.endAsDate,this.minAsDate,this.maxAsDate):null;var c=o?o.toLocaleDateString(this.locale):"";var p=s?s.toLocaleDateString(this.locale):"";return i(n,{onBlur:this.deactivate,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&i("div",{"aria-expanded":this.active.toString(),class:"input-container",role:"application"},i("div",{class:"input-wrapper",ref:this.setStartWrapper},i("calcite-input",{class:"input "+(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:r,icon:"calendar",label:v(this),"number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.startInputFocus,onCalciteInputInput:this.inputInput,placeholder:(e=this.localeData)===null||e===void 0?void 0:e.placeholder,ref:this.setStartInput,scale:this.scale,type:"text",value:p})),i("div",{"aria-hidden":(!this.active).toString(),class:"menu-container",ref:this.setMenuEl},i("div",{class:(t={},t["calendar-picker-wrapper"]=true,t["calendar-picker-wrapper--end"]=this.focusedInput==="end",t[D.animation]=true,t[D.animationActive]=this.active,t),onTransitionEnd:this.transitionEnd},i("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&i("div",{class:"horizontal-arrow-container"},i("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&i("div",{class:"vertical-arrow-container"},i("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&i("div",{class:"input-wrapper",ref:this.setEndWrapper},i("calcite-input",{class:{input:true,"border-top-color-one":this.layout==="vertical"&&this.range},disabled:r,icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.endInputFocus,onCalciteInputInput:this.inputInput,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:c}))),i(w,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.referenceEl,i=t.overlayPositioning;if(!e||!a){return}var n=this.getModifiers();this.popper=k({el:e,modifiers:n,overlayPositioning:i,placement:A,referenceEl:a})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.startWatcher=function(t){this.startAsDate=c(t)};t.prototype.endWatcher=function(t){this.endAsDate=c(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,p(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){this.value="";return}var t=this.focusedInput;if(t==="start"){this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=o(e);this.calciteDatePickerChange.emit(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!u(e,this.startAsDate)){var i=o(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!u(e,this.endAsDate)){var n=o(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,s=e.startAsDate,o=e.valueAsDate;var c=this.getDateFromInput(t.value);if(!c){if(!r&&o){t.value=Array.isArray(o)?o[i==="end"?1:0].toLocaleDateString(a):o.toLocaleDateString(a)}else if(i==="start"&&s){t.value=s.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=h(t,this.localeData),i=a.day,n=a.month,r=a.year;var s=i>0;var o=n>-1;var c=new Date(r,n,i);c.setFullYear(r);var l=!isNaN(c.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(s&&o&&l&&p&&u&&d(c,this.min,this.max)){return c}return false};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],min:["onMinChanged"],max:["onMaxChanged"],active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}());I.style=x}}}));
@@ -2,4 +2,4 @@
2
2
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
3
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
4
  */
5
- import{r as t,c as i,h as e,H as a,g as n}from"./p-2e29554c.js";import{g as s}from"./p-8a63221d.js";import{i as r,n as o,c}from"./p-dd9f2e61.js";import{c as l,d as h,g as u}from"./p-9a7c4812.js";import{c as m,d,H as p}from"./p-e8e0f3b7.js";import"./p-8f3a3e4e.js";function f(t,i=!0){try{const e={hour:"2-digit",minute:"2-digit",timeZone:"UTC"};return i&&(e.second="2-digit"),new Intl.DateTimeFormat(t,e)}catch(i){throw new Error(`Invalid locale supplied while attempting to create a DateTime formatter: ${t}`)}}function b(t){const i=t.toString();return t>=0&&t<=9?i.padStart(2,"0"):i}function w(t){return k("meridiem",f(t).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))))?"12":"24"}function k(t,i){var e,a,n,s;if(!t||!i)return null;if("hourSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"hour"===t))),a=i.indexOf(i.find((({type:t})=>"minute"===t))),n=i[t+1];return n&&"literal"===n.type&&a-t==2&&(null===(e=n.value)||void 0===e?void 0:e.trim())||null}if("minuteSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"minute"===t))),e=i.indexOf(i.find((({type:t})=>"second"===t))),n=i[t+1];return n&&"literal"===n.type&&e-t==2&&(null===(a=n.value)||void 0===a?void 0:a.trim())||null}if("secondSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"second"===t))),e=i[t+1];return e&&"literal"===e.type&&(null===(n=e.value)||void 0===n?void 0:n.trim())||null}return(null===(s=i.find((({type:i})=>"meridiem"==t?"dayPeriod"===i:i===t)))||void 0===s?void 0:s.value)||null}function v(t){if(!r(t))return null;const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}function g(t){if(!t||t.startsWith(":")||t.endsWith(":"))return!1;const i=t.split(":");if(!(i.length>1&&i.length<4))return!1;const[e,a,n]=i,s=parseInt(i[0]),o=parseInt(i[1]),c=parseInt(i[2]),l=r(e)&&s>=0&&s<24,h=r(a)&&o>=0&&o<60,u=r(n)&&c>=0&&c<60;return!!(l&&h&&!n||l&&h&&u)||void 0}function x(t,i,e){if(!function(t,i){if("meridiem"===i)return"AM"===t||"PM"===t;if(!r(t))return!1;const e=Number(t);return"hour"===i?e>=0&&e<24:e>=0&&e<60}(t,i))return;const a=parseInt(t),n=new Date(Date.UTC(0,0,0,"hour"===i?a:"meridiem"===i?"AM"===t?0:12:0,"minute"===i?a:0,"second"===i?a:0));return n?k(i,f(e).formatToParts(n)):void 0}function D(t,i="en",e=!0){if(!g(t))return null;const{hour:a,minute:n,second:s="0"}=I(t),r=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(n),parseInt(s))),o=f(i,e);return(null==o?void 0:o.format(r))||null}function y(t,i="en"){if(!g(t))return null;const{hour:e,minute:a,second:n="0"}=I(t),s=new Date(Date.UTC(0,0,0,parseInt(e),parseInt(a),parseInt(n)));if(s){const t=f(i).formatToParts(s);return{localizedHour:k("hour",t),localizedHourSuffix:k("hourSuffix",t),localizedMinute:k("minute",t),localizedMinuteSuffix:k("minuteSuffix",t),localizedSecond:k("second",t),localizedSecondSuffix:k("secondSuffix",t),localizedMeridiem:k("meridiem",t)}}return null}function I(t){if(g(t)){const[i,e,a]=t.split(":");return{hour:i,minute:e,second:a}}return{hour:null,minute:null,second:null}}let M=class{constructor(e){t(this,e),this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7),this.active=!1,this.disabled=!1,this.locale=document.documentElement.lang||navigator.language||"en",this.required=!1,this.scale="m",this.step=60,this.value=null,this.internalValueChange=!1,this.previousValidValue=null,this.referenceElementId=`input-time-picker-${s()}`,this.calciteInputBlurHandler=()=>{this.active=!1;const t=this.shouldIncludeSeconds(),i=D(this.calciteInputEl.value,this.locale,t);this.setInputValue(i||D(this.value,this.locale,t))},this.calciteInputFocusHandler=()=>{this.active=!0},this.calciteInputInputHandler=t=>{this.setValue({value:t.target.value})},this.timePickerChangeHandler=t=>{t.stopPropagation(),this.setValue({value:t.target.value,origin:"time-picker"})},this.setCalciteInputEl=t=>{this.calciteInputEl=t},this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t},this.setInputValue=t=>{this.calciteInputEl&&(this.calciteInputEl.value=t)},this.setValue=({value:t,origin:i="input"})=>{const e=this.value,a=function(t){if(!g(t))return null;const[i,e,a]=t.split(":"),n=b(parseInt(i)),s=b(parseInt(e));return a?`${n}:${s}:${b(parseInt(a))}`:`${n}:${s}`}(t),n=D(a,this.locale,this.shouldIncludeSeconds());this.internalValueChange="external"!==i&&"loading"!==i;const s="loading"!==i&&"external"!==i&&(t!==this.previousValidValue&&!t||!(this.previousValidValue||!a)||a!==this.previousValidValue&&a);t?(s&&(this.previousValidValue=a),a&&a!==this.value&&(this.value=a),this.localizedValue=n):(this.value=t,this.localizedValue=null),"time-picker"!==i&&"external"!==i||this.setInputValue(n),s&&(this.calciteInputTimePickerChange.emit().defaultPrevented?(this.internalValueChange=!1,this.value=e,this.setInputValue(e),this.previousValidValue=e):this.previousValidValue=a)}}localeWatcher(t){this.setInputValue(D(this.value,t,this.shouldIncludeSeconds()))}valueWatcher(t){this.internalValueChange||this.setValue({value:t,origin:"external"}),this.internalValueChange=!1}clickHandler(t){t.composedPath().includes(this.calciteTimePickerEl)||this.setFocus()}keyUpHandler(t){"Escape"===t.key&&this.active&&(this.active=!1)}timePickerBlurHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!1}timePickerFocusHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!0}async setFocus(){this.calciteInputEl.setFocus()}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}connectedCallback(){this.value&&this.setValue({value:g(this.value)?this.value:void 0,origin:"loading"}),l(this),m(this)}componentDidLoad(){this.setInputValue(this.localizedValue)}disconnectedCallback(){h(this),d(this)}render(){const t=`${this.referenceElementId}-popover`;return e(a,null,e("div",{"aria-controls":t,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":t,id:this.referenceElementId,role:"combobox"},e("calcite-input",{disabled:this.disabled,icon:"clock",label:u(this),onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),e("calcite-popover",{id:t,label:"Time Picker",open:this.active||!1,referenceElement:this.referenceElementId},e("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,lang:this.locale,onCalciteTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),e(p,{component:this}))}get el(){return n(this)}static get watchers(){return{locale:["localeWatcher"],value:["valueWatcher"]}}};M.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";const S={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker"};let A=class{constructor(e){t(this,e),this.calciteTimePickerBlur=i(this,"calciteTimePickerBlur",7),this.calciteTimePickerChange=i(this,"calciteTimePickerChange",7),this.calciteTimePickerFocus=i(this,"calciteTimePickerFocus",7),this.intlHour="Hour",this.intlHourDown="Decrease hour",this.intlHourUp="Increase hour",this.intlMeridiem="AM/PM",this.intlMeridiemDown="Decrease AM/PM",this.intlMeridiemUp="Increase AM/PM",this.intlMinute="Minute",this.intlMinuteDown="Decrease minute",this.intlMinuteUp="Increase minute",this.intlSecond="Second",this.intlSecondDown="Decrease second",this.intlSecondUp="Increase second",this.locale=document.documentElement.lang||navigator.language||"en",this.scale="m",this.step=60,this.value=null,this.showSecond=this.step<60,this.decrementHour=()=>{const t=this.hour?"00"===this.hour?23:parseInt(this.hour)-1:0;this.setValuePart("hour",t)},this.decrementMeridiem=()=>{this.setValuePart("meridiem","PM"===this.meridiem?"AM":"PM")},this.decrementMinuteOrSecond=t=>{let i;if(r(this[t])){const e=parseInt(this[t]);i=0===e?59:e-1}else i=59;this.setValuePart(t,i)},this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")},this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")},this.focusHandler=t=>{this.activeEl=t.currentTarget},this.hourDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementHour()},this.hourKeyDownHandler=t=>{const i=t.key;if(o.includes(i)){const t=parseInt(i);let e;if(r(this.hour))switch(this.hourCycle){case"12":e="01"===this.hour&&t>=0&&t<=2?`1${t}`:t;break;case"24":e="01"===this.hour?`1${t}`:"02"===this.hour&&t>=0&&t<=3?`2${t}`:t}else e=t;this.setValuePart("hour",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault(),this.decrementHour();break;case"ArrowUp":t.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":t.preventDefault()}},this.hourUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementHour()},this.incrementMeridiem=()=>{this.setValuePart("meridiem","AM"===this.meridiem?"PM":"AM")},this.incrementHour=()=>{const t=r(this.hour)?"23"===this.hour?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)},this.incrementMinuteOrSecond=t=>{const i=r(this[t])?"59"===this[t]?0:parseInt(this[t])+1:0;this.setValuePart(t,i)},this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")},this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")},this.meridiemDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMeridiem()},this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":t.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":t.preventDefault(),this.decrementMeridiem();break;case" ":case"Spacebar":t.preventDefault()}},this.meridiemUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMeridiem()},this.minuteDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMinute()},this.minuteKeyDownHandler=t=>{const i=t.key;if(o.includes(i)){const t=parseInt(i);let e;if(r(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>5?t:`${i}${t}`}else e=t;this.setValuePart("minute",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault(),this.decrementMinute();break;case"ArrowUp":t.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":t.preventDefault()}},this.minuteUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMinute()},this.secondDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementSecond()},this.secondKeyDownHandler=t=>{const i=t.key;if(o.includes(i)){const t=parseInt(i);let e;if(r(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>5?t:`${i}${t}`}else e=t;this.setValuePart("second",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault(),this.decrementSecond();break;case"ArrowUp":t.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":t.preventDefault()}},this.secondUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementSecond()},this.setHourEl=t=>this.hourEl=t,this.setMeridiemEl=t=>this.meridiemEl=t,this.setMinuteEl=t=>this.minuteEl=t,this.setSecondEl=t=>this.secondEl=t,this.setValue=(t,i=!0)=>{if(g(t)){const{hour:i,minute:e,second:a}=I(t),{localizedHour:n,localizedHourSuffix:s,localizedMinute:r,localizedMinuteSuffix:o,localizedSecond:c,localizedSecondSuffix:l,localizedMeridiem:h}=y(t,this.locale);this.localizedHour=n,this.localizedHourSuffix=s,this.localizedMinute=r,this.localizedMinuteSuffix=o,this.localizedSecond=c,this.localizedSecondSuffix=l,this.hour=i,this.minute=e,this.second=a,h&&(this.localizedMeridiem=h,this.meridiem=v(this.hour))}else this.hour=null,this.localizedHour=null,this.localizedHourSuffix=null,this.localizedMeridiem=null,this.localizedMinute=null,this.localizedMinuteSuffix=null,this.localizedSecond=null,this.localizedSecondSuffix=null,this.meridiem=null,this.minute=null,this.second=null,this.value=null;i&&this.calciteTimePickerChange.emit()},this.setValuePart=(t,i,e=!0)=>{var a,n;if("meridiem"===t){if(this.meridiem=i,r(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":t>=12&&(this.hour=b(t-12));break;case"PM":t<12&&(this.hour=b(t+12))}this.localizedHour=x(this.hour,"hour",this.locale)}}else this[t]="number"==typeof i?b(i):i,this[`localized${n=t,n.charAt(0).toUpperCase()+n.slice(1)}`]=x(this[t],t,this.locale);this.value=this.hour&&this.minute?`${this.hour}:${this.minute}:${this.second&&this.showSecond?this.second:"00"}`:null,this.localizedMeridiem=this.value?(null===(a=y(this.value,this.locale))||void 0===a?void 0:a.localizedMeridiem)||null:x(this.meridiem,"meridiem",this.locale),e&&this.calciteTimePickerChange.emit()}}localeWatcher(t){this.hourCycle=w(t),this.setValue(this.value,!1)}valueWatcher(t){this.setValue(t,!1)}hourChanged(t){this.meridiem&&r(t)&&this.setValuePart("meridiem",v(t))}hostBlurHandler(){this.calciteTimePickerBlur.emit()}hostFocusHandler(){this.calciteTimePickerFocus.emit()}keyDownHandler(t){const i=t.key;switch(this.activeEl){case this.hourEl:"ArrowRight"===i&&this.setFocus("minute");break;case this.minuteEl:switch(i){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":60!==this.step?this.setFocus("second"):"12"===this.hourCycle&&this.setFocus("meridiem")}break;case this.secondEl:switch(i){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":"12"===this.hourCycle&&this.setFocus("meridiem")}break;case this.meridiemEl:switch(i){case"ArrowLeft":this.setFocus(60!==this.step?"second":"minute")}}}async setFocus(t){var i;null===(i=this[`${t||"hour"}El`])||void 0===i||i.focus()}buttonActivated(t){const i=t.key;return" "===i&&t.preventDefault(),c(i)}connectedCallback(){this.setValue(this.value,!1),this.hourCycle=w(this.locale)}render(){const t=r(this.hour),i="s"===this.scale||"m"===this.scale?"s":"m",a=r(this.minute),n=r(this.second),s="12"===this.hourCycle;return e("div",{class:{[S.timePicker]:!0,[S.showMeridiem]:s,[S.showSecond]:this.showSecond,[S[`scale-${this.scale}`]]:!0}},e("div",{class:S.column,role:"group"},e("span",{"aria-label":this.intlHourUp,class:{[S.button]:!0,[S.buttonHourUp]:!0,[S.buttonTopLeft]:!0},onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[S.input]:!0,[S.hour]:!0},onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),e("span",{"aria-label":this.intlHourDown,class:{[S.button]:!0,[S.buttonHourDown]:!0,[S.buttonBottomLeft]:!0},onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),e("span",{class:S.delimiter},this.localizedHourSuffix),e("div",{class:S.column,role:"group"},e("span",{"aria-label":this.intlMinuteUp,class:{[S.button]:!0,[S.buttonMinuteUp]:!0},onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":a&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[S.input]:!0,[S.minute]:!0},onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),e("span",{"aria-label":this.intlMinuteDown,class:{[S.button]:!0,[S.buttonMinuteDown]:!0},onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showSecond&&e("span",{class:S.delimiter},this.localizedMinuteSuffix),this.showSecond&&e("div",{class:S.column,role:"group"},e("span",{"aria-label":this.intlSecondUp,class:{[S.button]:!0,[S.buttonSecondUp]:!0},onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[S.input]:!0,[S.second]:!0},onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),e("span",{"aria-label":this.intlSecondDown,class:{[S.button]:!0,[S.buttonSecondDown]:!0},onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.localizedSecondSuffix&&e("span",{class:S.delimiter},this.localizedSecondSuffix),s&&e("div",{class:S.column,role:"group"},e("span",{"aria-label":this.intlMeridiemUp,class:{[S.button]:!0,[S.buttonMeridiemUp]:!0,[S.buttonTopRight]:!0},onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":"PM"===this.meridiem?"2":"1","aria-valuetext":this.meridiem,class:{[S.input]:!0,[S.meridiem]:!0},onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),e("span",{"aria-label":this.intlMeridiemDown,class:{[S.button]:!0,[S.buttonMeridiemDown]:!0,[S.buttonBottomRight]:!0},onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))))}get el(){return n(this)}static get watchers(){return{locale:["localeWatcher"],value:["valueWatcher"],hour:["hourChanged"]}}};A.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.time-picker .button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-top-left-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-top-right-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1rem;padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}";export{M as calcite_input_time_picker,A as calcite_time_picker}
5
+ import{r as t,c as i,h as e,H as a,g as n}from"./p-2e29554c.js";import{g as s}from"./p-8a63221d.js";import{i as r,n as o,c}from"./p-dd9f2e61.js";import{c as l,d as h,g as u}from"./p-9a7c4812.js";import{c as m,d,H as p}from"./p-e8e0f3b7.js";import"./p-8f3a3e4e.js";function f(t,i=!0){try{const e={hour:"2-digit",minute:"2-digit",timeZone:"UTC"};return i&&(e.second="2-digit"),new Intl.DateTimeFormat(t,e)}catch(i){throw new Error(`Invalid locale supplied while attempting to create a DateTime formatter: ${t}`)}}function b(t){const i=t.toString();return t>=0&&t<=9?i.padStart(2,"0"):i}function w(t){return k("meridiem",f(t).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))))?"12":"24"}function k(t,i){var e,a,n,s;if(!t||!i)return null;if("hourSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"hour"===t))),a=i.indexOf(i.find((({type:t})=>"minute"===t))),n=i[t+1];return n&&"literal"===n.type&&a-t==2&&(null===(e=n.value)||void 0===e?void 0:e.trim())||null}if("minuteSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"minute"===t))),e=i.indexOf(i.find((({type:t})=>"second"===t))),n=i[t+1];return n&&"literal"===n.type&&e-t==2&&(null===(a=n.value)||void 0===a?void 0:a.trim())||null}if("secondSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"second"===t))),e=i[t+1];return e&&"literal"===e.type&&(null===(n=e.value)||void 0===n?void 0:n.trim())||null}return(null===(s=i.find((({type:i})=>"meridiem"==t?"dayPeriod"===i:i===t)))||void 0===s?void 0:s.value)||null}function v(t){if(!r(t))return null;const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}function g(t){if(!t||t.startsWith(":")||t.endsWith(":"))return!1;const i=t.split(":");if(!(i.length>1&&i.length<4))return!1;const[e,a,n]=i,s=parseInt(i[0]),o=parseInt(i[1]),c=parseInt(i[2]),l=r(e)&&s>=0&&s<24,h=r(a)&&o>=0&&o<60,u=r(n)&&c>=0&&c<60;return!!(l&&h&&!n||l&&h&&u)||void 0}function x(t,i,e){if(!function(t,i){if("meridiem"===i)return"AM"===t||"PM"===t;if(!r(t))return!1;const e=Number(t);return"hour"===i?e>=0&&e<24:e>=0&&e<60}(t,i))return;const a=parseInt(t),n=new Date(Date.UTC(0,0,0,"hour"===i?a:"meridiem"===i?"AM"===t?0:12:0,"minute"===i?a:0,"second"===i?a:0));return n?k(i,f(e).formatToParts(n)):void 0}function D(t,i="en",e=!0){if(!g(t))return null;const{hour:a,minute:n,second:s="0"}=I(t),r=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(n),parseInt(s))),o=f(i,e);return(null==o?void 0:o.format(r))||null}function y(t,i="en"){if(!g(t))return null;const{hour:e,minute:a,second:n="0"}=I(t),s=new Date(Date.UTC(0,0,0,parseInt(e),parseInt(a),parseInt(n)));if(s){const t=f(i).formatToParts(s);return{localizedHour:k("hour",t),localizedHourSuffix:k("hourSuffix",t),localizedMinute:k("minute",t),localizedMinuteSuffix:k("minuteSuffix",t),localizedSecond:k("second",t),localizedSecondSuffix:k("secondSuffix",t),localizedMeridiem:k("meridiem",t)}}return null}function I(t){if(g(t)){const[i,e,a]=t.split(":");return{hour:i,minute:e,second:a}}return{hour:null,minute:null,second:null}}let M=class{constructor(e){t(this,e),this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7),this.active=!1,this.disabled=!1,this.locale=document.documentElement.lang||navigator.language||"en",this.required=!1,this.scale="m",this.step=60,this.value=null,this.internalValueChange=!1,this.previousValidValue=null,this.referenceElementId=`input-time-picker-${s()}`,this.calciteInputBlurHandler=()=>{this.active=!1;const t=this.shouldIncludeSeconds(),i=D(this.calciteInputEl.value,this.locale,t);this.setInputValue(i||D(this.value,this.locale,t))},this.calciteInputFocusHandler=()=>{this.active=!0},this.calciteInputInputHandler=t=>{this.setValue({value:t.target.value})},this.timePickerChangeHandler=t=>{t.stopPropagation(),this.setValue({value:t.target.value,origin:"time-picker"})},this.setCalciteInputEl=t=>{this.calciteInputEl=t},this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t},this.setInputValue=t=>{this.calciteInputEl&&(this.calciteInputEl.value=t)},this.setValue=({value:t,origin:i="input"})=>{const e=this.value,a=function(t){if(!g(t))return null;const[i,e,a]=t.split(":"),n=b(parseInt(i)),s=b(parseInt(e));return a?`${n}:${s}:${b(parseInt(a))}`:`${n}:${s}`}(t),n=D(a,this.locale,this.shouldIncludeSeconds());this.internalValueChange="external"!==i&&"loading"!==i;const s="loading"!==i&&"external"!==i&&(t!==this.previousValidValue&&!t||!(this.previousValidValue||!a)||a!==this.previousValidValue&&a);t?(s&&(this.previousValidValue=a),a&&a!==this.value&&(this.value=a),this.localizedValue=n):(this.value=t,this.localizedValue=null),"time-picker"!==i&&"external"!==i||this.setInputValue(n),s&&(this.calciteInputTimePickerChange.emit().defaultPrevented?(this.internalValueChange=!1,this.value=e,this.setInputValue(e),this.previousValidValue=e):this.previousValidValue=a)}}localeWatcher(t){this.setInputValue(D(this.value,t,this.shouldIncludeSeconds()))}valueWatcher(t){this.internalValueChange||this.setValue({value:t,origin:"external"}),this.internalValueChange=!1}clickHandler(t){t.composedPath().includes(this.calciteTimePickerEl)||this.setFocus()}keyUpHandler(t){"Escape"===t.key&&this.active&&(this.active=!1)}timePickerBlurHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!1}timePickerFocusHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!0}async setFocus(){this.calciteInputEl.setFocus()}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}connectedCallback(){this.value&&this.setValue({value:g(this.value)?this.value:void 0,origin:"loading"}),l(this),m(this)}componentDidLoad(){this.setInputValue(this.localizedValue)}disconnectedCallback(){h(this),d(this)}render(){const t=`${this.referenceElementId}-popover`;return e(a,null,e("div",{"aria-controls":t,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":t,id:this.referenceElementId,role:"combobox"},e("calcite-input",{disabled:this.disabled,icon:"clock",label:u(this),onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),e("calcite-popover",{id:t,label:"Time Picker",open:this.active||!1,referenceElement:this.referenceElementId},e("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,lang:this.locale,onCalciteTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),e(p,{component:this}))}get el(){return n(this)}static get watchers(){return{locale:["localeWatcher"],value:["valueWatcher"]}}};M.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";const S={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker"};let A=class{constructor(e){t(this,e),this.calciteTimePickerBlur=i(this,"calciteTimePickerBlur",7),this.calciteTimePickerChange=i(this,"calciteTimePickerChange",7),this.calciteTimePickerFocus=i(this,"calciteTimePickerFocus",7),this.intlHour="Hour",this.intlHourDown="Decrease hour",this.intlHourUp="Increase hour",this.intlMeridiem="AM/PM",this.intlMeridiemDown="Decrease AM/PM",this.intlMeridiemUp="Increase AM/PM",this.intlMinute="Minute",this.intlMinuteDown="Decrease minute",this.intlMinuteUp="Increase minute",this.intlSecond="Second",this.intlSecondDown="Decrease second",this.intlSecondUp="Increase second",this.locale=document.documentElement.lang||navigator.language||"en",this.scale="m",this.step=60,this.value=null,this.showSecond=this.step<60,this.decrementHour=()=>{const t=this.hour?"00"===this.hour?23:parseInt(this.hour)-1:0;this.setValuePart("hour",t)},this.decrementMeridiem=()=>{this.setValuePart("meridiem","PM"===this.meridiem?"AM":"PM")},this.decrementMinuteOrSecond=t=>{let i;if(r(this[t])){const e=parseInt(this[t]);i=0===e?59:e-1}else i=59;this.setValuePart(t,i)},this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")},this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")},this.focusHandler=t=>{this.activeEl=t.currentTarget},this.hourDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementHour()},this.hourKeyDownHandler=t=>{const i=t.key;if(o.includes(i)){const t=parseInt(i);let e;if(r(this.hour))switch(this.hourCycle){case"12":e="01"===this.hour&&t>=0&&t<=2?`1${t}`:t;break;case"24":e="01"===this.hour?`1${t}`:"02"===this.hour&&t>=0&&t<=3?`2${t}`:t}else e=t;this.setValuePart("hour",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault(),this.decrementHour();break;case"ArrowUp":t.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":t.preventDefault()}},this.hourUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementHour()},this.incrementMeridiem=()=>{this.setValuePart("meridiem","AM"===this.meridiem?"PM":"AM")},this.incrementHour=()=>{const t=r(this.hour)?"23"===this.hour?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)},this.incrementMinuteOrSecond=t=>{const i=r(this[t])?"59"===this[t]?0:parseInt(this[t])+1:0;this.setValuePart(t,i)},this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")},this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")},this.meridiemDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMeridiem()},this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":t.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":t.preventDefault(),this.decrementMeridiem();break;case" ":case"Spacebar":t.preventDefault()}},this.meridiemUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMeridiem()},this.minuteDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMinute()},this.minuteKeyDownHandler=t=>{const i=t.key;if(o.includes(i)){const t=parseInt(i);let e;if(r(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>5?t:`${i}${t}`}else e=t;this.setValuePart("minute",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault(),this.decrementMinute();break;case"ArrowUp":t.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":t.preventDefault()}},this.minuteUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMinute()},this.secondDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementSecond()},this.secondKeyDownHandler=t=>{const i=t.key;if(o.includes(i)){const t=parseInt(i);let e;if(r(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>5?t:`${i}${t}`}else e=t;this.setValuePart("second",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault(),this.decrementSecond();break;case"ArrowUp":t.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":t.preventDefault()}},this.secondUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementSecond()},this.setHourEl=t=>this.hourEl=t,this.setMeridiemEl=t=>this.meridiemEl=t,this.setMinuteEl=t=>this.minuteEl=t,this.setSecondEl=t=>this.secondEl=t,this.setValue=(t,i=!0)=>{if(g(t)){const{hour:i,minute:e,second:a}=I(t),{localizedHour:n,localizedHourSuffix:s,localizedMinute:r,localizedMinuteSuffix:o,localizedSecond:c,localizedSecondSuffix:l,localizedMeridiem:h}=y(t,this.locale);this.localizedHour=n,this.localizedHourSuffix=s,this.localizedMinute=r,this.localizedMinuteSuffix=o,this.localizedSecond=c,this.localizedSecondSuffix=l,this.hour=i,this.minute=e,this.second=a,h&&(this.localizedMeridiem=h,this.meridiem=v(this.hour))}else this.hour=null,this.localizedHour=null,this.localizedHourSuffix=null,this.localizedMeridiem=null,this.localizedMinute=null,this.localizedMinuteSuffix=null,this.localizedSecond=null,this.localizedSecondSuffix=null,this.meridiem=null,this.minute=null,this.second=null,this.value=null;i&&this.calciteTimePickerChange.emit()},this.setValuePart=(t,i,e=!0)=>{var a,n;if("meridiem"===t){if(this.meridiem=i,r(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":t>=12&&(this.hour=b(t-12));break;case"PM":t<12&&(this.hour=b(t+12))}this.localizedHour=x(this.hour,"hour",this.locale)}}else this[t]="number"==typeof i?b(i):i,this[`localized${n=t,n.charAt(0).toUpperCase()+n.slice(1)}`]=x(this[t],t,this.locale);this.value=this.hour&&this.minute?`${this.hour}:${this.minute}:${this.second&&this.showSecond?this.second:"00"}`:null,this.localizedMeridiem=this.value?(null===(a=y(this.value,this.locale))||void 0===a?void 0:a.localizedMeridiem)||null:x(this.meridiem,"meridiem",this.locale),e&&this.calciteTimePickerChange.emit()}}localeWatcher(t){this.hourCycle=w(t),this.setValue(this.value,!1)}valueWatcher(t){this.setValue(t,!1)}hourChanged(t){this.meridiem&&r(t)&&this.setValuePart("meridiem",v(t))}hostBlurHandler(){this.calciteTimePickerBlur.emit()}hostFocusHandler(){this.calciteTimePickerFocus.emit()}keyDownHandler(t){const i=t.key;switch(this.activeEl){case this.hourEl:"ArrowRight"===i&&this.setFocus("minute");break;case this.minuteEl:switch(i){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":60!==this.step?this.setFocus("second"):"12"===this.hourCycle&&this.setFocus("meridiem")}break;case this.secondEl:switch(i){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":"12"===this.hourCycle&&this.setFocus("meridiem")}break;case this.meridiemEl:switch(i){case"ArrowLeft":this.setFocus(60!==this.step?"second":"minute")}}}async setFocus(t){var i;null===(i=this[`${t||"hour"}El`])||void 0===i||i.focus()}buttonActivated(t){const i=t.key;return" "===i&&t.preventDefault(),c(i)}connectedCallback(){this.setValue(this.value,!1),this.hourCycle=w(this.locale)}render(){const t=r(this.hour),i="s"===this.scale||"m"===this.scale?"s":"m",a=r(this.minute),n=r(this.second),s="12"===this.hourCycle;return e("div",{class:{[S.timePicker]:!0,[S.showMeridiem]:s,[S.showSecond]:this.showSecond,[S[`scale-${this.scale}`]]:!0},dir:"ltr"},e("div",{class:S.column,role:"group"},e("span",{"aria-label":this.intlHourUp,class:{[S.button]:!0,[S.buttonHourUp]:!0,[S.buttonTopLeft]:!0},onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[S.input]:!0,[S.hour]:!0},onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),e("span",{"aria-label":this.intlHourDown,class:{[S.button]:!0,[S.buttonHourDown]:!0,[S.buttonBottomLeft]:!0},onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),e("span",{class:S.delimiter},this.localizedHourSuffix),e("div",{class:S.column,role:"group"},e("span",{"aria-label":this.intlMinuteUp,class:{[S.button]:!0,[S.buttonMinuteUp]:!0},onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":a&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[S.input]:!0,[S.minute]:!0},onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),e("span",{"aria-label":this.intlMinuteDown,class:{[S.button]:!0,[S.buttonMinuteDown]:!0},onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showSecond&&e("span",{class:S.delimiter},this.localizedMinuteSuffix),this.showSecond&&e("div",{class:S.column,role:"group"},e("span",{"aria-label":this.intlSecondUp,class:{[S.button]:!0,[S.buttonSecondUp]:!0},onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[S.input]:!0,[S.second]:!0},onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),e("span",{"aria-label":this.intlSecondDown,class:{[S.button]:!0,[S.buttonSecondDown]:!0},onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.localizedSecondSuffix&&e("span",{class:S.delimiter},this.localizedSecondSuffix),s&&e("div",{class:S.column,role:"group"},e("span",{"aria-label":this.intlMeridiemUp,class:{[S.button]:!0,[S.buttonMeridiemUp]:!0,[S.buttonTopRight]:!0},onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":"PM"===this.meridiem?"2":"1","aria-valuetext":this.meridiem,class:{[S.input]:!0,[S.meridiem]:!0},onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),e("span",{"aria-label":this.intlMeridiemDown,class:{[S.button]:!0,[S.buttonMeridiemDown]:!0,[S.buttonBottomRight]:!0},onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))))}get el(){return n(this)}static get watchers(){return{locale:["localeWatcher"],value:["valueWatcher"],hour:["hourChanged"]}}};A.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.time-picker .button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-top-left-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-top-right-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1rem;padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}";export{M as calcite_input_time_picker,A as calcite_time_picker}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
+ */
5
+ import{r as t,c as i,h as a,H as e,g as o}from"./p-2e29554c.js";import{f as n,g as r,e as s,i as l}from"./p-8f3a3e4e.js";import{c}from"./p-0a5d059d.js";import{c as d,d as m}from"./p-ea510477.js";import"./p-8a63221d.js";function h(t,i,a,e=20,o=0){let n=[];if(o>=e)return n;const r=t=>{const n=t.assignedNodes().filter((t=>1===t.nodeType));return n.length>0?h(n[0].parentElement,i,a,e,o+1):[]},s=Array.from(t.children||[]);for(const t of s)i(t)||(a(t)&&n.push(t),null!=t.shadowRoot?n.push(...h(t.shadowRoot,i,a,e,o+1)):"SLOT"===t.tagName?n.push(...r(t)):n.push(...h(t,i,a,e,o+1)));return n}function b(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&"false"!==t.getAttribute("aria-hidden")||"none"===t.style.display||"0"===t.style.opacity||"hidden"===t.style.visibility||"collapse"===t.style.visibility}const p=t=>{return l(t)||"-1"!==(i=t).getAttribute("tabindex")&&!b(i)&&!function(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")}(i)&&(i.hasAttribute("tabindex")||(i instanceof HTMLAnchorElement||i instanceof HTMLAreaElement)&&i.hasAttribute("href")||i instanceof HTMLButtonElement||i instanceof HTMLInputElement||i instanceof HTMLTextAreaElement||i instanceof HTMLSelectElement||i instanceof HTMLIFrameElement);var i},f=t=>h(t,b,p);let u=class{constructor(a){t(this,a),this.calciteModalOpen=i(this,"calciteModalOpen",7),this.calciteModalClose=i(this,"calciteModalClose",7),this.active=!1,this.beforeClose=()=>Promise.resolve(),this.disableCloseButton=!1,this.disableOutsideClose=!1,this.intlClose="Close",this.disableEscape=!1,this.scale="m",this.width="m",this.backgroundColor="white",this.noPadding=!1,this.hasFooter=!0,this.mutationObserver=c("mutation",(()=>this.updateFooterVisibility())),this.activeTransitionProp="opacity",this.transitionEnd=t=>{t.propertyName===this.activeTransitionProp&&(this.active?this.calciteModalOpen.emit():this.calciteModalClose.emit())},this.openEnd=()=>{this.setFocus(),this.el.removeEventListener("calciteModalOpen",this.openEnd)},this.handleOutsideClose=()=>{this.disableOutsideClose||this.close()},this.close=()=>this.beforeClose(this.el).then((()=>{this.active=!1,n(this.previousActiveElement),this.removeOverflowHiddenClass()})),this.focusFirstElement=()=>{n(this.closeButtonEl)},this.focusLastElement=()=>{const t=f(this.el).filter((t=>!t.getAttribute("data-focus-fence")));n(t.length>0?t[t.length-1]:this.closeButtonEl)},this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,["back","primary","secondary"])}}componentWillLoad(){this.active&&this.open()}connectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,subtree:!0}),this.updateFooterVisibility(),d(this)}disconnectedCallback(){var t;this.removeOverflowHiddenClass(),null===(t=this.mutationObserver)||void 0===t||t.disconnect(),m(this)}render(){return a(e,{"aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},a("calcite-scrim",{class:"scrim",onClick:this.handleOutsideClose}),this.renderStyle(),a("div",{class:"modal",onTransitionEnd:this.transitionEnd},a("div",{"data-focus-fence":!0,onFocus:this.focusLastElement,tabindex:"0"}),a("div",{class:"header"},this.renderCloseButton(),a("header",{class:"title"},a("slot",{name:"header"}))),a("div",{class:{content:!0,"content--spaced":!this.noPadding,"content--no-footer":!this.hasFooter},ref:t=>this.modalContent=t},a("slot",{name:"content"})),this.renderFooter(),a("div",{"data-focus-fence":!0,onFocus:this.focusFirstElement,tabindex:"0"})))}renderFooter(){return this.hasFooter?a("div",{class:"footer",key:"footer"},a("span",{class:"back"},a("slot",{name:"back"})),a("span",{class:"secondary"},a("slot",{name:"secondary"})),a("span",{class:"primary"},a("slot",{name:"primary"}))):null}renderCloseButton(){return this.disableCloseButton?null:a("button",{"aria-label":this.intlClose,class:"close",key:"button",onClick:this.close,ref:t=>this.closeButtonEl=t,title:this.intlClose},a("calcite-icon",{icon:"x",scale:"s"===this.scale?"s":"m"===this.scale?"m":"l"===this.scale?"l":null}))}renderStyle(){return isNaN(parseInt(`${this.width}`))?null:a("style",null,`\n .modal {\n max-width: ${this.width}px !important;\n }\n @media screen and (max-width: ${this.width}px) {\n .modal {\n height: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n border-radius: 0 !important;\n }\n .content {\n flex: 1 1 auto !important;\n max-height: unset !important;\n }\n }\n `)}handleEscape(t){this.active&&!this.disableEscape&&"Escape"===t.key&&this.close()}async focusElement(t){return t&&t.focus(),this.setFocus()}async setFocus(t){const i=this.closeButtonEl;return n("close-button"===t?i:f(this.el)[0]||i)}async scrollContent(t=0,i=0){this.modalContent&&(this.modalContent.scrollTo?this.modalContent.scrollTo({top:t,left:i,behavior:"smooth"}):(this.modalContent.scrollTop=t,this.modalContent.scrollLeft=i))}async toggleModal(t,i){t!==i&&(t?this.open():t||this.close())}open(){this.previousActiveElement=document.activeElement,this.el.addEventListener("calciteModalOpen",this.openEnd),this.active=!0;const t=r(this.el,"header"),i=r(this.el,"content");this.titleId=s(t),this.contentId=s(i),document.documentElement.classList.add("overflow-hidden")}removeOverflowHiddenClass(){document.documentElement.classList.remove("overflow-hidden")}get el(){return o(this)}static get watchers(){return{active:["toggleModal"]}}};u.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);z-index:101}:host([scale=s]){--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;overflow-y:hidden}.modal{pointer-events:none;float:none;margin:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);overflow:hidden;z-index:102;-webkit-overflow-scrolling:touch;visibility:hidden;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}:host([active]){opacity:1;visibility:visible !important;-webkit-transition-delay:0ms;transition-delay:0ms}:host([active]) .modal{pointer-events:auto;visibility:visible;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transition-delay:0ms;transition-delay:0ms}.header{display:-ms-flexbox;display:flex;min-width:0px;max-width:100%;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.close{-ms-flex-order:2;order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;border-start-end-radius:0.25rem;padding:var(--calcite-modal-padding);-ms-flex:0 0 auto;flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.title{-ms-flex-order:1;order:1;display:-ms-flexbox;display:flex;min-width:0px;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text)}.content{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;overflow:auto;background-color:var(--calcite-ui-foreground-1);padding:0px;max-height:calc(100vh - 12rem);z-index:1}.content--spaced{padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}.content--no-footer{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-content-text)}:host([background-color=grey]) .content{background-color:var(--calcite-ui-background)}.footer{margin-top:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;border-width:0px;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large);z-index:2}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;-webkit-margin-end:auto;margin-inline-end:auto}.secondary{margin-left:0.25rem;margin-right:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{width:auto}:host([width=s]) .modal{max-width:32rem}@media screen and (max-width: 35rem){:host([width=s]) .modal{margin:0px}:host([width=s]) .modal{height:100%}:host([width=s]) .modal{max-height:100%}:host([width=s]) .modal{width:100%}:host([width=s]) .modal{max-width:100%}:host([width=s]) .modal{border-radius:0px}:host([width=s]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=s][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=m]) .modal{max-width:48rem}@media screen and (max-width: 51rem){:host([width=m]) .modal{margin:0px}:host([width=m]) .modal{height:100%}:host([width=m]) .modal{max-height:100%}:host([width=m]) .modal{width:100%}:host([width=m]) .modal{max-width:100%}:host([width=m]) .modal{border-radius:0px}:host([width=m]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=m][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=l]) .modal{max-width:94rem}@media screen and (max-width: 97rem){:host([width=l]) .modal{margin:0px}:host([width=l]) .modal{height:100%}:host([width=l]) .modal{max-height:100%}:host([width=l]) .modal{width:100%}:host([width=l]) .modal{max-width:100%}:host([width=l]) .modal{border-radius:0px}:host([width=l]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=l][docked]){-ms-flex-align:end;align-items:flex-end}}:host([fullscreen]){background-color:transparent}:host([fullscreen]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;-webkit-transform:translate3D(0, 20px, 0) scale(0.95);transform:translate3D(0, 20px, 0) scale(0.95)}:host([fullscreen]) .content{max-height:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host([active][fullscreen]) .modal{-webkit-transform:translate3D(0, 0, 0) scale(1);transform:translate3D(0, 0, 0) scale(1)}:host([active][fullscreen]) .header{border-radius:0}:host([active][fullscreen]) .footer{border-radius:0}:host([docked]) .modal{height:auto}:host([docked]) .content{height:auto;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width: 860px){:host([docked]) .modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}:host([docked]) .close{border-start-end-radius:var(--calcite-border-radius)}}:host([color=red]) .modal{border-color:var(--calcite-ui-danger)}:host([color=blue]) .modal{border-color:var(--calcite-ui-info)}:host([color=red]) .modal,:host([color=blue]) .modal{border-width:0px;border-top-width:4px;border-style:solid}:host([color=red]) .header,:host([color=blue]) .header{border-radius:0.25rem;border-bottom-right-radius:0px;border-bottom-left-radius:0px}@media screen and (max-width: 860px){slot[name=header]::slotted(*),*::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer{position:-webkit-sticky;position:sticky}.footer{bottom:0px}}@media screen and (max-width: 480px){.footer{-ms-flex-direction:column;flex-direction:column}.back,.secondary{margin:0px}.back,.secondary{margin-bottom:0.25rem}}";export{u as calcite_modal}