@rededor/cura 2.0.0-alpha.13 → 2.0.0-alpha.16
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/cjs/cura-accordion_22.cjs.entry.js +65 -74
- package/dist/cjs/cura-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/cura-display.cjs.entry.js +1 -1
- package/dist/cjs/cura-dropdown-search-not-found.cjs.entry.js +1 -1
- package/dist/cjs/cura-icons-view.cjs.entry.js +1 -1
- package/dist/cjs/cura-input-date.cjs.entry.js +1 -1
- package/dist/cjs/cura-input-textarea.cjs.entry.js +236 -0
- package/dist/cjs/cura-loader-bar.cjs.entry.js +1 -1
- package/dist/cjs/cura-modal.cjs.entry.js +1 -1
- package/dist/cjs/cura-progress-bar_2.cjs.entry.js +2 -2
- package/dist/cjs/cura-radio.cjs.entry.js +1 -1
- package/dist/cjs/cura-stepper.cjs.entry.js +1 -1
- package/dist/cjs/cura-switch.cjs.entry.js +1 -1
- package/dist/cjs/cura-tabs-button.cjs.entry.js +1 -1
- package/dist/cjs/cura-tabs-transparent.cjs.entry.js +1 -1
- package/dist/cjs/cura-toast.cjs.entry.js +1 -1
- package/dist/cjs/cura-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/cura.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/utils-DMHZ2n4p.js +47 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/cura-calendar/cura-calendar.css +13 -1
- package/dist/collection/components/cura-calendar/cura-calendar.js +92 -11
- package/dist/collection/components/cura-calendar/cura-calendar.stories.js +29 -1
- package/dist/collection/components/cura-calendar/cura-calendar.type.js +1 -0
- package/dist/collection/components/cura-card/cura-card.js +1 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.js +1 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.js +1 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.js +1 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.js +1 -1
- package/dist/collection/components/cura-icon/cura-icon.js +1 -1
- package/dist/collection/components/cura-icons-view/cura-icons-view.js +1 -1
- package/dist/collection/components/cura-modal/cura-modal.js +1 -1
- package/dist/collection/components/cura-page-template/cura-page-template.js +1 -1
- package/dist/collection/components/cura-stepper/cura-progress-bar/cura-progress-bar.js +1 -1
- package/dist/collection/components/cura-stepper/cura-stepper-item/cura-stepper-item.js +1 -1
- package/dist/collection/components/cura-stepper/cura-stepper.js +1 -1
- package/dist/collection/components/cura-toast/cura-toast.js +1 -1
- package/dist/collection/components/cura-tooltip/cura-tooltip.js +1 -1
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.js +1 -1
- package/dist/collection/components/forms/cura-input-date/cura-input-date.js +1 -1
- package/dist/collection/components/forms/cura-input-textarea/cura-input-textarea.css +174 -0
- package/dist/collection/components/forms/cura-input-textarea/cura-input-textarea.js +613 -0
- package/dist/collection/components/forms/cura-input-textarea/cura-input-textarea.stories.js +222 -0
- package/dist/collection/components/forms/cura-label/cura-label.js +1 -1
- package/dist/collection/components/forms/cura-radio/cura-radio.js +1 -1
- package/dist/collection/components/forms/cura-select/cura-select.js +3 -3
- package/dist/collection/components/forms/cura-select-options/cura-select-option.js +1 -1
- package/dist/collection/components/forms/cura-switch/cura-switch.js +1 -1
- package/dist/collection/components/loaders/cura-loader-bar/cura-loader-bar.js +1 -1
- package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js +1 -1
- package/dist/collection/components/tabs/cura-tabs/cura-tabs.js +1 -1
- package/dist/collection/components/tabs/cura-tabs-button/cura-tabs-button.js +1 -1
- package/dist/collection/components/tabs/cura-tabs-group/cura-tabs-group.js +1 -1
- package/dist/collection/components/tabs/cura-tabs-transparent/cura-tabs-transparent.js +1 -1
- package/dist/collection/components/text/cura-display/cura-display.js +1 -1
- package/dist/collection/components/text/cura-heading/cura-heading.js +1 -1
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.js +1 -1
- package/dist/components/cura-accordion-item.js +1 -1
- package/dist/components/cura-alert.js +1 -1
- package/dist/components/cura-badge-counter.js +1 -1
- package/dist/components/cura-badge-distance.js +1 -1
- package/dist/components/cura-badge-pill.js +1 -1
- package/dist/components/cura-button-outline.js +1 -1
- package/dist/components/cura-button-select.js +1 -1
- package/dist/components/cura-button-transparent.js +1 -1
- package/dist/components/cura-button.js +1 -1
- package/dist/components/cura-calendar.js +1 -1
- package/dist/components/cura-card.js +1 -1
- package/dist/components/cura-checkbox.js +1 -1
- package/dist/components/cura-display.js +1 -1
- package/dist/components/cura-dropdown-search-category.js +1 -1
- package/dist/components/cura-dropdown-search-not-found.js +1 -1
- package/dist/components/cura-dropdown-search-option.js +1 -1
- package/dist/components/cura-dropdown-search.js +1 -1
- package/dist/components/cura-heading.js +1 -1
- package/dist/components/cura-icon.js +1 -1
- package/dist/components/cura-icons-view.js +1 -1
- package/dist/components/cura-input-date.js +1 -1
- package/dist/components/cura-input-text.js +1 -1
- package/dist/components/cura-input-textarea.d.ts +11 -0
- package/dist/components/cura-input-textarea.js +1 -0
- package/dist/components/cura-label.js +1 -1
- package/dist/components/cura-loader-bar.js +1 -1
- package/dist/components/cura-loader-circle.js +1 -1
- package/dist/components/cura-modal.js +1 -1
- package/dist/components/cura-page-template.js +1 -1
- package/dist/components/cura-paragraph.js +1 -1
- package/dist/components/cura-progress-bar.js +1 -1
- package/dist/components/cura-radio.js +1 -1
- package/dist/components/cura-select-option.js +1 -1
- package/dist/components/cura-select.js +1 -1
- package/dist/components/cura-stepper-item.js +1 -1
- package/dist/components/cura-stepper.js +1 -1
- package/dist/components/cura-switch.js +1 -1
- package/dist/components/cura-tabs-button.js +1 -1
- package/dist/components/cura-tabs-group.js +1 -1
- package/dist/components/cura-tabs-transparent.js +1 -1
- package/dist/components/cura-tabs.js +1 -1
- package/dist/components/cura-toast.js +1 -1
- package/dist/components/cura-tooltip.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/p-B2TDH4aP.js +1 -0
- package/dist/components/{p-C05r6CQV.js → p-BHVSbubb.js} +1 -1
- package/dist/components/{p-B2RN7oe_.js → p-BKDpza6x.js} +1 -1
- package/dist/components/{p-BYA8glxD.js → p-BuETJyzc.js} +1 -1
- package/dist/components/p-CalvBU-U.js +1 -0
- package/dist/components/{p-CCkEqDZb.js → p-CksTHXxZ.js} +1 -1
- package/dist/components/{p-DxJedO3K.js → p-D4hCuriT.js} +1 -1
- package/dist/components/{p-fn4zJrKE.js → p-DI66_jP6.js} +1 -1
- package/dist/components/{p-Bf21UQXV.js → p-DQP7jRHp.js} +1 -1
- package/dist/components/p-DgK8dEko.js +1 -0
- package/dist/components/{p-DXlGQp3a.js → p-DgQJ968V.js} +1 -1
- package/dist/components/{p-fR02COZb.js → p-Dmalf4Oj.js} +1 -1
- package/dist/components/{p-D6xuYQiO.js → p-KovUKiTX.js} +1 -1
- package/dist/components/{p-D7WNwjv-.js → p-PiUhcFob.js} +1 -1
- package/dist/components/{p-C7so9xnO.js → p-TnCIk87O.js} +1 -1
- package/dist/components/{p-BSdkRryc.js → p-i55vIhdM.js} +1 -1
- package/dist/cura/cura.esm.js +1 -1
- package/dist/cura/{p-bf99e8bf.entry.js → p-18a1cadf.entry.js} +1 -1
- package/dist/cura/{p-ddf4d240.entry.js → p-1c48aaa7.entry.js} +1 -1
- package/dist/cura/{p-b7369d04.entry.js → p-4178e3e6.entry.js} +1 -1
- package/dist/cura/p-5b26a166.entry.js +1 -0
- package/dist/cura/{p-42e72d12.entry.js → p-604f1c1d.entry.js} +1 -1
- package/dist/cura/{p-9de85de6.entry.js → p-906c8b66.entry.js} +1 -1
- package/dist/cura/p-CUmwazb8.js +1 -0
- package/dist/cura/p-a305e17a.entry.js +1 -0
- package/dist/cura/{p-3a3202f0.entry.js → p-a72db13d.entry.js} +1 -1
- package/dist/cura/{p-c247c93b.entry.js → p-b157025d.entry.js} +1 -1
- package/dist/cura/{p-f911a6c5.entry.js → p-b447fca2.entry.js} +1 -1
- package/dist/cura/{p-2e2e2b4d.entry.js → p-bd649bed.entry.js} +1 -1
- package/dist/cura/{p-c18d7f16.entry.js → p-c987ddde.entry.js} +1 -1
- package/dist/cura/{p-b14ae206.entry.js → p-d43fb791.entry.js} +1 -1
- package/dist/cura/{p-7965fe63.entry.js → p-d64ef37d.entry.js} +1 -1
- package/dist/cura/{p-1dc9c478.entry.js → p-f072b011.entry.js} +1 -1
- package/dist/cura/{p-5357f7bd.entry.js → p-f407bd73.entry.js} +1 -1
- package/dist/cura/p-f638eda8.entry.js +1 -0
- package/dist/esm/cura-accordion_22.entry.js +58 -67
- package/dist/esm/cura-checkbox.entry.js +1 -1
- package/dist/esm/cura-display.entry.js +1 -1
- package/dist/esm/cura-dropdown-search-not-found.entry.js +1 -1
- package/dist/esm/cura-icons-view.entry.js +1 -1
- package/dist/esm/cura-input-date.entry.js +1 -1
- package/dist/esm/cura-input-textarea.entry.js +234 -0
- package/dist/esm/cura-loader-bar.entry.js +1 -1
- package/dist/esm/cura-modal.entry.js +1 -1
- package/dist/esm/cura-progress-bar_2.entry.js +2 -2
- package/dist/esm/cura-radio.entry.js +1 -1
- package/dist/esm/cura-stepper.entry.js +1 -1
- package/dist/esm/cura-switch.entry.js +1 -1
- package/dist/esm/cura-tabs-button.entry.js +1 -1
- package/dist/esm/cura-tabs-transparent.entry.js +1 -1
- package/dist/esm/cura-toast.entry.js +1 -1
- package/dist/esm/cura-tooltip.entry.js +1 -1
- package/dist/esm/cura.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/utils-BZCR971L.js +41 -0
- package/dist/types/components/cura-calendar/cura-calendar.d.ts +20 -2
- package/dist/types/components/cura-calendar/cura-calendar.stories.d.ts +29 -0
- package/dist/types/components/cura-calendar/cura-calendar.type.d.ts +4 -0
- package/dist/types/components/forms/cura-input-textarea/cura-input-textarea.d.ts +116 -0
- package/dist/types/components/forms/cura-input-textarea/cura-input-textarea.stories.d.ts +188 -0
- package/dist/types/components.d.ts +232 -0
- package/package.json +2 -2
- package/dist/components/p-B8xnU6YS.js +0 -1
- package/dist/components/p-CG1lz5DR.js +0 -1
- package/dist/cura/p-47fdb124.entry.js +0 -1
- package/dist/cura/p-cbe8c690.entry.js +0 -1
|
@@ -0,0 +1,236 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BLhmsPd0.js');
|
|
4
|
+
var utils = require('./utils-DMHZ2n4p.js');
|
|
5
|
+
require('./theme-legacy-default-COE-hjD7.js');
|
|
6
|
+
require('./static-DHz-FA_O.js');
|
|
7
|
+
|
|
8
|
+
const curaInputTextareaCss = () => `:host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-textarea-group{width:100%;font-family:var(--font-family);text-align:left !important}.cura-textarea-group .helper-max-wrapper{display:flex;justify-content:space-between;align-items:center}.cura-textarea-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-textarea-group .max-length{display:flex}.cura-textarea-group cura-label{margin-bottom:8px}.cura-textarea-group .cura-textarea-field{width:100%;height:64px;display:flex;flex-direction:row;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-textarea-group .cura-textarea-field textarea{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:16px 16px 0px 8px;min-height:64px;resize:vertical}.cura-textarea-group .cura-textarea-field textarea:not(.resizable){resize:none}.cura-textarea-group .cura-textarea-field textarea::placeholder{color:var(--neutral-dark)}.cura-textarea-group .cura-textarea-field .feedback-icon{padding-left:16px;padding-top:16px}.cura-textarea-group .cura-textarea-field cura-loader-circle{margin:0px 12px}.cura-textarea-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly) .cura-textarea-field{border-color:var(--neutral-dark)}.cura-textarea-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly) .cura-textarea-field textarea{color:var(--neutral-dark)}.cura-textarea-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly) .cura-textarea-field textarea::placeholder{color:var(--neutral-dark)}.cura-textarea-group:focus-within .cura-textarea-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.cura-textarea-group:focus-within .cura-textarea-field textarea{color:var(--neutral-black) !important}.cura-textarea-group.success .cura-textarea-field{border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-textarea-group.success .cura-textarea-field textarea{color:var(--success-darker) !important}.cura-textarea-group.success .cura-textarea-field textarea::placeholder{color:var(--success-darker) !important}.cura-textarea-group.error .cura-textarea-field{border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-textarea-group.error .cura-textarea-field textarea{color:var(--error-darker) !important}.cura-textarea-group.error .cura-textarea-field textarea::placeholder{color:var(--error-darker) !important}.cura-textarea-group.isLoading{cursor:wait}.cura-textarea-group.isLoading .cura-textarea-field{background-color:var(--neutral-white) !important;border:2px solid var(--primary-base) !important}.cura-textarea-group.isLoading .cura-textarea-field textarea{cursor:wait;color:var(--primary-base) !important}.cura-textarea-group.isLoading .cura-textarea-field textarea::placeholder{color:var(--primary-base) !important}.cura-textarea-group.disabled .cura-textarea-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-textarea-group.disabled .cura-textarea-field textarea{color:var(--neutral-medium)}.cura-textarea-group.disabled .cura-textarea-field textarea::placeholder{color:var(--neutral-medium)}.cura-textarea-group.readOnly[read-only] .cura-textarea-field{cursor:default}.cura-textarea-group.readOnly[read-only] .cura-textarea-field textarea{cursor:default}.cura-textarea-group.small .cura-textarea-field{height:64px}.cura-textarea-group.small .cura-textarea-field textarea{font-size:12px;line-height:13px;letter-spacing:0.72px;min-height:64px}.cura-textarea-group.small .helper-text{font-weight:var(--font-weight-regular)}.cura-textarea-group.medium .cura-textarea-field{height:64px}.cura-textarea-group.medium .cura-textarea-field textarea{font-size:14px;line-height:16px;letter-spacing:0.56px;min-height:64px}.cura-textarea-group.medium .helper-text{font-weight:var(--font-weight-regular)}.cura-textarea-group.large .cura-textarea-field{height:64px}.cura-textarea-group.large .cura-textarea-field textarea{font-size:16px;min-height:64px}.cura-textarea-group.large .helper-text{font-weight:var(--font-weight-bold)}`;
|
|
9
|
+
|
|
10
|
+
const CuraInputTextArea = class {
|
|
11
|
+
constructor(hostRef) {
|
|
12
|
+
index.registerInstance(this, hostRef);
|
|
13
|
+
this.valueChange = index.createEvent(this, "valueChange");
|
|
14
|
+
this.inputClear = index.createEvent(this, "inputClear");
|
|
15
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
16
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
20
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Indicates input status (default: 'default')
|
|
24
|
+
*/
|
|
25
|
+
this.status = 'default';
|
|
26
|
+
/**
|
|
27
|
+
* Size of the textarea: 'small', 'medium', or 'large' (default: 'medium')
|
|
28
|
+
*/
|
|
29
|
+
this.size = 'medium';
|
|
30
|
+
/**
|
|
31
|
+
* Label text for the textarea
|
|
32
|
+
*/
|
|
33
|
+
this.label = '';
|
|
34
|
+
/**
|
|
35
|
+
* Name for the textarea
|
|
36
|
+
*/
|
|
37
|
+
this.name = '';
|
|
38
|
+
/**
|
|
39
|
+
* Placeholder text
|
|
40
|
+
*/
|
|
41
|
+
this.placeholder = null;
|
|
42
|
+
/**
|
|
43
|
+
* Initial value of the textarea
|
|
44
|
+
*/
|
|
45
|
+
this.value = '';
|
|
46
|
+
/**
|
|
47
|
+
* Cura icon name to display
|
|
48
|
+
*/
|
|
49
|
+
this.iconName = '';
|
|
50
|
+
/**
|
|
51
|
+
* Whether the textarea is disabled (default: false)
|
|
52
|
+
*/
|
|
53
|
+
this.disabled = false;
|
|
54
|
+
/**
|
|
55
|
+
* Whether the textarea is required (default: false)
|
|
56
|
+
*/
|
|
57
|
+
this.required = false;
|
|
58
|
+
/**
|
|
59
|
+
* Whether the textarea is read-only (default: false)
|
|
60
|
+
*/
|
|
61
|
+
this.readOnly = false;
|
|
62
|
+
/**
|
|
63
|
+
* Whether the textarea is resizable (default: true)
|
|
64
|
+
*/
|
|
65
|
+
this.resizable = true;
|
|
66
|
+
/**
|
|
67
|
+
* Whether the textarea is in loading state (default: false)
|
|
68
|
+
*/
|
|
69
|
+
this.isLoading = false;
|
|
70
|
+
this.isHovered = false;
|
|
71
|
+
this.isFocused = false;
|
|
72
|
+
this.currentValue = '';
|
|
73
|
+
this.fieldStyles = { height: 'auto' };
|
|
74
|
+
/**
|
|
75
|
+
* Removes the alertCircle icon when necessary (as used in CuraDropdownSearch)
|
|
76
|
+
*/
|
|
77
|
+
this.hideErrorIcon = false;
|
|
78
|
+
/**
|
|
79
|
+
* Whether the textarea should have autocomplete
|
|
80
|
+
*/
|
|
81
|
+
this.autocomplete = 'on';
|
|
82
|
+
this.styles = {};
|
|
83
|
+
}
|
|
84
|
+
async setFocus() {
|
|
85
|
+
const timeoutMs = utils.checkMobile() && utils.checkIOS() ? 1000 : 200;
|
|
86
|
+
let fakeInput = utils.fakeInputIOSHack(this.host);
|
|
87
|
+
setTimeout(() => {
|
|
88
|
+
this.inputRef.focus();
|
|
89
|
+
if (fakeInput)
|
|
90
|
+
fakeInput.remove();
|
|
91
|
+
}, timeoutMs);
|
|
92
|
+
}
|
|
93
|
+
formStateRestoreCallback(state) {
|
|
94
|
+
this.currentValue = state.value;
|
|
95
|
+
this.internals.setFormValue(this.currentValue);
|
|
96
|
+
}
|
|
97
|
+
formAssociatedCallback(form) {
|
|
98
|
+
form.ariaLabel = this.label;
|
|
99
|
+
}
|
|
100
|
+
formResetCallback() {
|
|
101
|
+
this.handleClearInput();
|
|
102
|
+
this.internals.setValidity({});
|
|
103
|
+
this.internals.setFormValue('');
|
|
104
|
+
}
|
|
105
|
+
formDisabledCallback(disabled) {
|
|
106
|
+
this.disabled = disabled;
|
|
107
|
+
}
|
|
108
|
+
connectedCallback() {
|
|
109
|
+
this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);
|
|
110
|
+
this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
|
|
111
|
+
this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
|
|
112
|
+
this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);
|
|
113
|
+
this.styles['--neutral-medium'] = window.CuraAPI.theme.colors.getColor(`neutral-medium`);
|
|
114
|
+
this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);
|
|
115
|
+
this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);
|
|
116
|
+
this.styles['--success-dark'] = window.CuraAPI.theme.colors.getColor(`success-dark`);
|
|
117
|
+
this.styles['--success-darker'] = window.CuraAPI.theme.colors.getColor(`success-darker`);
|
|
118
|
+
this.styles['--success-lighter'] = window.CuraAPI.theme.colors.getColor(`success-lighter`);
|
|
119
|
+
this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor(`error-lighter`);
|
|
120
|
+
this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor(`error-dark`);
|
|
121
|
+
this.styles['--error-darker'] = window.CuraAPI.theme.colors.getColor(`error-darker`);
|
|
122
|
+
this.styles['--error-base'] = window.CuraAPI.theme.colors.getColor(`error-base`);
|
|
123
|
+
this.styles['--info-base'] = window.CuraAPI.theme.colors.getColor(`info-base`);
|
|
124
|
+
this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
|
|
125
|
+
this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
|
|
126
|
+
this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();
|
|
127
|
+
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
128
|
+
this.breakpoints = window.CuraAPI.theme.breakpoints.get();
|
|
129
|
+
this.styles['--font-weight-medium'] = this.weights.medium;
|
|
130
|
+
this.styles['--font-weight-bold'] = this.weights.bold;
|
|
131
|
+
this.styles['--font-weight-regular'] = this.weights.regular;
|
|
132
|
+
}
|
|
133
|
+
componentWillLoad() {
|
|
134
|
+
this.currentValue = this.value;
|
|
135
|
+
}
|
|
136
|
+
getClasses() {
|
|
137
|
+
return {
|
|
138
|
+
[this.size.toLowerCase()]: true,
|
|
139
|
+
disabled: !!this.disabled,
|
|
140
|
+
isLoading: !!this.isLoading,
|
|
141
|
+
isFocused: this.isFocused && !this.disabled && !this.readOnly && !this.isLoading,
|
|
142
|
+
isHovered: this.isHovered,
|
|
143
|
+
[this.status]: true,
|
|
144
|
+
resizable: !!this.resizable,
|
|
145
|
+
};
|
|
146
|
+
}
|
|
147
|
+
getLabelColor() {
|
|
148
|
+
if (!!this.disabled) {
|
|
149
|
+
return 'neutral-medium';
|
|
150
|
+
}
|
|
151
|
+
else if (((this.isFocused || this.isHovered || this.status === 'success' || this.status === 'error') && !this.readOnly) || this.isHovered) {
|
|
152
|
+
return 'neutral-black';
|
|
153
|
+
}
|
|
154
|
+
else {
|
|
155
|
+
return 'neutral-dark';
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
renderIcon() {
|
|
159
|
+
if (this.iconName === '' && this.status === 'default') {
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
if (this.status === 'error' && this.hideErrorIcon) {
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
165
|
+
const baseIconSize = this.size === 'large' ? 20 : 16;
|
|
166
|
+
const iconMap = {
|
|
167
|
+
loading: { name: this.iconName, color: 'primary-base' },
|
|
168
|
+
success: { name: 'checkCircle', color: 'success-dark' },
|
|
169
|
+
error: { name: 'alertCircle', color: 'error-dark' },
|
|
170
|
+
default: { name: this.iconName, color: 'neutral-dark' },
|
|
171
|
+
disabled: { name: this.iconName, color: 'neutral-medium' },
|
|
172
|
+
};
|
|
173
|
+
const iconConfig = iconMap[this.isLoading ? 'loading' : this.disabled ? 'disabled' : this.status || 'default'];
|
|
174
|
+
return (index.h("div", { class: "feedback-icon", style: this.styles }, index.h("cura-icon", { name: iconConfig.name, iconset: "default", size: baseIconSize, color: iconConfig.color })));
|
|
175
|
+
}
|
|
176
|
+
renderHelperText() {
|
|
177
|
+
const isError = this.status === 'error';
|
|
178
|
+
const isSuccess = this.status === 'success';
|
|
179
|
+
const isDefault = this.status === 'default';
|
|
180
|
+
const helperTextSize = this.size === 'large' ? 'small' : 'xsmall';
|
|
181
|
+
const colorText = (() => {
|
|
182
|
+
if (this.disabled)
|
|
183
|
+
return 'neutral-medium';
|
|
184
|
+
if (this.isLoading)
|
|
185
|
+
return 'primary-base';
|
|
186
|
+
if (this.isFocused || this.isHovered)
|
|
187
|
+
return 'neutral-black';
|
|
188
|
+
return 'neutral-dark';
|
|
189
|
+
})();
|
|
190
|
+
return (index.h("div", { style: this.styles, class: "helper-text", part: "cura-input-text-helper" }, isDefault && (index.h("cura-label", { size: helperTextSize, color: colorText }, index.h("slot", null))), isError && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "error-dark" }, index.h("slot", null))), isSuccess && (index.h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "success-dark" }, index.h("slot", null)))));
|
|
191
|
+
}
|
|
192
|
+
renderMaxLength() {
|
|
193
|
+
var _a;
|
|
194
|
+
if (!this.maxlength)
|
|
195
|
+
return null;
|
|
196
|
+
return (index.h("div", { class: "max-length" }, index.h("cura-label", { size: "xsmall", weight: 'bold', color: "neutral-dark" }, `${((_a = this.currentValue) === null || _a === void 0 ? void 0 : _a.toString().length) || 0}`), index.h("cura-label", { size: "xsmall", weight: 'bold', color: "neutral-darker" }, `/${this.maxlength}`)));
|
|
197
|
+
}
|
|
198
|
+
handleMouseEnter() {
|
|
199
|
+
this.isHovered = true;
|
|
200
|
+
}
|
|
201
|
+
handleMouseLeave() {
|
|
202
|
+
this.isHovered = false;
|
|
203
|
+
}
|
|
204
|
+
handleClearInput() {
|
|
205
|
+
this.currentValue = '';
|
|
206
|
+
this.inputRef.value = '';
|
|
207
|
+
this.valueChange.emit(this.currentValue);
|
|
208
|
+
this.inputClear.emit(this.currentValue);
|
|
209
|
+
this.setFocus();
|
|
210
|
+
}
|
|
211
|
+
handleInputFocus() {
|
|
212
|
+
this.isFocused = true;
|
|
213
|
+
}
|
|
214
|
+
handleInputBlur() {
|
|
215
|
+
setTimeout(() => {
|
|
216
|
+
this.isFocused = false;
|
|
217
|
+
}, 150);
|
|
218
|
+
}
|
|
219
|
+
handleInputChange(event) {
|
|
220
|
+
const inputValue = event.target.value;
|
|
221
|
+
this.valueChange.emit(inputValue);
|
|
222
|
+
this.handleTextInputChange(inputValue);
|
|
223
|
+
this.internals.setFormValue(this.currentValue);
|
|
224
|
+
}
|
|
225
|
+
handleTextInputChange(inputValue) {
|
|
226
|
+
this.currentValue = inputValue;
|
|
227
|
+
}
|
|
228
|
+
render() {
|
|
229
|
+
return (index.h(index.Host, { key: '05f1a1a3b51e4bb1bc54cab3c8d5b6062a95d32a', role: "textbox", "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, index.h("div", { key: '47eb10b6f3c3e697ae1558fd53d4d9cb9a2b6065', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-textarea-group': true }, this.getClasses()) }, index.h("div", { key: 'c090b7b2eb353dbe929810c4835f49860bfe9c80', class: "input-wrapper" }, this.label && (index.h("cura-label", { key: 'a957db2fb6e2779d3c33f7504124cff353e41c2c', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && index.h("span", { key: '1928a3597976bd5b1f4076c49dae803a69139cb5', class: "required" }, "* "))), index.h("div", { key: '58c1cab70c203e9ca106ddec09d606943814b65c', class: "cura-textarea-field", part: "cura-textarea-field", style: this.fieldStyles }, this.renderIcon(), index.h("textarea", { key: 'd6a59a727dfc5a8655ea496111dd46718101b0be', name: this.name ? this.name : '', onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.currentValue !== undefined && this.currentValue !== null ? this.currentValue : '', autocomplete: this.autocomplete }), this.isLoading && index.h("cura-loader-circle", { key: '0476538f94ba6ffc0dc89b4bd125c048f420d415', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), index.h("div", { key: '84b14a2904cfa97adc766bd65cbbf48cb390d6c6', class: "helper-max-wrapper" }, this.renderHelperText(), " ", this.renderMaxLength())))));
|
|
230
|
+
}
|
|
231
|
+
static get formAssociated() { return true; }
|
|
232
|
+
get host() { return index.getElement(this); }
|
|
233
|
+
};
|
|
234
|
+
CuraInputTextArea.style = curaInputTextareaCss();
|
|
235
|
+
|
|
236
|
+
exports.cura_input_textarea = CuraInputTextArea;
|
|
@@ -23,7 +23,7 @@ const CuraLoaderBar = class {
|
|
|
23
23
|
this.setProgress();
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (index.h(index.Host, { key: '
|
|
26
|
+
return (index.h(index.Host, { key: '1cad7226bfde87284c61f4786c3bccf66f967d40', role: "progressbar", "aria-valuenow": this.progress, "aria-valuemin": 0, "aria-valuemax": 100 }, index.h("div", { key: '59320656c2a679ff5600ef803fa215f1ed5d218d', id: "progress-bar", class: "progress-bar", style: this.styles }, index.h("span", { key: '6d66523c36dfaece1e9d7a3d60c8fbf7dbef5efa', class: "progress-bar-fill" }))));
|
|
27
27
|
}
|
|
28
28
|
setColor() {
|
|
29
29
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2), '--color-base': window.CuraAPI.theme.colors.getColor(this.color) });
|
|
@@ -107,7 +107,7 @@ const CuraModal = class {
|
|
|
107
107
|
window.addEventListener('keydown', this.handleCloseOnEsc);
|
|
108
108
|
}
|
|
109
109
|
render() {
|
|
110
|
-
return (index.h(index.Host, { key: '
|
|
110
|
+
return (index.h(index.Host, { key: 'add6ff0d9e7596282547b9632a10d6b36ce2dd77', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, index.h("div", { key: '0ea813bd986b4cb0e87f31511d600bc88f922d66', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, index.h("div", { key: '90ace6e14ed40371839a784d82c4370cff9c8bc2', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.canClose ? this.handleClose : undefined }), index.h("div", { key: '1593d59bed08050004b638379194f331518e93ad', class: "wrapper" }, this.canClose && (index.h("div", { key: '348678020334e6f60794e9a22c9aa570deb32411', class: "close desktop" }, index.h("cura-button-transparent", { key: 'bcaed0130dfe074cf23a244a71138243362c6706', iconName: "close", color: "error", size: "small", onClick: this.handleClose, iconOnly: true }))), index.h("slot", { key: 'e34ea51fa11116b235911b7303b7d2f2a70dabd7' }), this.canClose && (index.h("div", { key: 'a262c02432b56a149773e601f14dadc05d09e64f', class: "close mobile", onClick: this.handleClose }, index.h("cura-button-transparent", { key: 'c72a85bc5a3c121829bfe6e509523811ca36e317', color: "error", iconName: "close", size: "small" }, this.mobileCloseLabel)))))));
|
|
111
111
|
}
|
|
112
112
|
static get watchers() { return {
|
|
113
113
|
"background": [{
|
|
@@ -22,7 +22,7 @@ const CuraProgressBar = class {
|
|
|
22
22
|
const circumference = radius * Math.PI * 2;
|
|
23
23
|
const dash = (this.progress * circumference) / 100;
|
|
24
24
|
const viewBox = `0 0 ${this.size} ${this.size}`;
|
|
25
|
-
return (index.h(index.Host, { key: '
|
|
25
|
+
return (index.h(index.Host, { key: 'f546339afd578c9916c87e160652d2836d636235' }, index.h("div", { key: '9341ac6716ea963f4a4b7c6b3a06b348846fe22b', class: "progress-bar" }, index.h("svg", { key: '3312489a2d50a45b9fdc63b3ea00c2e10d742f06', width: this.size, height: this.size, viewBox: viewBox }, index.h("circle", { key: '14672a7a5f0e62889de26ab8ea434ac802440f06', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (index.h("circle", { key: '659481dc37b13dc54ebc7df839fcc0b091733d9d', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), index.h("span", { key: 'd92f101a4a05eb74b5b601855e8a8eb42ab50d03' }, index.h("slot", { key: '6e89b7922e5579087c6d31bf2733f1b5098867dc' })))));
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
CuraProgressBar.style = curaProgressBarCss();
|
|
@@ -95,7 +95,7 @@ const CuraStepperItem = class {
|
|
|
95
95
|
}
|
|
96
96
|
render() {
|
|
97
97
|
const { badgeColor, textColor, icon, iconOnly } = this.getStatusProperties();
|
|
98
|
-
return (index.h(index.Host, { key: '
|
|
98
|
+
return (index.h(index.Host, { key: 'fa32a8121b1117a2a186f8d8c0b0cabb03a9ea41' }, index.h("div", { key: '33cacd68a3b62ec1832e9625f034a80a94ca9569', class: "item-container", style: this.styles }, index.h("cura-badge-pill", { key: 'dd636659edc05de46d51d6f02fb8e00c5adbcb88', type: "solid", color: badgeColor, "icon-name": icon, "icon-only": iconOnly, "border-radius": "50%" }, this.label), this.displayHeading && this.heading && (index.h("cura-paragraph", { key: 'd5d9ab0defb69c5f8835c5e22ff300f30dd13d1d', marginBlock: "0", size: "xsmall", color: textColor }, this.heading)))));
|
|
99
99
|
}
|
|
100
100
|
get hostElement() { return index.getElement(this); }
|
|
101
101
|
};
|
|
@@ -190,7 +190,7 @@ const CuraRadio = class {
|
|
|
190
190
|
return statusColors[this.status][type];
|
|
191
191
|
}
|
|
192
192
|
render() {
|
|
193
|
-
return (index.h(index.Host, { key: '
|
|
193
|
+
return (index.h(index.Host, { key: '7db2e7898ed5509b27a22a5ef06d580b6bfe58bc', role: "radio", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, index.h("div", { key: 'a48dbced2eb1be2ff162282b40b767ed90d35470', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, index.h("div", { key: 'd332710c196dff35ab6cbcdd780d7bf89ad101ac', class: "info" }, index.h("div", { key: '651604209885f847e02af4a11fbd4cd9f42719e2', class: "label-wrapper" }, index.h("cura-label", { key: '13db1f1fe2dfb79cedce79ddb0cc2af9b04db77f', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (index.h("cura-paragraph", { key: '9cd6e5aaaa8007c766730b26b667a4e1f14a9324', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), index.h("cura-label", { key: '8e4c761b331bea1d1247d5827ead8e42f04ac2c0', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, index.h("slot", { key: 'bc8c9b14e175dae86a94e21e110afcf74e8faf49' }))), index.h("input", { key: '26a944b0af74465d83a9bd05c181924b9cfb1c38', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked }))));
|
|
194
194
|
}
|
|
195
195
|
static get formAssociated() { return true; }
|
|
196
196
|
get host() { return index.getElement(this); }
|
|
@@ -128,7 +128,7 @@ const CuraStepper = class {
|
|
|
128
128
|
return (index.h("div", { class: "container", style: this.styles }, index.h("div", { class: "stepper-list" }, this.stepList.map((step, stepIndex) => this.renderStep(step, stepIndex)))));
|
|
129
129
|
}
|
|
130
130
|
render() {
|
|
131
|
-
return index.h(index.Host, { key: '
|
|
131
|
+
return index.h(index.Host, { key: '34f5acc0bded7a19276667cbdb84e0617232d73b' }, this.variant === 'default' ? this.renderStepper() : this.renderCompactStepper());
|
|
132
132
|
}
|
|
133
133
|
get host() { return index.getElement(this); }
|
|
134
134
|
};
|
|
@@ -153,7 +153,7 @@ const CuraSwitch = class {
|
|
|
153
153
|
return classes;
|
|
154
154
|
}
|
|
155
155
|
render() {
|
|
156
|
-
return (index.h(index.Host, { key: '
|
|
156
|
+
return (index.h(index.Host, { key: '55eb7eb4da5cc3eaa376c3a188f1f4580b4d3be8', role: "switch", "aria-checked": this.checked, "aria-disabled": this.disabled }, index.h("div", { key: '2c2e8f59747f6b12e6e9b528007e9e585fc2bb6e', class: this.getClasses(), style: this.styles, onClick: this.toggleSwitch }, index.h("div", { key: '6e3ba0c77facb521f15cc7cdf75adb0ec7a64985', class: "info" }, index.h("cura-label", { key: '6ecc8ca37c3e4078b35f063f935ffa802ed11c0a', textOverflow: this.overflowLabel, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), index.h("cura-label", { key: 'eea722ec56d3293259d938089972a71b2b0806df', textOverflow: this.overflowHelper, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, index.h("slot", { key: 'ce171b19a68fa581279cef2e8b4d6818b84e59c9' }))), index.h("div", { key: '73088b5709884f1d338680a4148f5b4dce33d09c', class: "control" }, index.h("div", { key: 'e61c81796ef55a901423fa8b050a22c856c7fc26', class: `track ${this.size.toLowerCase()}` }, index.h("div", { key: 'd8b302df2b06fc043dc0629a87e2fde46616b406', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
157
157
|
}
|
|
158
158
|
static get formAssociated() { return true; }
|
|
159
159
|
static get watchers() { return {
|
|
@@ -89,7 +89,7 @@ const CuraTabs = class {
|
|
|
89
89
|
render() {
|
|
90
90
|
const labelSize = curaTabs_definitions.labelSizes[this.size] || curaTabs_definitions.labelSizes['default'];
|
|
91
91
|
const labelColor = this.computeContentColor();
|
|
92
|
-
return (index.h(index.Host, { key: '
|
|
92
|
+
return (index.h(index.Host, { key: '8c6b0887fb2077909547c732cecb8655842d4a93', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.h("button", { key: 'f91ddf1d31dbebb6e097e48838b64b6787a88148', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), index.h("cura-label", { key: '0ca8313f7b54bc0d238c1b56abb75c940789471f', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: '964538375a7c4560a996cc8c069753f07120ba9e' })), this.counter > 0 && this.getCounter())));
|
|
93
93
|
}
|
|
94
94
|
static get watchers() { return {
|
|
95
95
|
"colorMode": [{
|
|
@@ -88,7 +88,7 @@ const CuraTabsTransparent = class {
|
|
|
88
88
|
render() {
|
|
89
89
|
const labelSize = curaTabs_definitions.labelSizes[this.size] || curaTabs_definitions.labelSizes['default'];
|
|
90
90
|
const labelColor = this.computeContentColor();
|
|
91
|
-
return (index.h(index.Host, { key: '
|
|
91
|
+
return (index.h(index.Host, { key: '3a165e58646df4462994a4368ef6d58a843bdc5c', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.h("button", { key: '50bfeaf2ec27682b6168f0c173b140bee1249229', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), index.h("cura-label", { key: '5f2c83984da3d83ec0e6719eff67e901195366fa', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: '317de55115567fed9ece59b8c4da507e20f9c57e' })))));
|
|
92
92
|
}
|
|
93
93
|
static get watchers() { return {
|
|
94
94
|
"colorMode": [{
|
|
@@ -33,7 +33,7 @@ const CuraToast = class {
|
|
|
33
33
|
this.setStyle();
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (index.h(index.Host, { key: '
|
|
36
|
+
return (index.h(index.Host, { key: '3ed410c2082acf963a9bc034ba0698d3d5a8c05e', role: "alert", "aria-live": "polite", "aria-atomic": "true", "aria-label": this.label }, index.h("div", { key: '7da959ad2aa5d8b57e509bfc5c1241cfe2aab078', class: this.getClasses(), style: this.styles }, index.h("cura-icon", { key: 'f88bbe2ad57d6d5a2cdd707a753fe6a37d2fb13a', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), index.h("div", { key: 'b6d1cf4f6d5cd42b331f19c7996f3de36c29f09e', class: "content" }, index.h("cura-heading", { key: 'ab72f2ffea1f653cd956c5ac1b1c80a053e07673', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), index.h("cura-paragraph", { key: '29e40bf6759c4a2c53beed9028d4d4a5472c8d1d', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, index.h("slot", { key: 'b76073439ef46c084eb681a1639d3644b862db00' })), index.h("slot", { key: 'a5d6b28128d692d84990654e5b74c13c91f1fcb5', name: "actions" })), this.closeButton && index.h("cura-icon", { key: 'bd46e61b4280815f9cb8a683838cceda7b3349c1', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && index.h("cura-loader-bar", { key: 'bffd92fb6e1c162ff5ead3d3fa84168ef80ca240', color: `${this.type}-base`, progress: this.progress }))));
|
|
37
37
|
}
|
|
38
38
|
componentDidLoad() {
|
|
39
39
|
this.openContainer();
|
|
@@ -32,7 +32,7 @@ const CuraTooltip = class {
|
|
|
32
32
|
this.setStyle();
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (index.h(index.Host, { key: '
|
|
35
|
+
return (index.h(index.Host, { key: '721cf76abdc6eb079edbc8540d2deaa74559c809', role: "tooltip", id: this.elementId }, index.h("div", { key: '51c94531a0d28de3844ac109f0b941062b17c013', class: "container", style: this.styles }, index.h("div", { key: 'b80521a83e983ba8939fb21183570de5dfacf544', class: "content" }, index.h("cura-heading", { key: 'fc16d66d76800d5c8b778bea1cf325d1ce500f72', level: 4, size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "0" }, this.label), index.h("cura-paragraph", { key: '1e0bd7fcbec98be145c83ef8cfa62e2b8e40211c', color: "neutral-dark", "spot-color": "secondary-darker", size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, index.h("slot", { key: '4c4509441c4aa22b3810e1b66939e4cea05f48aa' }))), this.closeButton && !this.isMobile && index.h("cura-icon", { key: '35910c2bb5122c25f10c38ed90c5c633daeb7891', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.isMobile && index.h("cura-button-transparent", { key: '1cec8c66efb24e8eda4e09354dd335e03abd99ed', class: "close-button", size: "small", type: "button", color: "error", "icon-name": "close", "icon-position": "right", onClick: this.handleClose }, "OK, entendi."))));
|
|
36
36
|
}
|
|
37
37
|
componentDidLoad() {
|
|
38
38
|
var _a, _b, _c, _d, _e;
|
package/dist/cjs/cura.cjs.js
CHANGED
|
@@ -22,7 +22,7 @@ var patchBrowser = () => {
|
|
|
22
22
|
|
|
23
23
|
patchBrowser().then(async (options) => {
|
|
24
24
|
await appGlobals.globalScripts();
|
|
25
|
-
return index.bootstrapLazy(JSON.parse("[[\"cura-accordion_22.cjs\",[[257,\"cura-dropdown-search\",{\"name\":[513],\"size\":[513],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"placeholder\":[513],\"label\":[513],\"icon\":[513],\"maxheight\":[513],\"value\":[1025],\"searchdelay\":[514],\"searchminchars\":[514],\"styles\":[32],\"zoomState\":[32],\"isOnFocus\":[32],\"dropdownItems\":[32],\"setFocus\":[64],\"selectOption\":[64]}],[321,\"cura-button\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[{\"setColors\":0}],\"color\":[{\"setColors\":0}]}],[257,\"cura-accordion-item\",{\"label\":[513],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"colorMode\":[1,\"color-mode\"],\"level\":[514],\"opened\":[1540],\"styles\":[32]}],[257,\"cura-tabs\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"selected\":[1540],\"disabled\":[1540],\"borderBottom\":[1540,\"border-bottom\"],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[{\"setColors\":0}]}],[1,\"cura-badge-distance\",{\"distance\":[2],\"label\":[513],\"styles\":[32],\"displayDistance\":[32]},null,{\"distance\":[{\"formatDistance\":0}]}],[257,\"cura-dropdown-search-category\"],[257,\"cura-accordion\",{\"color\":[513],\"colorMode\":[513,\"color-mode\"],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"behavior\":[513],\"level\":[514],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}]}],[1,\"cura-avatar\",{\"size\":[1],\"backgroundColor\":[513,\"background-color\"],\"borderColor\":[513,\"border-color\"],\"borderRadius\":[513,\"border-radius\"],\"border\":[516],\"type\":[513],\"imageSrc\":[1537,\"image-src\"],\"imageSrcDefault\":[513,\"image-src-default\"],\"floating\":[516],\"styles\":[32]},null,{\"size\":[{\"sizeHandler\":0}]}],[257,\"cura-card\",{\"hasPadding\":[1028,\"has-padding\"],\"hasShadow\":[1028,\"has-shadow\"],\"type\":[1025],\"colorMode\":[1025,\"color-mode\"],\"href\":[1537],\"target\":[513],\"styles\":[32]}],[257,\"cura-dropdown-search-option\",{\"value\":[1],\"optionid\":[1],\"selectable\":[516],\"selected\":[516],\"highlighted\":[516]}],[257,\"cura-page-template\",{\"contentwidth\":[513]}],[257,\"cura-tabs-group\",{\"gap\":[514],\"borderBottom\":[1540,\"border-bottom\"],\"colorMode\":[1537,\"color-mode\"],\"styles\":[32]},[[0,\"tabSelect\",\"handleTabSelect\"]]],[1,\"cura-calendar\",{\"isDisabled\":[516,\"is-disabled\"],\"period\":[513],\"width\":[513],\"minWidth\":[513,\"min-width\"],\"maxWidth\":[513,\"max-width\"],\"mode\":[513],\"dateFormat\":[1537,\"date-format\"],\"locale\":[513],\"type\":[513],\"disable\":[16],\"enable\":[16],\"defaultDate\":[1537,\"default-date\"],\"showToday\":[516,\"show-today\"],\"customDates\":[16],\"limitRange\":[514,\"limit-range\"],\"disablePassDates\":[1540,\"disable-pass-dates\"],\"disableFutureDates\":[1540,\"disable-future-dates\"],\"collapsed\":[1540],\"floating\":[1540],\"embedded\":[1540],\"selectLabelColorMode\":[1537,\"select-label-color-mode\"],\"selectedDates\":[32],\"rangeStart\":[32],\"defaultDates\":[32],\"currentDate\":[32],\"selectMonth\":[32],\"selectYear\":[32],\"styles\":[32]},null,{\"defaultDate\":[{\"initializeDefaultDates\":0},{\"handleDefaultDateChange\":0}],\"customDates\":[{\"watchDefaultDatesArray\":0}]}],[321,\"cura-input-text\",{\"mode\":[1537],\"status\":[1537],\"size\":[1537],\"type\":[513],\"inputMode\":[513,\"input-mode\"],\"label\":[513],\"name\":[513],\"placeholder\":[513],\"value\":[1544],\"iconName\":[1537,\"icon-name\"],\"helperText\":[1537,\"helper-text\"],\"disabled\":[516],\"required\":[516],\"maskPreset\":[8,\"mask-preset\"],\"enableSelectionMode\":[1540,\"enable-selection-mode\"],\"maskRegex\":[1537,\"mask-regex\"],\"maskAdvanced\":[1544,\"mask-advanced\"],\"maxlength\":[1538],\"readOnly\":[516,\"read-only\"],\"isLoading\":[1540,\"is-loading\"],\"clearIcon\":[1540,\"clear-icon\"],\"hideErrorIcon\":[4,\"hide-error-icon\"],\"autocomplete\":[513],\"isHovered\":[32],\"isFocused\":[32],\"styles\":[32],\"setFocus\":[64]},null,{\"styles\":[{\"connectedCallback\":0}],\"size\":[{\"getClasses\":0}],\"status\":[{\"renderIcon\":0}],\"mode\":[{\"renderIcon\":0}],\"maskPreset\":[{\"initializeMask\":0}],\"maskRegex\":[{\"initializeMask\":0}],\"maskAdvanced\":[{\"initializeMask\":0}]}],[321,\"cura-select\",{\"label\":[513],\"placeholder\":[513],\"value\":[1537],\"mode\":[513],\"size\":[513],\"iconName\":[1,\"icon-name\"],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"searchBehavior\":[516,\"search-behavior\"],\"caseSensitive\":[516,\"case-sensitive\"],\"maxHeight\":[513,\"max-height\"],\"isHovered\":[32],\"isFocused\":[32],\"isOpen\":[32],\"isPositioned\":[32],\"menuStyle\":[32],\"options\":[32],\"activeIndex\":[32],\"preferredPlacement\":[32],\"textInput\":[32]},null,{\"activeIndex\":[{\"updateOptionHighlights\":0}],\"textInput\":[{\"filterOptions\":0}],\"value\":[{\"handleValueChange\":0}]}],[257,\"cura-select-option\",{\"value\":[513],\"selected\":[516],\"active\":[516],\"size\":[1],\"styles\":[32]},null,{\"size\":[{\"getSize\":0}]}],[321,\"cura-button-transparent\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"hovered\":[32],\"styles\":[32]},null,{\"fontColor\":[{\"getSymbolColor\":0}],\"color\":[{\"getSymbolColor\":0}]}],[257,\"cura-paragraph\",{\"size\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[257,\"cura-heading\",{\"level\":[514],\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-loader-circle\",{\"size\":[513],\"color\":[513]}],[1,\"cura-icon\",{\"name\":[513],\"color\":[1],\"size\":[8],\"iconset\":[513],\"disabled\":[4]},null,{\"size\":[{\"sizeHandler\":0}],\"color\":[{\"colorHandler\":0}],\"disabled\":[{\"colorHandler\":0}]}],[257,\"cura-label\",{\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}],\"spotColor\":[{\"handleChangeColor\":0}]}]]],[\"cura-input-date.cjs\",[[65,\"cura-input-date\",{\"label\":[513],\"status\":[1537],\"size\":[513],\"name\":[513],\"helperText\":[513,\"helper-text\"],\"enableRangeDates\":[516,\"enable-range-dates\"],\"disableFutureDates\":[516,\"disable-future-dates\"],\"disablePassDates\":[516,\"disable-pass-dates\"],\"iconName\":[513,\"icon-name\"],\"placeholder\":[513],\"calendarType\":[513,\"calendar-type\"],\"styles\":[32],\"isCalendarVisible\":[32],\"dates\":[32],\"value\":[32],\"dateSettings\":[32]},[[8,\"click\",\"handleClick\"]],{\"enableRangeDates\":[{\"updateDateSettings\":0}]}]]],[\"cura-stepper.cjs\",[[1,\"cura-stepper\",{\"activeStepIndex\":[514,\"active-step-index\"],\"errorInCurrentStep\":[516,\"error-in-current-step\"],\"displayHeading\":[516,\"display-heading\"],\"variant\":[513],\"steps\":[1],\"styles\":[32],\"stepList\":[32]}]]],[\"cura-tooltip.cjs\",[[257,\"cura-tooltip\",{\"elementId\":[1,\"element-id\"],\"interactive\":[4],\"delay\":[2],\"maxWidth\":[1,\"max-width\"],\"position\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"isMobile\":[32]},[[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"cura-modal.cjs\",[[257,\"cura-modal\",{\"open\":[1540],\"background\":[1],\"top\":[2],\"bottom\":[2],\"left\":[2],\"right\":[2],\"mobileCloseLabel\":[513,\"mobile-close-label\"],\"canClose\":[516,\"can-close\"],\"zindex\":[513],\"styles\":[32]},null,{\"background\":[{\"setColors\":0}],\"top\":[{\"setTop\":0}],\"bottom\":[{\"setBottom\":0}],\"left\":[{\"setLeft\":0}],\"right\":[{\"setRight\":0}]}]]],[\"cura-toast.cjs\",[[257,\"cura-toast\",{\"type\":[1],\"position\":[1],\"icon\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"loader\":[516],\"autoCloseDelay\":[514,\"auto-close-delay\"],\"styles\":[32],\"progress\":[32],\"close\":[64]},null,{\"type\":[{\"handleChangeType\":0}],\"position\":[{\"handleChangeType\":0}]}]]],[\"cura-alert.cjs\",[[257,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[{\"setColors\":0}]}]]],[\"cura-button-outline.cjs\",[[321,\"cura-button-outline\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[1],\"fontColor\":[1,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[{\"setColors\":0}],\"color\":[{\"setColors\":0},{\"getSymbolColor\":0}],\"fontColor\":[{\"getSymbolColor\":0}]}]]],[\"cura-button-select.cjs\",[[257,\"cura-button-select\",{\"selected\":[1540],\"iconName\":[1537,\"icon-name\"],\"size\":[513],\"counter\":[1538],\"disabled\":[516],\"background\":[1],\"color\":[1],\"iconPosition\":[513,\"icon-position\"],\"hovered\":[32],\"styles\":[32]},null,{\"background\":[{\"setColors\":0}],\"color\":[{\"setColors\":0}]}]]],[\"cura-checkbox.cjs\",[[321,\"cura-checkbox\",{\"checked\":[1540],\"indeterminate\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"size\":[513],\"background\":[1],\"iconColor\":[1,\"icon-color\"],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[{\"sizeHandler\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0},{\"assignColor\":0}],\"iconColor\":[{\"assignColor\":0}]}]]],[\"cura-icons-view.cjs\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-tabs-button.cjs\",[[257,\"cura-tabs-button\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"counter\":[1538],\"selected\":[1540],\"disabled\":[1540],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[{\"setColors\":0}]}]]],[\"cura-radio.cjs\",[[321,\"cura-radio\",{\"checked\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"background\":[1],\"size\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[{\"sizeHandler\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0},{\"assignColor\":0}]}]]],[\"cura-tabs-transparent.cjs\",[[257,\"cura-tabs-transparent\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"selected\":[1540],\"disabled\":[1540],\"borderBottom\":[1540,\"border-bottom\"],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[{\"setColors\":0}]}]]],[\"cura-dropdown-search-not-found.cjs\",[[257,\"cura-dropdown-search-not-found\"]]],[\"cura-switch.cjs\",[[321,\"cura-switch\",{\"checked\":[1540],\"disabled\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"size\":[513],\"background\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[{\"sizeHandler\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0}]}]]],[\"cura-badge-dot.cjs\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-display.cjs\",[[257,\"cura-display\",{\"level\":[514],\"size\":[513],\"spotColor\":[1,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}],\"spotColor\":[{\"handleChangeColor\":0}]}]]],[\"cura-loader-bar.cjs\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}],\"progress\":[{\"handleProgress\":0}]}]]],[\"cura-badge-pill.cjs\",[[257,\"cura-badge-pill\",{\"type\":[513],\"color\":[1],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"disabled\":[516],\"iconOnly\":[516,\"icon-only\"],\"borderRadius\":[513,\"border-radius\"],\"styles\":[32]},null,{\"color\":[{\"watchColorChange\":0}]}]]],[\"cura-progress-bar_2.cjs\",[[1,\"cura-stepper-item\",{\"displayHeading\":[516,\"display-heading\"],\"heading\":[513],\"label\":[513],\"status\":[513],\"styles\":[32]}],[257,\"cura-progress-bar\",{\"progressColor\":[513,\"progress-color\"],\"progress\":[514],\"size\":[514],\"strokeWidth\":[514,\"stroke-width\"],\"active\":[516]}]]],[\"cura-badge-counter.cjs\",[[1,\"cura-badge-counter\",{\"number\":[514],\"color\":[1],\"disabled\":[4],\"type\":[1],\"styles\":[32]},null,{\"disabled\":[{\"handleColorChange\":0}],\"color\":[{\"handleColorChange\":0}],\"type\":[{\"handleColorChange\":0}]}]]]]"), options);
|
|
25
|
+
return index.bootstrapLazy(JSON.parse("[[\"cura-accordion_22.cjs\",[[257,\"cura-dropdown-search\",{\"name\":[513],\"size\":[513],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"placeholder\":[513],\"label\":[513],\"icon\":[513],\"maxheight\":[513],\"value\":[1025],\"searchdelay\":[514],\"searchminchars\":[514],\"styles\":[32],\"zoomState\":[32],\"isOnFocus\":[32],\"dropdownItems\":[32],\"setFocus\":[64],\"selectOption\":[64]}],[321,\"cura-button\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[{\"setColors\":0}],\"color\":[{\"setColors\":0}]}],[257,\"cura-accordion-item\",{\"label\":[513],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"colorMode\":[1,\"color-mode\"],\"level\":[514],\"opened\":[1540],\"styles\":[32]}],[257,\"cura-tabs\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"selected\":[1540],\"disabled\":[1540],\"borderBottom\":[1540,\"border-bottom\"],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[{\"setColors\":0}]}],[1,\"cura-badge-distance\",{\"distance\":[2],\"label\":[513],\"styles\":[32],\"displayDistance\":[32]},null,{\"distance\":[{\"formatDistance\":0}]}],[257,\"cura-dropdown-search-category\"],[257,\"cura-accordion\",{\"color\":[513],\"colorMode\":[513,\"color-mode\"],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"behavior\":[513],\"level\":[514],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}]}],[1,\"cura-avatar\",{\"size\":[1],\"backgroundColor\":[513,\"background-color\"],\"borderColor\":[513,\"border-color\"],\"borderRadius\":[513,\"border-radius\"],\"border\":[516],\"type\":[513],\"imageSrc\":[1537,\"image-src\"],\"imageSrcDefault\":[513,\"image-src-default\"],\"floating\":[516],\"styles\":[32]},null,{\"size\":[{\"sizeHandler\":0}]}],[257,\"cura-card\",{\"hasPadding\":[1028,\"has-padding\"],\"hasShadow\":[1028,\"has-shadow\"],\"type\":[1025],\"colorMode\":[1025,\"color-mode\"],\"href\":[1537],\"target\":[513],\"styles\":[32]}],[257,\"cura-dropdown-search-option\",{\"value\":[1],\"optionid\":[1],\"selectable\":[516],\"selected\":[516],\"highlighted\":[516]}],[257,\"cura-page-template\",{\"contentwidth\":[513]}],[257,\"cura-tabs-group\",{\"gap\":[514],\"borderBottom\":[1540,\"border-bottom\"],\"colorMode\":[1537,\"color-mode\"],\"styles\":[32]},[[0,\"tabSelect\",\"handleTabSelect\"]]],[257,\"cura-calendar\",{\"isDisabled\":[516,\"is-disabled\"],\"isLoading\":[516,\"is-loading\"],\"period\":[513],\"width\":[513],\"minWidth\":[513,\"min-width\"],\"maxWidth\":[513,\"max-width\"],\"mode\":[513],\"dateFormat\":[1537,\"date-format\"],\"locale\":[513],\"type\":[513],\"disable\":[16],\"enable\":[16],\"defaultDate\":[1537,\"default-date\"],\"showToday\":[516,\"show-today\"],\"customDates\":[16],\"limitRange\":[514,\"limit-range\"],\"disablePassDates\":[1540,\"disable-pass-dates\"],\"disableFutureDates\":[1540,\"disable-future-dates\"],\"collapsed\":[1540],\"floating\":[1540],\"embedded\":[1540],\"selectLabelColorMode\":[1537,\"select-label-color-mode\"],\"selectedDates\":[32],\"rangeStart\":[32],\"defaultDates\":[32],\"currentDate\":[32],\"selectMonth\":[32],\"selectYear\":[32],\"styles\":[32]},null,{\"defaultDate\":[{\"initializeDefaultDates\":0},{\"handleDefaultDateChange\":0}],\"customDates\":[{\"watchDefaultDatesArray\":0}],\"collapsed\":[{\"watchCollapse\":0}]}],[321,\"cura-input-text\",{\"mode\":[1537],\"status\":[1537],\"size\":[1537],\"type\":[513],\"inputMode\":[513,\"input-mode\"],\"label\":[513],\"name\":[513],\"placeholder\":[513],\"value\":[1544],\"iconName\":[1537,\"icon-name\"],\"helperText\":[1537,\"helper-text\"],\"disabled\":[516],\"required\":[516],\"maskPreset\":[8,\"mask-preset\"],\"enableSelectionMode\":[1540,\"enable-selection-mode\"],\"maskRegex\":[1537,\"mask-regex\"],\"maskAdvanced\":[1544,\"mask-advanced\"],\"maxlength\":[1538],\"readOnly\":[516,\"read-only\"],\"isLoading\":[1540,\"is-loading\"],\"clearIcon\":[1540,\"clear-icon\"],\"hideErrorIcon\":[4,\"hide-error-icon\"],\"autocomplete\":[513],\"isHovered\":[32],\"isFocused\":[32],\"styles\":[32],\"setFocus\":[64]},null,{\"styles\":[{\"connectedCallback\":0}],\"size\":[{\"getClasses\":0}],\"status\":[{\"renderIcon\":0}],\"mode\":[{\"renderIcon\":0}],\"maskPreset\":[{\"initializeMask\":0}],\"maskRegex\":[{\"initializeMask\":0}],\"maskAdvanced\":[{\"initializeMask\":0}]}],[321,\"cura-select\",{\"label\":[513],\"placeholder\":[513],\"value\":[1537],\"mode\":[513],\"size\":[513],\"iconName\":[1,\"icon-name\"],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"searchBehavior\":[516,\"search-behavior\"],\"caseSensitive\":[516,\"case-sensitive\"],\"maxHeight\":[513,\"max-height\"],\"isHovered\":[32],\"isFocused\":[32],\"isOpen\":[32],\"isPositioned\":[32],\"menuStyle\":[32],\"options\":[32],\"activeIndex\":[32],\"preferredPlacement\":[32],\"textInput\":[32]},null,{\"activeIndex\":[{\"updateOptionHighlights\":0}],\"textInput\":[{\"filterOptions\":0}],\"value\":[{\"handleValueChange\":0}]}],[257,\"cura-select-option\",{\"value\":[513],\"selected\":[516],\"active\":[516],\"size\":[1],\"styles\":[32]},null,{\"size\":[{\"getSize\":0}]}],[321,\"cura-button-transparent\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"hovered\":[32],\"styles\":[32]},null,{\"fontColor\":[{\"getSymbolColor\":0}],\"color\":[{\"getSymbolColor\":0}]}],[257,\"cura-paragraph\",{\"size\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[257,\"cura-heading\",{\"level\":[514],\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-loader-circle\",{\"size\":[513],\"color\":[513]}],[1,\"cura-icon\",{\"name\":[513],\"color\":[1],\"size\":[8],\"iconset\":[513],\"disabled\":[4]},null,{\"size\":[{\"sizeHandler\":0}],\"color\":[{\"colorHandler\":0}],\"disabled\":[{\"colorHandler\":0}]}],[257,\"cura-label\",{\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}],\"spotColor\":[{\"handleChangeColor\":0}]}]]],[\"cura-input-date.cjs\",[[65,\"cura-input-date\",{\"label\":[513],\"status\":[1537],\"size\":[513],\"name\":[513],\"helperText\":[513,\"helper-text\"],\"enableRangeDates\":[516,\"enable-range-dates\"],\"disableFutureDates\":[516,\"disable-future-dates\"],\"disablePassDates\":[516,\"disable-pass-dates\"],\"iconName\":[513,\"icon-name\"],\"placeholder\":[513],\"calendarType\":[513,\"calendar-type\"],\"styles\":[32],\"isCalendarVisible\":[32],\"dates\":[32],\"value\":[32],\"dateSettings\":[32]},[[8,\"click\",\"handleClick\"]],{\"enableRangeDates\":[{\"updateDateSettings\":0}]}]]],[\"cura-stepper.cjs\",[[1,\"cura-stepper\",{\"activeStepIndex\":[514,\"active-step-index\"],\"errorInCurrentStep\":[516,\"error-in-current-step\"],\"displayHeading\":[516,\"display-heading\"],\"variant\":[513],\"steps\":[1],\"styles\":[32],\"stepList\":[32]}]]],[\"cura-tooltip.cjs\",[[257,\"cura-tooltip\",{\"elementId\":[1,\"element-id\"],\"interactive\":[4],\"delay\":[2],\"maxWidth\":[1,\"max-width\"],\"position\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"isMobile\":[32]},[[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"cura-modal.cjs\",[[257,\"cura-modal\",{\"open\":[1540],\"background\":[1],\"top\":[2],\"bottom\":[2],\"left\":[2],\"right\":[2],\"mobileCloseLabel\":[513,\"mobile-close-label\"],\"canClose\":[516,\"can-close\"],\"zindex\":[513],\"styles\":[32]},null,{\"background\":[{\"setColors\":0}],\"top\":[{\"setTop\":0}],\"bottom\":[{\"setBottom\":0}],\"left\":[{\"setLeft\":0}],\"right\":[{\"setRight\":0}]}]]],[\"cura-toast.cjs\",[[257,\"cura-toast\",{\"type\":[1],\"position\":[1],\"icon\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"loader\":[516],\"autoCloseDelay\":[514,\"auto-close-delay\"],\"styles\":[32],\"progress\":[32],\"close\":[64]},null,{\"type\":[{\"handleChangeType\":0}],\"position\":[{\"handleChangeType\":0}]}]]],[\"cura-alert.cjs\",[[257,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[{\"setColors\":0}]}]]],[\"cura-button-outline.cjs\",[[321,\"cura-button-outline\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[1],\"fontColor\":[1,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[{\"setColors\":0}],\"color\":[{\"setColors\":0},{\"getSymbolColor\":0}],\"fontColor\":[{\"getSymbolColor\":0}]}]]],[\"cura-button-select.cjs\",[[257,\"cura-button-select\",{\"selected\":[1540],\"iconName\":[1537,\"icon-name\"],\"size\":[513],\"counter\":[1538],\"disabled\":[516],\"background\":[1],\"color\":[1],\"iconPosition\":[513,\"icon-position\"],\"hovered\":[32],\"styles\":[32]},null,{\"background\":[{\"setColors\":0}],\"color\":[{\"setColors\":0}]}]]],[\"cura-checkbox.cjs\",[[321,\"cura-checkbox\",{\"checked\":[1540],\"indeterminate\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"size\":[513],\"background\":[1],\"iconColor\":[1,\"icon-color\"],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[{\"sizeHandler\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0},{\"assignColor\":0}],\"iconColor\":[{\"assignColor\":0}]}]]],[\"cura-icons-view.cjs\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-input-textarea.cjs\",[[321,\"cura-input-textarea\",{\"status\":[513],\"size\":[513],\"label\":[513],\"name\":[513],\"placeholder\":[513],\"value\":[520],\"iconName\":[513,\"icon-name\"],\"helperText\":[513,\"helper-text\"],\"disabled\":[1540],\"required\":[516],\"maxlength\":[514],\"readOnly\":[516,\"read-only\"],\"resizable\":[516],\"isLoading\":[516,\"is-loading\"],\"hideErrorIcon\":[4,\"hide-error-icon\"],\"autocomplete\":[513],\"isHovered\":[32],\"isFocused\":[32],\"currentValue\":[32],\"fieldStyles\":[32],\"setFocus\":[64]}]]],[\"cura-tabs-button.cjs\",[[257,\"cura-tabs-button\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"counter\":[1538],\"selected\":[1540],\"disabled\":[1540],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[{\"setColors\":0}]}]]],[\"cura-radio.cjs\",[[321,\"cura-radio\",{\"checked\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"background\":[1],\"size\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[{\"sizeHandler\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0},{\"assignColor\":0}]}]]],[\"cura-tabs-transparent.cjs\",[[257,\"cura-tabs-transparent\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"selected\":[1540],\"disabled\":[1540],\"borderBottom\":[1540,\"border-bottom\"],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[{\"setColors\":0}]}]]],[\"cura-dropdown-search-not-found.cjs\",[[257,\"cura-dropdown-search-not-found\"]]],[\"cura-switch.cjs\",[[321,\"cura-switch\",{\"checked\":[1540],\"disabled\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"size\":[513],\"background\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[{\"sizeHandler\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0}]}]]],[\"cura-badge-dot.cjs\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-display.cjs\",[[257,\"cura-display\",{\"level\":[514],\"size\":[513],\"spotColor\":[1,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}],\"spotColor\":[{\"handleChangeColor\":0}]}]]],[\"cura-loader-bar.cjs\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}],\"progress\":[{\"handleProgress\":0}]}]]],[\"cura-badge-pill.cjs\",[[257,\"cura-badge-pill\",{\"type\":[513],\"color\":[1],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"disabled\":[516],\"iconOnly\":[516,\"icon-only\"],\"borderRadius\":[513,\"border-radius\"],\"styles\":[32]},null,{\"color\":[{\"watchColorChange\":0}]}]]],[\"cura-progress-bar_2.cjs\",[[1,\"cura-stepper-item\",{\"displayHeading\":[516,\"display-heading\"],\"heading\":[513],\"label\":[513],\"status\":[513],\"styles\":[32]}],[257,\"cura-progress-bar\",{\"progressColor\":[513,\"progress-color\"],\"progress\":[514],\"size\":[514],\"strokeWidth\":[514,\"stroke-width\"],\"active\":[516]}]]],[\"cura-badge-counter.cjs\",[[1,\"cura-badge-counter\",{\"number\":[514],\"color\":[1],\"disabled\":[4],\"type\":[1],\"styles\":[32]},null,{\"disabled\":[{\"handleColorChange\":0}],\"color\":[{\"handleColorChange\":0}],\"type\":[{\"handleColorChange\":0}]}]]]]"), options);
|
|
26
26
|
});
|
|
27
27
|
|
|
28
28
|
exports.setNonce = index.setNonce;
|