@esri/calcite-components 1.0.0-next.301 → 1.0.0-next.305

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 (54) hide show
  1. package/dist/calcite/calcite.esm.js +1 -1
  2. package/dist/calcite/{p-610789ed.system.entry.js → p-42696c81.system.entry.js} +1 -1
  3. package/dist/calcite/{p-2b295331.entry.js → p-56e28cef.entry.js} +1 -1
  4. package/dist/calcite/p-5efd81e1.entry.js +5 -0
  5. package/dist/calcite/p-63da2e34.system.entry.js +5 -0
  6. package/dist/calcite/p-6f1cca21.system.js +1 -1
  7. package/dist/calcite/p-737fb960.entry.js +5 -0
  8. package/dist/calcite/{p-b2bbac37.system.entry.js → p-7cbc72b6.system.entry.js} +1 -1
  9. package/dist/calcite/p-8603b2e1.entry.js +5 -0
  10. package/dist/calcite/{p-e5932886.system.entry.js → p-88b875d3.system.entry.js} +1 -1
  11. package/dist/calcite/{p-dabb63b5.system.entry.js → p-a61d85db.system.entry.js} +1 -1
  12. package/dist/calcite/{p-784e414b.entry.js → p-aa47308a.entry.js} +1 -1
  13. package/dist/cjs/calcite-accordion_2.cjs.entry.js +3 -0
  14. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +4 -6
  15. package/dist/cjs/calcite-graph_2.cjs.entry.js +2 -2
  16. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +1 -1
  17. package/dist/cjs/calcite-input.cjs.entry.js +10 -2
  18. package/dist/cjs/calcite-tree_2.cjs.entry.js +1 -1
  19. package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.js +3 -0
  20. package/dist/collection/components/calcite-color-picker/calcite-color-picker.js +4 -6
  21. package/dist/collection/components/calcite-input/calcite-input.js +13 -8
  22. package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.js +2 -2
  23. package/dist/collection/components/calcite-slider/calcite-slider.js +2 -2
  24. package/dist/collection/components/calcite-tree-item/calcite-tree-item.css +47 -69
  25. package/dist/components/calcite-accordion-item.js +3 -0
  26. package/dist/components/calcite-color-picker.js +4 -6
  27. package/dist/components/calcite-input-time-picker.js +1 -1
  28. package/dist/components/calcite-input2.js +10 -2
  29. package/dist/components/calcite-slider.js +2 -2
  30. package/dist/components/calcite-tree-item.js +1 -1
  31. package/dist/custom-elements/index.js +21 -12
  32. package/dist/esm/calcite-accordion_2.entry.js +3 -0
  33. package/dist/esm/calcite-color-picker_3.entry.js +4 -6
  34. package/dist/esm/calcite-graph_2.entry.js +2 -2
  35. package/dist/esm/calcite-input-time-picker_2.entry.js +1 -1
  36. package/dist/esm/calcite-input.entry.js +10 -2
  37. package/dist/esm/calcite-tree_2.entry.js +1 -1
  38. package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
  39. package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
  40. package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
  41. package/dist/esm-es5/calcite-input.entry.js +1 -1
  42. package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
  43. package/dist/extras/docs-json.json +12 -3
  44. package/dist/types/components/calcite-color-picker/calcite-color-picker.d.ts +0 -1
  45. package/dist/types/components/calcite-input/calcite-input.d.ts +1 -2
  46. package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts +1 -1
  47. package/dist/types/components.d.ts +6 -2
  48. package/hydrate/index.js +21 -12
  49. package/package.json +9 -9
  50. package/readme.md +2 -2
  51. package/dist/calcite/p-00716aa8.system.entry.js +0 -5
  52. package/dist/calcite/p-78d0db7b.entry.js +0 -5
  53. package/dist/calcite/p-99a1c131.entry.js +0 -5
  54. package/dist/calcite/p-e6c84e63.entry.js +0 -5
package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.js CHANGED
@@ -29,7 +29,7 @@ export class CalciteInputTimePicker {
29
29
  this.required = false;
30
30
  /** The scale (size) of the time input */
31
31
  this.scale = "m";
32
- /** number that specifies the granularity that the value must adhere to */
32
+ /** number (seconds) that specifies the granularity that the value must adhere to */
33
33
  this.step = 60;
34
34
  /** The selected time (always 24-hour format)*/
35
35
  this.value = null;
@@ -543,7 +543,7 @@ export class CalciteInputTimePicker {
543
543
  "optional": false,
544
544
  "docs": {
545
545
  "tags": [],
546
- "text": "number that specifies the granularity that the value must adhere to"
546
+ "text": "number (seconds) that specifies the granularity that the value must adhere to"
547
547
  },
548
548
  "attribute": "step",
549
549
  "reflect": false,
package/dist/collection/components/calcite-slider/calcite-slider.js CHANGED
@@ -314,7 +314,7 @@ export class CalciteSlider {
314
314
  tick__label: true,
315
315
  "tick__label--min": isMinTickLabel,
316
316
  "tick__label--max": isMaxTickLabel
317
- } }, Math.min(tick, this.max).toLocaleString()));
317
+ } }, tick.toLocaleString()));
318
318
  if (this.labelTicks && !this.hasHistogram && !this.isRange) {
319
319
  return tickLabel;
320
320
  }
@@ -469,7 +469,7 @@ export class CalciteSlider {
469
469
  const ticks = [];
470
470
  let current = this.min;
471
471
  while (this.ticks && current < this.max + this.ticks) {
472
- ticks.push(current);
472
+ ticks.push(Math.min(current, this.max));
473
473
  current = current + this.ticks;
474
474
  }
475
475
  return ticks;
package/dist/collection/components/calcite-tree-item/calcite-tree-item.css CHANGED
@@ -85,51 +85,75 @@
85
85
  }
86
86
 
87
87
  :host {
88
- --calcite-tree-indicator: var(--calcite-ui-border-1);
89
- --calcite-tree-indicator-active: var(--calcite-ui-brand);
90
- --calcite-tree-text: var(--calcite-ui-text-3);
91
- --calcite-tree-text-active: var(--calcite-ui-text-1);
92
88
  display: block;
93
89
  cursor: pointer;
94
90
  outline: 2px solid transparent;
95
91
  outline-offset: 2px;
96
92
  max-width: 100%;
97
- color: var(--calcite-tree-text);
93
+ color: var(--calcite-ui-text-3);
98
94
  }
99
95
 
100
96
  :host([scale=s]) {
101
97
  font-size: var(--calcite-font-size--2);
102
98
  line-height: 1rem;
99
+ }
100
+
101
+ :host([scale=s]) .node-container {
103
102
  --calcite-tree-padding-y: 0.25rem;
104
103
  }
105
104
 
106
- :host([scale=s]) .node-container .checkbox {
107
- margin-inline-start: 1.5rem;
105
+ :host([scale=s]) .node-container .checkbox,
106
+ :host([scale=s]) .node-container .chevron,
107
+ :host([scale=s]) .node-container .checkmark,
108
+ :host([scale=s]) .node-container .bullet-point {
109
+ margin-inline: 0.25rem;
108
110
  }
109
111
 
110
112
  :host([scale=m]) {
111
113
  font-size: var(--calcite-font-size--1);
112
114
  line-height: 1rem;
115
+ }
116
+
117
+ :host([scale=m]) .node-container {
113
118
  --calcite-tree-padding-y: 0.5rem;
114
119
  }
115
120
 
116
- :host([scale=m]) .node-container .checkbox {
117
- margin-inline-start: 2rem;
121
+ :host([scale=m]) .node-container .checkbox,
122
+ :host([scale=m]) .node-container .chevron,
123
+ :host([scale=m]) .node-container .checkmark,
124
+ :host([scale=m]) .node-container .bullet-point {
125
+ margin-inline: 0.5rem;
118
126
  }
119
127
 
120
128
  :host([scale=l]) {
121
129
  font-size: var(--calcite-font-size-0);
122
130
  line-height: 1.25rem;
131
+ }
132
+
133
+ :host([scale=l]) .node-container {
123
134
  --calcite-tree-padding-y: 0.75rem;
124
135
  }
125
136
 
126
- :host([scale=l]) .node-container .checkbox {
127
- margin-inline-start: 2.5rem;
137
+ :host([scale=l]) .node-container .checkbox,
138
+ :host([scale=l]) .node-container .chevron,
139
+ :host([scale=l]) .node-container .checkmark,
140
+ :host([scale=l]) .node-container .bullet-point {
141
+ margin-inline: 0.75rem;
128
142
  }
129
143
 
130
- :host([lines]) {
131
- --calcite-tree-line: var(--calcite-ui-border-2);
132
- --calcite-tree-line-hover: var(--calcite-ui-border-1);
144
+ :host([lines]) .children-container:after {
145
+ transition-property: all;
146
+ transition-duration: 150ms;
147
+ transition-timing-function: ease-in-out;
148
+ transition-delay: 0s;
149
+ transition-property: background-color, border-color, color, fill, stroke;
150
+ top: 0;
151
+ position: absolute;
152
+ width: 1px;
153
+ height: 96%;
154
+ content: "";
155
+ background-color: var(--calcite-ui-border-2);
156
+ z-index: -1;
133
157
  }
134
158
 
135
159
  :host(:not([lines])) .node-container:after {
@@ -182,28 +206,12 @@
182
206
  overflow: hidden;
183
207
  height: 0;
184
208
  margin-inline-start: 1.25rem;
185
- margin-inline-end: 1.25rem;
186
209
  transform: scaleY(0);
187
210
  opacity: 0;
188
211
  transition: 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;
189
212
  transform-origin: top;
190
213
  }
191
214
 
192
- .children-container:after {
193
- transition-property: all;
194
- transition-duration: 150ms;
195
- transition-timing-function: ease-in-out;
196
- transition-delay: 0s;
197
- transition-property: background-color, border-color, color, fill, stroke;
198
- top: 0;
199
- position: absolute;
200
- width: 1px;
201
- height: 96%;
202
- content: "";
203
- background-color: var(--calcite-tree-line);
204
- z-index: -1;
205
- }
206
-
207
215
  :host([expanded]) > .children-container {
208
216
  transform: scaleY(1);
209
217
  opacity: 1;
@@ -217,16 +225,6 @@
217
225
  padding: var(--calcite-tree-padding-y) 0;
218
226
  }
219
227
 
220
- .node-container .checkmark,
221
- .node-container .bullet-point {
222
- margin-inline-start: var(--calcite-tree-padding-y);
223
- margin-inline-end: var(--calcite-tree-padding-y);
224
- }
225
-
226
- .node-container .checkbox {
227
- margin-inline-end: var(--calcite-tree-padding-y);
228
- }
229
-
230
228
  .node-container .checkmark,
231
229
  .node-container .bullet-point {
232
230
  transition-property: all;
@@ -234,13 +232,7 @@
234
232
  transition-timing-function: ease-in-out;
235
233
  transition-delay: 0s;
236
234
  opacity: 0;
237
- color: var(--calcite-tree-indicator);
238
- }
239
-
240
- .node-container:hover ::slotted(*),
241
- :host([selected]) .node-container:hover ::slotted(*),
242
- :host(:focus) .node-container ::slotted(*) {
243
- color: var(--calcite-tree-text-hover);
235
+ color: var(--calcite-ui-border-1);
244
236
  }
245
237
 
246
238
  .node-container:hover .checkmark,
@@ -254,8 +246,8 @@
254
246
 
255
247
  :host([selected]) > .node-container,
256
248
  :host([selected]) > .node-container:hover {
257
- color: var(--calcite-tree-text-active);
258
249
  font-weight: var(--calcite-font-weight-medium);
250
+ color: var(--calcite-ui-text-1);
259
251
  }
260
252
 
261
253
  :host([selected]) > .node-container .bullet-point,
@@ -266,15 +258,15 @@
266
258
  color: var(--calcite-ui-brand);
267
259
  }
268
260
 
269
- :host(:not([has-children]))[scale=s] > .node-container[data-selection-mode=ancestors] .checkbox {
261
+ :host(:not([has-children])):host([scale=s]) > .node-container[data-selection-mode=ancestors] .checkbox {
270
262
  padding-inline-start: 1.25rem;
271
263
  }
272
264
 
273
- :host(:not([has-children]))[scale=m] > .node-container[data-selection-mode=ancestors] .checkbox {
265
+ :host(:not([has-children])):host([scale=m]) > .node-container[data-selection-mode=ancestors] .checkbox {
274
266
  padding-inline-start: 1.5rem;
275
267
  }
276
268
 
277
- :host(:not([has-children]))[scale=l] > .node-container[data-selection-mode=ancestors] .checkbox {
269
+ :host(:not([has-children])):host([scale=l]) > .node-container[data-selection-mode=ancestors] .checkbox {
278
270
  padding-inline-start: 1.75rem;
279
271
  }
280
272
 
@@ -289,11 +281,11 @@
289
281
 
290
282
  :host([has-children][expanded]:not([selected])) > .node-container ::slotted(*) {
291
283
  font-weight: var(--calcite-font-weight-medium);
292
- color: var(--calcite-tree-text-active);
284
+ color: var(--calcite-ui-text-1);
293
285
  }
294
286
 
295
287
  :host([has-children][selected]) > .node-container[data-selection-mode=children], :host([has-children][selected]) > .node-container[data-selection-mode=multi-children] {
296
- color: var(--calcite-tree-indicator-active);
288
+ color: var(--calcite-ui-brand);
297
289
  }
298
290
 
299
291
  .chevron {
@@ -303,11 +295,9 @@
303
295
  transition-delay: 0s;
304
296
  position: relative;
305
297
  align-self: center;
298
+ color: var(--calcite-ui-text-3);
306
299
  flex: 0 0 auto;
307
- margin-inline-start: var(--calcite-tree-padding-y);
308
- margin-inline-end: var(--calcite-tree-padding-y);
309
300
  transform: rotate(0deg);
310
- color: var(--calcite-tree-text);
311
301
  }
312
302
 
313
303
  .calcite--rtl .chevron {
@@ -318,19 +308,7 @@
318
308
  transform: rotate(90deg);
319
309
  }
320
310
 
321
- :host([scale=s]) > .node-container .checkbox {
322
- margin-inline-end: 0.5rem;
323
- }
324
-
325
- :host([scale=m]) > .node-container .checkbox {
326
- margin-inline-end: 0.75rem;
327
- }
328
-
329
- :host([scale=l]) > .node-container .checkbox {
330
- margin-inline-end: 1rem;
331
- }
332
-
333
311
  :host([selected]) .checkmark,
334
312
  :host([selected]) .bullet-point {
335
- color: var(--calcite-tree-indicator-active);
313
+ color: var(--calcite-ui-brand);
336
314
  }
package/dist/components/calcite-accordion-item.js CHANGED
@@ -91,6 +91,9 @@ let CalciteAccordionItem$1 = class extends HTMLElement {
91
91
  updateActiveItemOnChange(event) {
92
92
  this.requestedAccordionItem = event.detail
93
93
  .requestedAccordionItem;
94
+ if (this.el.parentNode !== this.requestedAccordionItem.parentNode) {
95
+ return;
96
+ }
94
97
  this.determineActiveItem();
95
98
  }
96
99
  //--------------------------------------------------------------------------
package/dist/components/calcite-color-picker.js CHANGED
@@ -626,12 +626,6 @@ let CalciteColorPicker$1 = class extends HTMLElement {
626
626
  //
627
627
  //--------------------------------------------------------------------------
628
628
  componentWillLoad() {
629
- const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
630
- if (this.storageId && localStorage.getItem(storageKey)) {
631
- this.savedColors = JSON.parse(localStorage.getItem(storageKey));
632
- }
633
- }
634
- connectedCallback() {
635
629
  const { allowEmpty, color: color$1, format, value } = this;
636
630
  const willSetNoColor = allowEmpty && !value;
637
631
  const parsedMode = parseMode(value);
@@ -643,6 +637,10 @@ let CalciteColorPicker$1 = class extends HTMLElement {
643
637
  this.setMode(format);
644
638
  this.internalColorSet(initialColor, false, "initial");
645
639
  this.updateDimensions(this.scale);
640
+ const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
641
+ if (this.storageId && localStorage.getItem(storageKey)) {
642
+ this.savedColors = JSON.parse(localStorage.getItem(storageKey));
643
+ }
646
644
  }
647
645
  disconnectedCallback() {
648
646
  document.removeEventListener("mousemove", this.globalMouseMoveHandler);
package/dist/components/calcite-input-time-picker.js CHANGED
@@ -42,7 +42,7 @@ let CalciteInputTimePicker$1 = class extends HTMLElement {
42
42
  this.required = false;
43
43
  /** The scale (size) of the time input */
44
44
  this.scale = "m";
45
- /** number that specifies the granularity that the value must adhere to */
45
+ /** number (seconds) that specifies the granularity that the value must adhere to */
46
46
  this.step = 60;
47
47
  /** The selected time (always 24-hour format)*/
48
48
  this.value = null;
package/dist/components/calcite-input2.js CHANGED
@@ -113,6 +113,10 @@ let CalciteInput = class extends HTMLElement {
113
113
  //
114
114
  //--------------------------------------------------------------------------
115
115
  this.keyDownHandler = (event) => {
116
+ /* prevent default behavior for input to move the cursor to the beginning of the input with every ArrowUp press */
117
+ if (event.key === "ArrowUp") {
118
+ event.preventDefault();
119
+ }
116
120
  if (this.readOnly || this.disabled) {
117
121
  return;
118
122
  }
@@ -227,10 +231,14 @@ let CalciteInput = class extends HTMLElement {
227
231
  }
228
232
  const inputMax = this.maxString ? parseFloat(this.maxString) : null;
229
233
  const inputMin = this.minString ? parseFloat(this.minString) : null;
230
- const valueNudgeDelayInMs = 500;
234
+ const valueNudgeDelayInMs = 100;
231
235
  this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
236
+ let nudgeNumberValueIntervalCount = 0;
232
237
  this.nudgeNumberValueIntervalId = setInterval(() => {
233
- this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
238
+ nudgeNumberValueIntervalCount !== 0
239
+ ? this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent)
240
+ : null;
241
+ nudgeNumberValueIntervalCount++;
234
242
  }, valueNudgeDelayInMs);
235
243
  };
236
244
  this.numberButtonMouseUpAndMouseOutHandler = () => {
package/dist/components/calcite-slider.js CHANGED
@@ -266,7 +266,7 @@ let CalciteSlider$1 = class extends HTMLElement {
266
266
  tick__label: true,
267
267
  "tick__label--min": isMinTickLabel,
268
268
  "tick__label--max": isMaxTickLabel
269
- } }, Math.min(tick, this.max).toLocaleString()));
269
+ } }, tick.toLocaleString()));
270
270
  if (this.labelTicks && !this.hasHistogram && !this.isRange) {
271
271
  return tickLabel;
272
272
  }
@@ -421,7 +421,7 @@ let CalciteSlider$1 = class extends HTMLElement {
421
421
  const ticks = [];
422
422
  let current = this.min;
423
423
  while (this.ticks && current < this.max + this.ticks) {
424
- ticks.push(current);
424
+ ticks.push(Math.min(current, this.max));
425
425
  current = current + this.ticks;
426
426
  }
427
427
  return ticks;
package/dist/components/calcite-tree-item.js CHANGED
@@ -27,7 +27,7 @@ const ICONS = {
27
27
  chevronRight: "chevron-right"
28
28
  };
29
29
 
30
- const calciteTreeItemCss = "@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{--calcite-tree-indicator:var(--calcite-ui-border-1);--calcite-tree-indicator-active:var(--calcite-ui-brand);--calcite-tree-text:var(--calcite-ui-text-3);--calcite-tree-text-active:var(--calcite-ui-text-1);display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-tree-text)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox{-webkit-margin-start:2rem;margin-inline-start:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem}:host([lines]){--calcite-tree-line:var(--calcite-ui-border-2);--calcite-tree-line-hover:var(--calcite-ui-border-1)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{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}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}.children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:\"\";background-color:var(--calcite-tree-line);z-index:-1}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkbox{-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-tree-indicator)}.node-container:hover ::slotted(*),:host([selected]) .node-container:hover ::slotted(*),:host(:focus) .node-container ::slotted(*){color:var(--calcite-tree-text-hover)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{color:var(--calcite-tree-text-active);font-weight:var(--calcite-font-weight-medium)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children]))[scale=s]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children]))[scale=m]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children]))[scale=l]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-tree-text-active)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-tree-indicator-active)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y);-webkit-transform:rotate(0deg);transform:rotate(0deg);color:var(--calcite-tree-text)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([scale=s])>.node-container .checkbox{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m])>.node-container .checkbox{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l])>.node-container .checkbox{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-tree-indicator-active)}";
30
+ const calciteTreeItemCss = "@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-ui-text-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-container{--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox,:host([scale=s]) .node-container .chevron,:host([scale=s]) .node-container .checkmark,:host([scale=s]) .node-container .bullet-point{margin-inline:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-container{--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox,:host([scale=m]) .node-container .chevron,:host([scale=m]) .node-container .checkmark,:host([scale=m]) .node-container .bullet-point{margin-inline:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-container{--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox,:host([scale=l]) .node-container .chevron,:host([scale=l]) .node-container .checkmark,:host([scale=l]) .node-container .bullet-point{margin-inline:0.75rem}:host([lines]) .children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:\"\";background-color:var(--calcite-ui-border-2);z-index:-1}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{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}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children])):host([scale=s])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-ui-brand)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}";
31
31
 
32
32
  let CalciteTreeItem$1 = class extends HTMLElement {
33
33
  constructor() {
package/dist/custom-elements/index.js CHANGED
@@ -414,6 +414,9 @@ let CalciteAccordionItem$1 = class extends HTMLElement {
414
414
  updateActiveItemOnChange(event) {
415
415
  this.requestedAccordionItem = event.detail
416
416
  .requestedAccordionItem;
417
+ if (this.el.parentNode !== this.requestedAccordionItem.parentNode) {
418
+ return;
419
+ }
417
420
  this.determineActiveItem();
418
421
  }
419
422
  //--------------------------------------------------------------------------
@@ -6776,12 +6779,6 @@ let CalciteColorPicker$1 = class extends HTMLElement {
6776
6779
  //
6777
6780
  //--------------------------------------------------------------------------
6778
6781
  componentWillLoad() {
6779
- const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
6780
- if (this.storageId && localStorage.getItem(storageKey)) {
6781
- this.savedColors = JSON.parse(localStorage.getItem(storageKey));
6782
- }
6783
- }
6784
- connectedCallback() {
6785
6782
  const { allowEmpty, color: color$1, format, value } = this;
6786
6783
  const willSetNoColor = allowEmpty && !value;
6787
6784
  const parsedMode = parseMode(value);
@@ -6793,6 +6790,10 @@ let CalciteColorPicker$1 = class extends HTMLElement {
6793
6790
  this.setMode(format);
6794
6791
  this.internalColorSet(initialColor, false, "initial");
6795
6792
  this.updateDimensions(this.scale);
6793
+ const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
6794
+ if (this.storageId && localStorage.getItem(storageKey)) {
6795
+ this.savedColors = JSON.parse(localStorage.getItem(storageKey));
6796
+ }
6796
6797
  }
6797
6798
  disconnectedCallback() {
6798
6799
  document.removeEventListener("mousemove", this.globalMouseMoveHandler);
@@ -12801,6 +12802,10 @@ let CalciteInput$1 = class extends HTMLElement {
12801
12802
  //
12802
12803
  //--------------------------------------------------------------------------
12803
12804
  this.keyDownHandler = (event) => {
12805
+ /* prevent default behavior for input to move the cursor to the beginning of the input with every ArrowUp press */
12806
+ if (event.key === "ArrowUp") {
12807
+ event.preventDefault();
12808
+ }
12804
12809
  if (this.readOnly || this.disabled) {
12805
12810
  return;
12806
12811
  }
@@ -12915,10 +12920,14 @@ let CalciteInput$1 = class extends HTMLElement {
12915
12920
  }
12916
12921
  const inputMax = this.maxString ? parseFloat(this.maxString) : null;
12917
12922
  const inputMin = this.minString ? parseFloat(this.minString) : null;
12918
- const valueNudgeDelayInMs = 500;
12923
+ const valueNudgeDelayInMs = 100;
12919
12924
  this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
12925
+ let nudgeNumberValueIntervalCount = 0;
12920
12926
  this.nudgeNumberValueIntervalId = setInterval(() => {
12921
- this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
12927
+ nudgeNumberValueIntervalCount !== 0
12928
+ ? this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent)
12929
+ : null;
12930
+ nudgeNumberValueIntervalCount++;
12922
12931
  }, valueNudgeDelayInMs);
12923
12932
  };
12924
12933
  this.numberButtonMouseUpAndMouseOutHandler = () => {
@@ -13732,7 +13741,7 @@ let CalciteInputTimePicker$1 = class extends HTMLElement {
13732
13741
  this.required = false;
13733
13742
  /** The scale (size) of the time input */
13734
13743
  this.scale = "m";
13735
- /** number that specifies the granularity that the value must adhere to */
13744
+ /** number (seconds) that specifies the granularity that the value must adhere to */
13736
13745
  this.step = 60;
13737
13746
  /** The selected time (always 24-hour format)*/
13738
13747
  this.value = null;
@@ -17729,7 +17738,7 @@ let CalciteSlider$1 = class extends HTMLElement {
17729
17738
  tick__label: true,
17730
17739
  "tick__label--min": isMinTickLabel,
17731
17740
  "tick__label--max": isMaxTickLabel
17732
- } }, Math.min(tick, this.max).toLocaleString()));
17741
+ } }, tick.toLocaleString()));
17733
17742
  if (this.labelTicks && !this.hasHistogram && !this.isRange) {
17734
17743
  return tickLabel;
17735
17744
  }
@@ -17884,7 +17893,7 @@ let CalciteSlider$1 = class extends HTMLElement {
17884
17893
  const ticks = [];
17885
17894
  let current = this.min;
17886
17895
  while (this.ticks && current < this.max + this.ticks) {
17887
- ticks.push(current);
17896
+ ticks.push(Math.min(current, this.max));
17888
17897
  current = current + this.ticks;
17889
17898
  }
17890
17899
  return ticks;
@@ -24168,7 +24177,7 @@ const ICONS$1 = {
24168
24177
  chevronRight: "chevron-right"
24169
24178
  };
24170
24179
 
24171
- const calciteTreeItemCss = "@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{--calcite-tree-indicator:var(--calcite-ui-border-1);--calcite-tree-indicator-active:var(--calcite-ui-brand);--calcite-tree-text:var(--calcite-ui-text-3);--calcite-tree-text-active:var(--calcite-ui-text-1);display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-tree-text)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox{-webkit-margin-start:2rem;margin-inline-start:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem}:host([lines]){--calcite-tree-line:var(--calcite-ui-border-2);--calcite-tree-line-hover:var(--calcite-ui-border-1)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{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}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}.children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:\"\";background-color:var(--calcite-tree-line);z-index:-1}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkbox{-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-tree-indicator)}.node-container:hover ::slotted(*),:host([selected]) .node-container:hover ::slotted(*),:host(:focus) .node-container ::slotted(*){color:var(--calcite-tree-text-hover)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{color:var(--calcite-tree-text-active);font-weight:var(--calcite-font-weight-medium)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children]))[scale=s]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children]))[scale=m]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children]))[scale=l]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-tree-text-active)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-tree-indicator-active)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y);-webkit-transform:rotate(0deg);transform:rotate(0deg);color:var(--calcite-tree-text)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([scale=s])>.node-container .checkbox{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m])>.node-container .checkbox{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l])>.node-container .checkbox{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-tree-indicator-active)}";
24180
+ const calciteTreeItemCss = "@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-ui-text-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-container{--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox,:host([scale=s]) .node-container .chevron,:host([scale=s]) .node-container .checkmark,:host([scale=s]) .node-container .bullet-point{margin-inline:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-container{--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox,:host([scale=m]) .node-container .chevron,:host([scale=m]) .node-container .checkmark,:host([scale=m]) .node-container .bullet-point{margin-inline:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-container{--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox,:host([scale=l]) .node-container .chevron,:host([scale=l]) .node-container .checkmark,:host([scale=l]) .node-container .bullet-point{margin-inline:0.75rem}:host([lines]) .children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:\"\";background-color:var(--calcite-ui-border-2);z-index:-1}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{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}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children])):host([scale=s])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-ui-brand)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}";
24172
24181
 
24173
24182
  let CalciteTreeItem$1 = class extends HTMLElement {
24174
24183
  constructor() {
package/dist/esm/calcite-accordion_2.entry.js CHANGED
@@ -225,6 +225,9 @@ let CalciteAccordionItem = class {
225
225
  updateActiveItemOnChange(event) {
226
226
  this.requestedAccordionItem = event.detail
227
227
  .requestedAccordionItem;
228
+ if (this.el.parentNode !== this.requestedAccordionItem.parentNode) {
229
+ return;
230
+ }
228
231
  this.determineActiveItem();
229
232
  }
230
233
  //--------------------------------------------------------------------------
package/dist/esm/calcite-color-picker_3.entry.js CHANGED
@@ -2811,12 +2811,6 @@ let CalciteColorPicker = class {
2811
2811
  //
2812
2812
  //--------------------------------------------------------------------------
2813
2813
  componentWillLoad() {
2814
- const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
2815
- if (this.storageId && localStorage.getItem(storageKey)) {
2816
- this.savedColors = JSON.parse(localStorage.getItem(storageKey));
2817
- }
2818
- }
2819
- connectedCallback() {
2820
2814
  const { allowEmpty, color: color$1, format, value } = this;
2821
2815
  const willSetNoColor = allowEmpty && !value;
2822
2816
  const parsedMode = parseMode(value);
@@ -2828,6 +2822,10 @@ let CalciteColorPicker = class {
2828
2822
  this.setMode(format);
2829
2823
  this.internalColorSet(initialColor, false, "initial");
2830
2824
  this.updateDimensions(this.scale);
2825
+ const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;
2826
+ if (this.storageId && localStorage.getItem(storageKey)) {
2827
+ this.savedColors = JSON.parse(localStorage.getItem(storageKey));
2828
+ }
2831
2829
  }
2832
2830
  disconnectedCallback() {
2833
2831
  document.removeEventListener("mousemove", this.globalMouseMoveHandler);
package/dist/esm/calcite-graph_2.entry.js CHANGED
@@ -445,7 +445,7 @@ let CalciteSlider = class {
445
445
  tick__label: true,
446
446
  "tick__label--min": isMinTickLabel,
447
447
  "tick__label--max": isMaxTickLabel
448
- } }, Math.min(tick, this.max).toLocaleString()));
448
+ } }, tick.toLocaleString()));
449
449
  if (this.labelTicks && !this.hasHistogram && !this.isRange) {
450
450
  return tickLabel;
451
451
  }
@@ -600,7 +600,7 @@ let CalciteSlider = class {
600
600
  const ticks = [];
601
601
  let current = this.min;
602
602
  while (this.ticks && current < this.max + this.ticks) {
603
- ticks.push(current);
603
+ ticks.push(Math.min(current, this.max));
604
604
  current = current + this.ticks;
605
605
  }
606
606
  return ticks;
package/dist/esm/calcite-input-time-picker_2.entry.js CHANGED
@@ -90,7 +90,7 @@ let CalciteInputTimePicker = class {
90
90
  this.required = false;
91
91
  /** The scale (size) of the time input */
92
92
  this.scale = "m";
93
- /** number that specifies the granularity that the value must adhere to */
93
+ /** number (seconds) that specifies the granularity that the value must adhere to */
94
94
  this.step = 60;
95
95
  /** The selected time (always 24-hour format)*/
96
96
  this.value = null;
package/dist/esm/calcite-input.entry.js CHANGED
@@ -110,6 +110,10 @@ let CalciteInput = class {
110
110
  //
111
111
  //--------------------------------------------------------------------------
112
112
  this.keyDownHandler = (event) => {
113
+ /* prevent default behavior for input to move the cursor to the beginning of the input with every ArrowUp press */
114
+ if (event.key === "ArrowUp") {
115
+ event.preventDefault();
116
+ }
113
117
  if (this.readOnly || this.disabled) {
114
118
  return;
115
119
  }
@@ -224,10 +228,14 @@ let CalciteInput = class {
224
228
  }
225
229
  const inputMax = this.maxString ? parseFloat(this.maxString) : null;
226
230
  const inputMin = this.minString ? parseFloat(this.minString) : null;
227
- const valueNudgeDelayInMs = 500;
231
+ const valueNudgeDelayInMs = 100;
228
232
  this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
233
+ let nudgeNumberValueIntervalCount = 0;
229
234
  this.nudgeNumberValueIntervalId = setInterval(() => {
230
- this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
235
+ nudgeNumberValueIntervalCount !== 0
236
+ ? this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent)
237
+ : null;
238
+ nudgeNumberValueIntervalCount++;
231
239
  }, valueNudgeDelayInMs);
232
240
  };
233
241
  this.numberButtonMouseUpAndMouseOutHandler = () => {