@esri/calcite-components 1.0.0-next.318 → 1.0.0-next.321

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 (122) hide show
  1. package/dist/calcite/assets/calcite-icon/centerAlign16.json +1 -0
  2. package/dist/calcite/assets/calcite-icon/centerAlign24.json +1 -0
  3. package/dist/calcite/assets/calcite-icon/centerAlign32.json +1 -0
  4. package/dist/calcite/assets/calcite-icon/convert16.json +1 -0
  5. package/dist/calcite/assets/calcite-icon/convert24.json +1 -0
  6. package/dist/calcite/assets/calcite-icon/convert32.json +1 -0
  7. package/dist/calcite/assets/calcite-icon/formDropdown16.json +1 -0
  8. package/dist/calcite/assets/calcite-icon/formDropdown24.json +1 -0
  9. package/dist/calcite/assets/calcite-icon/formDropdown32.json +1 -0
  10. package/dist/calcite/assets/calcite-icon/language16.json +1 -0
  11. package/dist/calcite/assets/calcite-icon/language24.json +1 -0
  12. package/dist/calcite/assets/calcite-icon/language32.json +1 -0
  13. package/dist/calcite/assets/calcite-icon/languageTranslate16.json +1 -0
  14. package/dist/calcite/assets/calcite-icon/languageTranslate24.json +1 -0
  15. package/dist/calcite/assets/calcite-icon/languageTranslate32.json +1 -0
  16. package/dist/calcite/assets/calcite-icon/leftAlign16.json +1 -0
  17. package/dist/calcite/assets/calcite-icon/leftAlign24.json +1 -0
  18. package/dist/calcite/assets/calcite-icon/leftAlign32.json +1 -0
  19. package/dist/calcite/assets/calcite-icon/terminal16.json +1 -0
  20. package/dist/calcite/assets/calcite-icon/terminal24.json +1 -0
  21. package/dist/calcite/assets/calcite-icon/terminal32.json +1 -0
  22. package/dist/calcite/assets/calcite-icon/touch16.json +1 -0
  23. package/dist/calcite/assets/calcite-icon/touch24.json +1 -0
  24. package/dist/calcite/assets/calcite-icon/touch32.json +1 -0
  25. package/dist/calcite/calcite.esm.js +1 -1
  26. package/dist/calcite/p-04bce033.entry.js +5 -0
  27. package/dist/calcite/p-1480eb2d.entry.js +5 -0
  28. package/dist/calcite/p-2cd9d307.entry.js +5 -0
  29. package/dist/calcite/{p-8b2d4eac.system.entry.js → p-4e95e13d.system.entry.js} +1 -1
  30. package/dist/calcite/p-58208234.system.entry.js +5 -0
  31. package/dist/calcite/p-6e050609.entry.js +5 -0
  32. package/dist/calcite/p-8e252799.system.js +1 -1
  33. package/dist/calcite/{p-f97e1a2d.entry.js → p-a57aa5d0.entry.js} +1 -1
  34. package/dist/calcite/p-ad617a5a.entry.js +5 -0
  35. package/dist/calcite/p-cb55c32c.system.entry.js +5 -0
  36. package/dist/calcite/p-ed82600e.system.entry.js +5 -0
  37. package/dist/calcite/{p-44a07313.system.entry.js → p-f7b5dd98.system.entry.js} +1 -1
  38. package/dist/calcite/p-fa9a1d8f.system.entry.js +5 -0
  39. package/dist/cjs/calcite-button.cjs.entry.js +2 -2
  40. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +3 -3
  41. package/dist/cjs/calcite-combobox_3.cjs.entry.js +4 -1
  42. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +349 -223
  43. package/dist/cjs/calcite-option_3.cjs.entry.js +3 -1
  44. package/dist/cjs/calcite-panel.cjs.entry.js +3 -3
  45. package/dist/cjs/calcite.cjs.js +1 -1
  46. package/dist/cjs/loader.cjs.js +1 -1
  47. package/dist/collection/components/calcite-button/calcite-button.js +3 -2
  48. package/dist/collection/components/calcite-combobox/calcite-combobox.js +4 -1
  49. package/dist/collection/components/calcite-icon/assets/calcite-icon/centerAlign16.json +1 -0
  50. package/dist/collection/components/calcite-icon/assets/calcite-icon/centerAlign24.json +1 -0
  51. package/dist/collection/components/calcite-icon/assets/calcite-icon/centerAlign32.json +1 -0
  52. package/dist/collection/components/calcite-icon/assets/calcite-icon/convert16.json +1 -0
  53. package/dist/collection/components/calcite-icon/assets/calcite-icon/convert24.json +1 -0
  54. package/dist/collection/components/calcite-icon/assets/calcite-icon/convert32.json +1 -0
  55. package/dist/collection/components/calcite-icon/assets/calcite-icon/formDropdown16.json +1 -0
  56. package/dist/collection/components/calcite-icon/assets/calcite-icon/formDropdown24.json +1 -0
  57. package/dist/collection/components/calcite-icon/assets/calcite-icon/formDropdown32.json +1 -0
  58. package/dist/collection/components/calcite-icon/assets/calcite-icon/language16.json +1 -0
  59. package/dist/collection/components/calcite-icon/assets/calcite-icon/language24.json +1 -0
  60. package/dist/collection/components/calcite-icon/assets/calcite-icon/language32.json +1 -0
  61. package/dist/collection/components/calcite-icon/assets/calcite-icon/languageTranslate16.json +1 -0
  62. package/dist/collection/components/calcite-icon/assets/calcite-icon/languageTranslate24.json +1 -0
  63. package/dist/collection/components/calcite-icon/assets/calcite-icon/languageTranslate32.json +1 -0
  64. package/dist/collection/components/calcite-icon/assets/calcite-icon/leftAlign16.json +1 -0
  65. package/dist/collection/components/calcite-icon/assets/calcite-icon/leftAlign24.json +1 -0
  66. package/dist/collection/components/calcite-icon/assets/calcite-icon/leftAlign32.json +1 -0
  67. package/dist/collection/components/calcite-icon/assets/calcite-icon/terminal16.json +1 -0
  68. package/dist/collection/components/calcite-icon/assets/calcite-icon/terminal24.json +1 -0
  69. package/dist/collection/components/calcite-icon/assets/calcite-icon/terminal32.json +1 -0
  70. package/dist/collection/components/calcite-icon/assets/calcite-icon/touch16.json +1 -0
  71. package/dist/collection/components/calcite-icon/assets/calcite-icon/touch24.json +1 -0
  72. package/dist/collection/components/calcite-icon/assets/calcite-icon/touch32.json +1 -0
  73. package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.js +81 -76
  74. package/dist/collection/components/calcite-option/calcite-option.js +3 -1
  75. package/dist/collection/components/calcite-panel/calcite-panel.js +3 -3
  76. package/dist/collection/components/calcite-time-picker/calcite-time-picker.css +56 -91
  77. package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +254 -289
  78. package/dist/collection/components/calcite-time-picker/resources.js +15 -9
  79. package/dist/collection/utils/time.js +144 -36
  80. package/dist/components/calcite-button2.js +2 -2
  81. package/dist/components/calcite-color-picker-swatch2.js +3 -3
  82. package/dist/components/calcite-combobox.js +4 -1
  83. package/dist/components/calcite-input-time-picker.js +51 -48
  84. package/dist/components/calcite-option.js +3 -1
  85. package/dist/components/calcite-panel.js +3 -3
  86. package/dist/components/calcite-time-picker2.js +320 -187
  87. package/dist/custom-elements/index.js +366 -235
  88. package/dist/esm/calcite-button.entry.js +2 -2
  89. package/dist/esm/calcite-color-picker_3.entry.js +3 -3
  90. package/dist/esm/calcite-combobox_3.entry.js +4 -1
  91. package/dist/esm/calcite-input-time-picker_2.entry.js +349 -223
  92. package/dist/esm/calcite-option_3.entry.js +3 -1
  93. package/dist/esm/calcite-panel.entry.js +3 -3
  94. package/dist/esm/calcite.js +1 -1
  95. package/dist/esm/loader.js +1 -1
  96. package/dist/esm-es5/calcite-button.entry.js +1 -1
  97. package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
  98. package/dist/esm-es5/calcite-combobox_3.entry.js +1 -1
  99. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
  100. package/dist/esm-es5/calcite-option_3.entry.js +1 -1
  101. package/dist/esm-es5/calcite-panel.entry.js +1 -1
  102. package/dist/esm-es5/calcite.js +1 -1
  103. package/dist/esm-es5/loader.js +1 -1
  104. package/dist/extras/docs-json.json +22 -100
  105. package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts +12 -4
  106. package/dist/types/components/calcite-panel/calcite-panel.d.ts +1 -1
  107. package/dist/types/components/calcite-time-picker/calcite-time-picker.d.ts +35 -23
  108. package/dist/types/components/calcite-time-picker/resources.d.ts +14 -8
  109. package/dist/types/components.d.ts +16 -40
  110. package/dist/types/utils/time.d.ts +18 -5
  111. package/hydrate/index.js +384 -243
  112. package/package.json +10 -10
  113. package/readme.md +2 -2
  114. package/dist/calcite/p-12a9599d.system.entry.js +0 -5
  115. package/dist/calcite/p-2b137143.system.entry.js +0 -5
  116. package/dist/calcite/p-35c5e6bd.entry.js +0 -5
  117. package/dist/calcite/p-88784777.system.entry.js +0 -5
  118. package/dist/calcite/p-9634f89d.entry.js +0 -5
  119. package/dist/calcite/p-a98e5444.system.entry.js +0 -5
  120. package/dist/calcite/p-e1da1646.entry.js +0 -5
  121. package/dist/calcite/p-e78e743b.entry.js +0 -5
  122. package/dist/calcite/p-fccc1605.entry.js +0 -5
@@ -146,11 +146,11 @@ let CalciteButton = class {
146
146
  render() {
147
147
  const dir = getElementDir(this.el);
148
148
  const Tag = this.childElType;
149
- const loader = (h("div", { class: CSS.buttonLoader }, this.hasLoader ? (h("calcite-loader", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: "m" })) : null));
149
+ const loaderNode = this.hasLoader ? (h("div", { class: CSS.buttonLoader }, h("calcite-loader", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: "m" }))) : null;
150
150
  const iconStartEl = (h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
151
151
  const iconEndEl = (h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
152
152
  const contentEl = (h("span", { class: CSS.content }, h("slot", null)));
153
- return (h(Tag, { "aria-label": getLabelText(this), class: { [CSS_UTILITY.rtl]: dir === "rtl", [CSS.contentSlotted]: this.hasContent }, disabled: this.disabled || this.loading, href: this.childElType === "a" && this.href, name: this.childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: this.childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: this.childElType === "a" && this.target, type: this.childElType === "button" && this.type }, loader, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
153
+ return (h(Tag, { "aria-label": getLabelText(this), class: { [CSS_UTILITY.rtl]: dir === "rtl", [CSS.contentSlotted]: this.hasContent }, disabled: this.disabled || this.loading, href: this.childElType === "a" && this.href, name: this.childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: this.childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: this.childElType === "a" && this.target, type: this.childElType === "button" && this.type }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
154
154
  }
155
155
  //--------------------------------------------------------------------------
156
156
  //
@@ -333,7 +333,7 @@ cs.get.rgb = function (string) {
333
333
 
334
334
  var abbr = /^#([a-f0-9]{3,4})$/i;
335
335
  var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
336
- var rgba = /^rgba?\(\s*([+-]?\d+)\s*,?\s*([+-]?\d+)\s*,?\s*([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
336
+ var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
337
337
  var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
338
338
  var keyword = /^(\w+)$/;
339
339
 
@@ -420,7 +420,7 @@ cs.get.hsl = function (string) {
420
420
  return null;
421
421
  }
422
422
 
423
- var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?[\d\.]+)\s*)?\)$/;
423
+ var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
424
424
  var match = string.match(hsl);
425
425
 
426
426
  if (match) {
@@ -441,7 +441,7 @@ cs.get.hwb = function (string) {
441
441
  return null;
442
442
  }
443
443
 
444
- var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
444
+ var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
445
445
  var match = string.match(hwb);
446
446
 
447
447
  if (match) {
@@ -357,7 +357,9 @@ let CalciteCombobox = class {
357
357
  };
358
358
  this.setInactiveIfNotContained = (event) => {
359
359
  const composedPath = event.composedPath();
360
- if (!this.active || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
360
+ if ((!this.active && !this.open) ||
361
+ composedPath.includes(this.el) ||
362
+ composedPath.includes(this.referenceEl)) {
361
363
  return;
362
364
  }
363
365
  if (this.allowCustomValues && this.text) {
@@ -372,6 +374,7 @@ let CalciteCombobox = class {
372
374
  this.updateActiveItemIndex(-1);
373
375
  }
374
376
  this.active = false;
377
+ this.open = false;
375
378
  };
376
379
  this.setMenuEl = (el) => {
377
380
  this.menuEl = el;