@esri/calcite-components 1.0.0-next.300 → 1.0.0-next.304
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.
- package/dist/calcite/calcite.css +1 -1
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/p-33226317.entry.js +5 -0
- package/dist/calcite/{p-610789ed.system.entry.js → p-42696c81.system.entry.js} +1 -1
- package/dist/calcite/{p-2b295331.entry.js → p-56e28cef.entry.js} +1 -1
- package/dist/calcite/p-5efd81e1.entry.js +5 -0
- package/dist/calcite/p-63da2e34.system.entry.js +5 -0
- package/dist/calcite/p-6f1cca21.system.js +1 -1
- package/dist/calcite/p-737fb960.entry.js +5 -0
- package/dist/calcite/p-8445bc9c.system.entry.js +5 -0
- package/dist/calcite/p-8603b2e1.entry.js +5 -0
- package/dist/calcite/{p-e5932886.system.entry.js → p-88b875d3.system.entry.js} +1 -1
- package/dist/calcite/{p-dabb63b5.system.entry.js → p-a61d85db.system.entry.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +3 -0
- package/dist/cjs/calcite-graph_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input.cjs.entry.js +10 -2
- package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tree_2.cjs.entry.js +1 -1
- package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.js +3 -0
- package/dist/collection/components/calcite-input/calcite-input.js +13 -8
- package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.js +2 -2
- package/dist/collection/components/calcite-slider/calcite-slider.js +2 -2
- package/dist/collection/components/calcite-tab/calcite-tab.css +5 -0
- package/dist/collection/components/calcite-tree-item/calcite-tree-item.css +47 -69
- package/dist/components/calcite-accordion-item.js +3 -0
- package/dist/components/calcite-input-time-picker.js +1 -1
- package/dist/components/calcite-input2.js +10 -2
- package/dist/components/calcite-slider.js +2 -2
- package/dist/components/calcite-tab2.js +1 -1
- package/dist/components/calcite-tree-item.js +1 -1
- package/dist/custom-elements/index.js +18 -7
- package/dist/esm/calcite-accordion_2.entry.js +3 -0
- package/dist/esm/calcite-graph_2.entry.js +2 -2
- package/dist/esm/calcite-input-time-picker_2.entry.js +1 -1
- package/dist/esm/calcite-input.entry.js +10 -2
- package/dist/esm/calcite-tab_4.entry.js +1 -1
- package/dist/esm/calcite-tree_2.entry.js +1 -1
- package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
- package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
- package/dist/esm-es5/calcite-input.entry.js +1 -1
- package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
- package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
- package/dist/extras/docs-json.json +12 -3
- package/dist/types/components/calcite-input/calcite-input.d.ts +1 -2
- package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts +1 -1
- package/dist/types/components.d.ts +6 -2
- package/hydrate/index.js +18 -7
- package/package.json +10 -10
- package/readme.md +2 -2
- package/dist/calcite/p-00716aa8.system.entry.js +0 -5
- package/dist/calcite/p-1a1e9057.system.entry.js +0 -5
- package/dist/calcite/p-48f03121.entry.js +0 -5
- package/dist/calcite/p-78d0db7b.entry.js +0 -5
- package/dist/calcite/p-99a1c131.entry.js +0 -5
- package/dist/calcite/p-e6c84e63.entry.js +0 -5
|
@@ -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-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
132
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
313
|
+
color: var(--calcite-ui-brand);
|
|
336
314
|
}
|
|
@@ -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
|
//--------------------------------------------------------------------------
|
|
@@ -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;
|
|
@@ -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 =
|
|
234
|
+
const valueNudgeDelayInMs = 100;
|
|
231
235
|
this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
|
|
236
|
+
let nudgeNumberValueIntervalCount = 0;
|
|
232
237
|
this.nudgeNumberValueIntervalId = setInterval(() => {
|
|
233
|
-
|
|
238
|
+
nudgeNumberValueIntervalCount !== 0
|
|
239
|
+
? this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent)
|
|
240
|
+
: null;
|
|
241
|
+
nudgeNumberValueIntervalCount++;
|
|
234
242
|
}, valueNudgeDelayInMs);
|
|
235
243
|
};
|
|
236
244
|
this.numberButtonMouseUpAndMouseOutHandler = () => {
|
|
@@ -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
|
-
} },
|
|
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;
|
|
@@ -6,7 +6,7 @@ import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal
|
|
|
6
6
|
import { g as guid } from './guid.js';
|
|
7
7
|
import { n as nodeListToArray } from './dom.js';
|
|
8
8
|
|
|
9
|
-
const calciteTabCss = "@-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([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3)}:host([active]){display:block}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";
|
|
9
|
+
const calciteTabCss = "@-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([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3);width:100%;height:100%}:host([active]){display:block;width:100%;height:100%;overflow:auto}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";
|
|
10
10
|
|
|
11
11
|
let CalciteTab = class extends HTMLElement {
|
|
12
12
|
constructor() {
|
|
@@ -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{
|
|
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() {
|
|
@@ -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
|
//--------------------------------------------------------------------------
|
|
@@ -12801,6 +12804,10 @@ let CalciteInput$1 = class extends HTMLElement {
|
|
|
12801
12804
|
//
|
|
12802
12805
|
//--------------------------------------------------------------------------
|
|
12803
12806
|
this.keyDownHandler = (event) => {
|
|
12807
|
+
/* prevent default behavior for input to move the cursor to the beginning of the input with every ArrowUp press */
|
|
12808
|
+
if (event.key === "ArrowUp") {
|
|
12809
|
+
event.preventDefault();
|
|
12810
|
+
}
|
|
12804
12811
|
if (this.readOnly || this.disabled) {
|
|
12805
12812
|
return;
|
|
12806
12813
|
}
|
|
@@ -12915,10 +12922,14 @@ let CalciteInput$1 = class extends HTMLElement {
|
|
|
12915
12922
|
}
|
|
12916
12923
|
const inputMax = this.maxString ? parseFloat(this.maxString) : null;
|
|
12917
12924
|
const inputMin = this.minString ? parseFloat(this.minString) : null;
|
|
12918
|
-
const valueNudgeDelayInMs =
|
|
12925
|
+
const valueNudgeDelayInMs = 100;
|
|
12919
12926
|
this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
|
|
12927
|
+
let nudgeNumberValueIntervalCount = 0;
|
|
12920
12928
|
this.nudgeNumberValueIntervalId = setInterval(() => {
|
|
12921
|
-
|
|
12929
|
+
nudgeNumberValueIntervalCount !== 0
|
|
12930
|
+
? this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent)
|
|
12931
|
+
: null;
|
|
12932
|
+
nudgeNumberValueIntervalCount++;
|
|
12922
12933
|
}, valueNudgeDelayInMs);
|
|
12923
12934
|
};
|
|
12924
12935
|
this.numberButtonMouseUpAndMouseOutHandler = () => {
|
|
@@ -13732,7 +13743,7 @@ let CalciteInputTimePicker$1 = class extends HTMLElement {
|
|
|
13732
13743
|
this.required = false;
|
|
13733
13744
|
/** The scale (size) of the time input */
|
|
13734
13745
|
this.scale = "m";
|
|
13735
|
-
/** number that specifies the granularity that the value must adhere to */
|
|
13746
|
+
/** number (seconds) that specifies the granularity that the value must adhere to */
|
|
13736
13747
|
this.step = 60;
|
|
13737
13748
|
/** The selected time (always 24-hour format)*/
|
|
13738
13749
|
this.value = null;
|
|
@@ -17729,7 +17740,7 @@ let CalciteSlider$1 = class extends HTMLElement {
|
|
|
17729
17740
|
tick__label: true,
|
|
17730
17741
|
"tick__label--min": isMinTickLabel,
|
|
17731
17742
|
"tick__label--max": isMaxTickLabel
|
|
17732
|
-
} },
|
|
17743
|
+
} }, tick.toLocaleString()));
|
|
17733
17744
|
if (this.labelTicks && !this.hasHistogram && !this.isRange) {
|
|
17734
17745
|
return tickLabel;
|
|
17735
17746
|
}
|
|
@@ -17884,7 +17895,7 @@ let CalciteSlider$1 = class extends HTMLElement {
|
|
|
17884
17895
|
const ticks = [];
|
|
17885
17896
|
let current = this.min;
|
|
17886
17897
|
while (this.ticks && current < this.max + this.ticks) {
|
|
17887
|
-
ticks.push(current);
|
|
17898
|
+
ticks.push(Math.min(current, this.max));
|
|
17888
17899
|
current = current + this.ticks;
|
|
17889
17900
|
}
|
|
17890
17901
|
return ticks;
|
|
@@ -21872,7 +21883,7 @@ let CalciteSwitch$1 = class extends HTMLElement {
|
|
|
21872
21883
|
static get style() { return calciteSwitchCss; }
|
|
21873
21884
|
};
|
|
21874
21885
|
|
|
21875
|
-
const calciteTabCss = "@-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([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3)}:host([active]){display:block}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";
|
|
21886
|
+
const calciteTabCss = "@-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([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3);width:100%;height:100%}:host([active]){display:block;width:100%;height:100%;overflow:auto}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";
|
|
21876
21887
|
|
|
21877
21888
|
let CalciteTab$1 = class extends HTMLElement {
|
|
21878
21889
|
constructor() {
|
|
@@ -24168,7 +24179,7 @@ const ICONS$1 = {
|
|
|
24168
24179
|
chevronRight: "chevron-right"
|
|
24169
24180
|
};
|
|
24170
24181
|
|
|
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{
|
|
24182
|
+
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
24183
|
|
|
24173
24184
|
let CalciteTreeItem$1 = class extends HTMLElement {
|
|
24174
24185
|
constructor() {
|
|
@@ -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
|
//--------------------------------------------------------------------------
|
|
@@ -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
|
-
} },
|
|
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;
|
|
@@ -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;
|
|
@@ -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 =
|
|
231
|
+
const valueNudgeDelayInMs = 100;
|
|
228
232
|
this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
|
|
233
|
+
let nudgeNumberValueIntervalCount = 0;
|
|
229
234
|
this.nudgeNumberValueIntervalId = setInterval(() => {
|
|
230
|
-
|
|
235
|
+
nudgeNumberValueIntervalCount !== 0
|
|
236
|
+
? this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent)
|
|
237
|
+
: null;
|
|
238
|
+
nudgeNumberValueIntervalCount++;
|
|
231
239
|
}, valueNudgeDelayInMs);
|
|
232
240
|
};
|
|
233
241
|
this.numberButtonMouseUpAndMouseOutHandler = () => {
|
|
@@ -8,7 +8,7 @@ import { n as nodeListToArray, a as getElementDir, k as filterDirectChildren, d
|
|
|
8
8
|
import { g as getKey } from './key-69001a68.js';
|
|
9
9
|
import { c as createObserver } from './observers-8f0bc419.js';
|
|
10
10
|
|
|
11
|
-
const calciteTabCss = "@-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([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3)}:host([active]){display:block}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";
|
|
11
|
+
const calciteTabCss = "@-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([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3);width:100%;height:100%}:host([active]){display:block;width:100%;height:100%;overflow:auto}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";
|
|
12
12
|
|
|
13
13
|
let CalciteTab = class {
|
|
14
14
|
constructor(hostRef) {
|
|
@@ -218,7 +218,7 @@ const ICONS = {
|
|
|
218
218
|
chevronRight: "chevron-right"
|
|
219
219
|
};
|
|
220
220
|
|
|
221
|
-
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{
|
|
221
|
+
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)}";
|
|
222
222
|
|
|
223
223
|
let CalciteTreeItem = class {
|
|
224
224
|
constructor(hostRef) {
|