@rededor/cura-hydrate 1.3.0 → 1.4.0-alpha.1
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/index.js +101 -36
- package/index.mjs +101 -36
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -8006,7 +8006,7 @@ class CuraCheckbox {
|
|
|
8006
8006
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
8007
8007
|
}
|
|
8008
8008
|
render() {
|
|
8009
|
-
return (hAsync(Host, { key: '
|
|
8009
|
+
return (hAsync(Host, { key: '876fa0a7aa0fc7110cbf0ffeb2d95d529fa78e64' }, hAsync("div", { key: '3e6d730765590ee75d7e045cadc7d03e5fc035e2', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, hAsync("div", { key: '0f7f6f3bc61a80e899d940d76fee266af1914f5a', class: "info" }, hAsync("div", { key: 'a836cb0d7751a1a812364fe93a30403b02ec5c95', class: "label-wrapper" }, hAsync("cura-label", { key: '5d180552ec71e22ddd8822727bd32d4167215f33', class: "label", weight: 'bold', size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: '047413aa21a28bc33984d19ad4dc10a38289c205', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '68c9dd6f228ec3204647795f1cae32a8f8797bc2', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: '3a35a1219f135002f1b9ae64c0eb4227529bc904' }))), hAsync("div", { key: 'fe969ee332b3c64a259ec552f411b5d2d4bc81e4', class: 'checkbox', tabIndex: this.ontabindex }, hAsync("input", { key: '2cbcbe56130bddb5853cfcc3a8ef1b421f39bc7b', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
8010
8010
|
}
|
|
8011
8011
|
static get formAssociated() { return true; }
|
|
8012
8012
|
get host() { return getElement(this); }
|
|
@@ -8108,7 +8108,7 @@ class CuraDisplay {
|
|
|
8108
8108
|
return tags[`${this.level}`] || tags['default'];
|
|
8109
8109
|
}
|
|
8110
8110
|
render() {
|
|
8111
|
-
return (hAsync(Host, { key: '
|
|
8111
|
+
return (hAsync(Host, { key: '9d75215eaa43baaf9ca9aada36dfdbff4596afb2', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8112
8112
|
}
|
|
8113
8113
|
get host() { return getElement(this); }
|
|
8114
8114
|
static get watchers() { return {
|
|
@@ -8199,20 +8199,10 @@ class CuraDropdownSearch {
|
|
|
8199
8199
|
const isKeyboardOpen = window.innerHeight < window.screen.height * 0.8;
|
|
8200
8200
|
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8201
8201
|
if (dropdown) {
|
|
8202
|
-
|
|
8203
|
-
|
|
8204
|
-
|
|
8205
|
-
}
|
|
8206
|
-
else {
|
|
8207
|
-
dropdown.style.position = 'fixed';
|
|
8208
|
-
dropdown.style.bottom = '0';
|
|
8209
|
-
}
|
|
8202
|
+
dropdown.style.position = isKeyboardOpen ? 'absolute' : 'fixed';
|
|
8203
|
+
dropdown.style.bottom = isKeyboardOpen ? `${window.screen.height - window.innerHeight}px` : '0';
|
|
8204
|
+
window.scroll({ top: 0, left: 0, behavior: 'smooth' });
|
|
8210
8205
|
}
|
|
8211
|
-
window.scroll({
|
|
8212
|
-
top: 0,
|
|
8213
|
-
left: 0,
|
|
8214
|
-
behavior: 'smooth',
|
|
8215
|
-
});
|
|
8216
8206
|
});
|
|
8217
8207
|
};
|
|
8218
8208
|
this.handleSlotChange = () => {
|
|
@@ -8250,6 +8240,7 @@ class CuraDropdownSearch {
|
|
|
8250
8240
|
this.showOverlay();
|
|
8251
8241
|
}
|
|
8252
8242
|
else {
|
|
8243
|
+
this.resetDropdownStyles();
|
|
8253
8244
|
this.removeOverlay();
|
|
8254
8245
|
}
|
|
8255
8246
|
}
|
|
@@ -8274,6 +8265,7 @@ class CuraDropdownSearch {
|
|
|
8274
8265
|
this.isOnBlurInput = true;
|
|
8275
8266
|
this.hoveredIndex = -1;
|
|
8276
8267
|
this.options = [];
|
|
8268
|
+
this.originalOverflow = '';
|
|
8277
8269
|
}
|
|
8278
8270
|
connectedCallback() {
|
|
8279
8271
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
@@ -8325,12 +8317,15 @@ class CuraDropdownSearch {
|
|
|
8325
8317
|
this.overlayElement.style.zIndex = '9999';
|
|
8326
8318
|
this.overlayElement.style.backgroundColor = 'white';
|
|
8327
8319
|
document.body.appendChild(this.overlayElement);
|
|
8320
|
+
this.originalOverflow = document.body.style.overflow;
|
|
8321
|
+
document.body.style.overflow = 'hidden';
|
|
8328
8322
|
}
|
|
8329
8323
|
}
|
|
8330
8324
|
removeOverlay() {
|
|
8331
8325
|
if (this.overlayElement && this.overlayElement.parentNode === document.body) {
|
|
8332
8326
|
document.body.removeChild(this.overlayElement);
|
|
8333
8327
|
this.overlayElement = null;
|
|
8328
|
+
document.body.style.overflow = this.originalOverflow;
|
|
8334
8329
|
}
|
|
8335
8330
|
}
|
|
8336
8331
|
addClickListenersToOptions() {
|
|
@@ -8354,6 +8349,7 @@ class CuraDropdownSearch {
|
|
|
8354
8349
|
this.updateSelectedOption(this.value);
|
|
8355
8350
|
this.isDropdownOpen = false;
|
|
8356
8351
|
this.isOnBlurInput = true;
|
|
8352
|
+
this.resetDropdownStyles();
|
|
8357
8353
|
this.removeOverlay();
|
|
8358
8354
|
}
|
|
8359
8355
|
}
|
|
@@ -8393,6 +8389,7 @@ class CuraDropdownSearch {
|
|
|
8393
8389
|
if (this.isOnBlurInput === true) {
|
|
8394
8390
|
setTimeout(() => {
|
|
8395
8391
|
this.isDropdownOpen = false;
|
|
8392
|
+
this.resetDropdownStyles();
|
|
8396
8393
|
this.removeOverlay();
|
|
8397
8394
|
}, 200);
|
|
8398
8395
|
}
|
|
@@ -8426,11 +8423,23 @@ class CuraDropdownSearch {
|
|
|
8426
8423
|
this.host.style.setProperty('--dynamic-input-search-height', `${dropdownInputSearchElement.offsetHeight}px`);
|
|
8427
8424
|
}
|
|
8428
8425
|
}
|
|
8426
|
+
handleGoBack() {
|
|
8427
|
+
this.resetDropdownStyles();
|
|
8428
|
+
this.isMobile = false;
|
|
8429
|
+
}
|
|
8430
|
+
resetDropdownStyles() {
|
|
8431
|
+
var _a;
|
|
8432
|
+
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8433
|
+
if (dropdown && dropdown.style.position === 'fixed') {
|
|
8434
|
+
dropdown.style.position = 'relative';
|
|
8435
|
+
dropdown.style.removeProperty('bottom');
|
|
8436
|
+
}
|
|
8437
|
+
}
|
|
8429
8438
|
render() {
|
|
8430
8439
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8431
|
-
return (hAsync(Host, { key: '
|
|
8440
|
+
return (hAsync(Host, { key: '21f8601dd62ce272ac6856e6f951268b2fbbf32d', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: 'a6841c5564454fcc33a4d053cd506c17f53026d3', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: '3653377bc88d97c60a049731f6286aa5d7fc516c', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: 'bd4614e2859df22d74d27532171e73de1cf60979', fontColor: "dark", onClick: () => this.handleGoBack(), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: '811d3745b6963d3aff02d58a39f7f1be472646fa', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: isMobileDropdown ? 'transparent' : 'default', required: this.required, hideErrorIcon: this.status === 'error', iconName: this.iconName || 'search', value: this.value, status: this.status, onValueChange: e => this.onValueChange(e.target.value), onInput: e => this.handleInputChange(e), onFocus: () => this.handleOnFocus(), onClick: () => (window.innerWidth < 768 ? (this.isMobile = true) : null), onBlur: () => {
|
|
8432
8441
|
this.handleOnBlur();
|
|
8433
|
-
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8442
|
+
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: 'a928b64d301c0cd674612698839a213344dc6798', name: "helperText" }))), hAsync("div", { key: '06ba9b411e46969ccf7378869bc37d202084ead0', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: '8915959d70f28a28c7b8035e77c34ed1f7035727', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8434
8443
|
}
|
|
8435
8444
|
get host() { return getElement(this); }
|
|
8436
8445
|
static get watchers() { return {
|
|
@@ -8460,7 +8469,8 @@ class CuraDropdownSearch {
|
|
|
8460
8469
|
"inputTextRef": [32],
|
|
8461
8470
|
"isOnBlurInput": [32],
|
|
8462
8471
|
"hoveredIndex": [32],
|
|
8463
|
-
"options": [32]
|
|
8472
|
+
"options": [32],
|
|
8473
|
+
"originalOverflow": [32]
|
|
8464
8474
|
},
|
|
8465
8475
|
"$listeners$": undefined,
|
|
8466
8476
|
"$lazyBundleId$": "-",
|
|
@@ -8510,12 +8520,12 @@ class CuraDropdownSearchOption {
|
|
|
8510
8520
|
}
|
|
8511
8521
|
}
|
|
8512
8522
|
render() {
|
|
8513
|
-
return (hAsync(Host, { key: '
|
|
8523
|
+
return (hAsync(Host, { key: '0dfb8d67f1aee692af5abdad170f2fc3e6c5ffc6', slot: "dropdown-search-option" }, hAsync("div", { key: '6596c224bbfc0e9b5c3d2a39d064852019af5b74', style: this.styles, class: {
|
|
8514
8524
|
"option-container": true,
|
|
8515
8525
|
hovered: this.selectable ? this.hovered : false,
|
|
8516
8526
|
selected: this.selected,
|
|
8517
8527
|
disabled: !this.selectable
|
|
8518
|
-
} }, hAsync("div", { key: '
|
|
8528
|
+
} }, hAsync("div", { key: 'b73badabbcde37615c58707d8a62832363deb694', class: "content-container" }, hAsync("div", { key: '6ea1e5cfa3aa5f7bb7d0a4a2c9c8aff6e076304c', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, hAsync("slot", { key: '9e6272b220a723fbc1b52a23f59873cb4eea0986', name: "image" }), hAsync("cura-heading", { key: '4bec4f91fd5ef5759373d846c0876678e67b1b48', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, hAsync("slot", { key: 'c485bfd68ddf4b5bcfa0c590c11344352939fe87' }))), hAsync("slot", { key: '0ce8978f72401af3580c72919b6079ef222dcc0d', name: "action" })))));
|
|
8519
8529
|
}
|
|
8520
8530
|
get hostElement() { return getElement(this); }
|
|
8521
8531
|
static get watchers() { return {
|
|
@@ -8546,7 +8556,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8546
8556
|
registerInstance(this, hostRef);
|
|
8547
8557
|
}
|
|
8548
8558
|
render() {
|
|
8549
|
-
return (hAsync(Host, { key: '
|
|
8559
|
+
return (hAsync(Host, { key: 'ed1d2aeeba08c3c53f04f434fa46cb178271f405', slot: "dropdown-search-option" }, hAsync("cura-label", { key: '910b1ada8d333ace0171a3180ba6320e813e4fce', color: "neutral-dark", size: "xsmall", lineHeight: "16px", marginBlock: "0" }, hAsync("slot", { key: '20816c3a0c9805a88074f36e060ad850157427e2' }))));
|
|
8550
8560
|
}
|
|
8551
8561
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8552
8562
|
static get cmpMeta() { return {
|
|
@@ -8626,7 +8636,7 @@ class CuraHeading {
|
|
|
8626
8636
|
return tags[`${this.level}`] || tags['default'];
|
|
8627
8637
|
}
|
|
8628
8638
|
render() {
|
|
8629
|
-
return (hAsync(Host, { key: '
|
|
8639
|
+
return (hAsync(Host, { key: '83a6a2a08051c3654f609f0e1824f41f48a6ff83', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8630
8640
|
}
|
|
8631
8641
|
get host() { return getElement(this); }
|
|
8632
8642
|
static get watchers() { return {
|
|
@@ -8933,7 +8943,7 @@ class CuraInputDate {
|
|
|
8933
8943
|
}
|
|
8934
8944
|
}
|
|
8935
8945
|
render() {
|
|
8936
|
-
return (hAsync(Host, { key: '
|
|
8946
|
+
return (hAsync(Host, { key: 'bcda0a8a2601f24d445775e40535d1c8a80be5c0' }, hAsync("div", { key: '3a3e11f1bd7082d563537a8679f69f976f242a4a', class: "container", style: this.styles }, hAsync("cura-input-text", { key: '86ce4be158090c4ad4bfaa1e5196548fa5e1c105', label: this.label, name: this.name, status: this.status, value: this.value, onFocus: () => this.showCalendar(), size: this.size, "icon-name": this.iconName, placeholder: this.dateSettings.placeholder, "mask-preset": this.dateSettings.mask, "enable-selection-mode": true, onKeyUp: event => this.handleInputDates(event), autocomplete: "off", onValueChange: event => this.handleChangeDates(event) }, this.renderCalendarOrHelperText()))));
|
|
8937
8947
|
}
|
|
8938
8948
|
static get formAssociated() { return true; }
|
|
8939
8949
|
get el() { return getElement(this); }
|
|
@@ -13008,7 +13018,7 @@ class CuraLabel {
|
|
|
13008
13018
|
};
|
|
13009
13019
|
}
|
|
13010
13020
|
render() {
|
|
13011
|
-
return (hAsync(Host, { key: '
|
|
13021
|
+
return (hAsync(Host, { key: '8d691e1d4c38c30d1e50bc981b9e6de89b3506e0', style: this.hostCSSProperties() }, hAsync("p", { key: 'b68944f4fe1e65aecf6a627f3bba547418bc125b', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: 'f8ac467674d94fe94adc075743b12111d1e32469' }))));
|
|
13012
13022
|
}
|
|
13013
13023
|
get host() { return getElement(this); }
|
|
13014
13024
|
static get watchers() { return {
|
|
@@ -13055,7 +13065,7 @@ class CuraLoaderBar {
|
|
|
13055
13065
|
this.setProgress();
|
|
13056
13066
|
}
|
|
13057
13067
|
render() {
|
|
13058
|
-
return (hAsync(Host, { key: '
|
|
13068
|
+
return (hAsync(Host, { key: 'b24471535bdf9ada29ae81baa05f5c9abe7b79f9' }, hAsync("div", { key: '15eb6b0b6abb45246c98d9e5957c492f44544062', id: "progress-bar", class: "progress-bar", style: this.styles }, hAsync("span", { key: '032eee4ae4da0d5ad88f0df735d93ed37b8be26b', class: "progress-bar-fill" }))));
|
|
13059
13069
|
}
|
|
13060
13070
|
setColor() {
|
|
13061
13071
|
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) });
|
|
@@ -13107,7 +13117,7 @@ class CuraLoaderCircle {
|
|
|
13107
13117
|
};
|
|
13108
13118
|
}
|
|
13109
13119
|
render() {
|
|
13110
|
-
return (hAsync(Host, { key: '
|
|
13120
|
+
return (hAsync(Host, { key: '9ef3dd91b5958a5aeb90fe51120f5d9cc768ca62', style: this.getStyles() }, hAsync("svg", { key: '96b6a2ac1ee77c14b68ea7ee462bae4a122f0c1f', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("g", { key: '01e9425e96b2f8b63a0115dfba358a46d86574c5' }, hAsync("circle", { key: '5ba2e9d288de3b48d33c57ef9c8c282511683739', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), hAsync("path", { key: 'b2069b38fc2a810c6b838eb4c924619a14ef5648', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), hAsync("defs", { key: '4e04a92c3cb8ba0084112f1a14a7815317ca92c5' }, hAsync("linearGradient", { key: '4369f1a5c6d66b37cc00ca88c3e5c77867867fbf', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { key: '224eac239fcd4f22e3ca7b044d89942757381b9e' }), hAsync("stop", { key: '35236a39f2156fefea7878a60dd1e559d3d1f850', offset: "1" }))))));
|
|
13111
13121
|
}
|
|
13112
13122
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13113
13123
|
static get cmpMeta() { return {
|
|
@@ -13123,6 +13133,60 @@ class CuraLoaderCircle {
|
|
|
13123
13133
|
}; }
|
|
13124
13134
|
}
|
|
13125
13135
|
|
|
13136
|
+
const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:0px;bottom:0px;z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:100}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:90;animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-white);border:2px solid var(--neutral-light);border-radius:calc(var(--base-spacing) * 3px);width:700px;max-width:600px;min-width:200px;padding:0px calc(var(--base-spacing) * 4px) calc(var(--base-spacing) * 4px) calc(var(--base-spacing) * 4px);z-index:100;box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--base-spacing) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--base-spacing) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--base-spacing) * 4px);padding-bottom:0px;border-radius:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--base-spacing) * 4px);padding:calc(var(--base-spacing) * 4px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--base-spacing) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}";
|
|
13137
|
+
var CuraModalStyle0 = curaModalCss;
|
|
13138
|
+
|
|
13139
|
+
class CuraModal {
|
|
13140
|
+
constructor(hostRef) {
|
|
13141
|
+
registerInstance(this, hostRef);
|
|
13142
|
+
this.modalClose = createEvent(this, "modalClose", 7);
|
|
13143
|
+
this.handleClose = () => {
|
|
13144
|
+
this.modalClose.emit();
|
|
13145
|
+
this.open = false;
|
|
13146
|
+
};
|
|
13147
|
+
this.open = false;
|
|
13148
|
+
this.background = 'light';
|
|
13149
|
+
this.topOffset = 0;
|
|
13150
|
+
this.styles = {};
|
|
13151
|
+
}
|
|
13152
|
+
setColors() {
|
|
13153
|
+
const backgroundTheme = {
|
|
13154
|
+
dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),
|
|
13155
|
+
light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),
|
|
13156
|
+
};
|
|
13157
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
|
|
13158
|
+
}
|
|
13159
|
+
setOffsetTop() {
|
|
13160
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--offset-top': `${this.topOffset}px` });
|
|
13161
|
+
}
|
|
13162
|
+
connectedCallback() {
|
|
13163
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-white': window.CuraAPI.theme.colors.getColor('neutral-white'), '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'), '--base-spacing': window.CuraAPI.theme.spacing.getSpacing() });
|
|
13164
|
+
this.setColors();
|
|
13165
|
+
this.setOffsetTop();
|
|
13166
|
+
}
|
|
13167
|
+
render() {
|
|
13168
|
+
return (hAsync(Host, { key: '002525d3ad03f3271b11b0dacfd748ccfbfbaf1c', role: "dialog", "aria-modal": "true" }, hAsync("div", { key: 'a684163919124acc33469b38cffeb6826dd2dd8d', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, hAsync("div", { key: 'bff07303351e5f7a75870b9c0f2b4a16736110bc', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.handleClose }), hAsync("div", { key: '4e8ac2fd00c10abf24060c644bbdcd6a5275bacb', class: "wrapper" }, hAsync("button", { key: '6a0ab79a39181216882559f115107edf1c20a2c7', class: "close desktop", onClick: this.handleClose }, hAsync("cura-icon", { key: '3be3e5ee04fc5caa8786efaac0e03c946d0bdd14', name: "close", color: "error-dark", size: "small" })), hAsync("slot", { key: '90fbd8951a449d41e2409ba10445a61e296c45e5' }), hAsync("button", { key: '3075523254d90f7f7f4ca75f28a5724b2402f7d5', class: "close mobile", onClick: this.handleClose }, hAsync("cura-icon", { key: '9bfd171b87d0f1ff625b17f043ff90fa9dbad6e7', name: "close", color: "error-dark", size: "16" }), hAsync("cura-paragraph", { key: 'c17191a5570c08400cfb1409fa1ebf3f0e03a270', color: "error-dark", size: "small", marginBlock: "0" }, "Fechar"))))));
|
|
13169
|
+
}
|
|
13170
|
+
static get watchers() { return {
|
|
13171
|
+
"background": ["setColors"],
|
|
13172
|
+
"topOffset": ["setOffsetTop"]
|
|
13173
|
+
}; }
|
|
13174
|
+
static get style() { return CuraModalStyle0; }
|
|
13175
|
+
static get cmpMeta() { return {
|
|
13176
|
+
"$flags$": 9,
|
|
13177
|
+
"$tagName$": "cura-modal",
|
|
13178
|
+
"$members$": {
|
|
13179
|
+
"open": [1540],
|
|
13180
|
+
"background": [1],
|
|
13181
|
+
"topOffset": [2, "top-offset"],
|
|
13182
|
+
"styles": [32]
|
|
13183
|
+
},
|
|
13184
|
+
"$listeners$": undefined,
|
|
13185
|
+
"$lazyBundleId$": "-",
|
|
13186
|
+
"$attrsToReflect$": [["open", "open"]]
|
|
13187
|
+
}; }
|
|
13188
|
+
}
|
|
13189
|
+
|
|
13126
13190
|
const curaPageTemplateCss = ":host{display:block}:host .grid-template{display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"sub-header\" \"header\" \"pre-content\" \"content-container\" \"post-body\" \"footer\" \"sub-footer\"}:host .grid-template #sub-header{grid-area:sub-header}:host .grid-template #header{grid-area:header}:host .grid-template #pre-content{grid-area:pre-content}:host .grid-template #content-container{grid-area:content-container}:host .grid-template #post-body{grid-area:post-body}:host .grid-template #footer{grid-area:footer}:host .grid-template #sub-footer{grid-area:sub-footer}@media (max-width: 768px){:host .grid-template{padding:0px}}@media (min-width: 769px) and (max-width: 992px){:host .grid-template{padding:0px}}@media (min-width: 993px) and (max-width: 1920px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 5px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 5px)}:host .grid-template #content-container{display:flex}:host .grid-template #content-container #content{flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}}@media (min-width: 1921px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 7px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 7px)}:host .grid-template #content-container{display:flex}:host .grid-template #content-container #content{flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}:host .grid-template #content-container.centered{max-width:1921px;justify-self:center}}";
|
|
13127
13191
|
var CuraPageTemplateStyle0 = curaPageTemplateCss;
|
|
13128
13192
|
|
|
@@ -13142,7 +13206,7 @@ class CuraPageTemplate {
|
|
|
13142
13206
|
return classes;
|
|
13143
13207
|
}
|
|
13144
13208
|
render() {
|
|
13145
|
-
return (hAsync(Host, { key: '
|
|
13209
|
+
return (hAsync(Host, { key: 'd79c3d22ccbd93d8a56c700e3016507d18720464' }, hAsync("div", { key: 'a717f44d6b5df9f00ffe61fff816721705748040', style: this.styles, class: "grid-template" }, hAsync("div", { key: '7a3d585d4213799b32e2043327442b21833fd4fc', id: "sub-header" }, hAsync("slot", { key: 'dbab9738fe221a426642e5d63e88130e1f351591', name: 'sub-header' })), hAsync("div", { key: '39f2878cac260b70b8e53b57b6b9b5b07f658251', id: "header" }, hAsync("slot", { key: '511af91f30dfcfde3ced7bce4c341a2802c88db8', name: 'header' })), hAsync("div", { key: 'ed8d1b1e0d5ffca939c525ee8320da7f2afde95d', id: "pre-content" }, hAsync("slot", { key: 'dd8c722ddd113f49965a6397625980aace8b78e8', name: 'pre-content' })), hAsync("div", { key: '64a5767bbc858f18e44a3339b6bb567b3e5a8c0d', id: "content-container", class: this.getClasses() }, hAsync("div", { key: '919e9d54e10f1469264f193545e80b680b63c801', id: "sidebar-left" }, hAsync("slot", { key: '8ddeb7358bd9f6d0e08b1e3f323219b8980eec9c', name: 'sidebar-left' })), hAsync("div", { key: '48e3860c1674658c386124c80a35b85bdb085e3e', id: "content" }, hAsync("slot", { key: '8bc21a187897a5e9cd2e922285364a02425cefa6', name: "content" }), hAsync("slot", { key: '587d13eed3fedcbf9e33dc4084cb2554ba70125d' })), hAsync("div", { key: '7f620fd04b4cf4a051954dca8a95293c2a7c1d9a', id: "sidebar-right" }, hAsync("slot", { key: '3499275e67a00fcaab4f044535dbeb19c1040569', name: 'sidebar-right' }))), hAsync("div", { key: '59b9e4a5fe541f2ad6dac53a40588482b33e0cad', id: "post-body" }, hAsync("slot", { key: '7493b3b330cabf263990a149c1b526501260de95', name: 'post-body' })), hAsync("div", { key: '4a35c95f7ad04f04bb8673babc06d243e1b8f931', id: "footer" }, hAsync("slot", { key: 'f69ffbd9c9cabe72e1ee4f147f7a1448311a7f0c', name: 'footer' })), hAsync("div", { key: 'd53b60b2d9170797e7dc12b3179c24b7f76ac41d', id: "sub-footer" }, hAsync("slot", { key: '75dcebb2f223ed1d0b1181ea3773fbb6bf096e33', name: 'sub-footer' })))));
|
|
13146
13210
|
}
|
|
13147
13211
|
get host() { return getElement(this); }
|
|
13148
13212
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13208,7 +13272,7 @@ class CuraParagraph {
|
|
|
13208
13272
|
};
|
|
13209
13273
|
}
|
|
13210
13274
|
render() {
|
|
13211
|
-
return (hAsync(Host, { key: '
|
|
13275
|
+
return (hAsync(Host, { key: 'fc146c5173887dd80bb1798d58b7fbe29775e2de', style: this.hostCSSProperties() }, hAsync("p", { key: '0defc510c08182261e22a4ab47a24d939199db24', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: 'e70c68a1da0596dc8d2273f5679c9193a354e313' }))));
|
|
13212
13276
|
}
|
|
13213
13277
|
get host() { return getElement(this); }
|
|
13214
13278
|
static get watchers() { return {
|
|
@@ -13365,7 +13429,7 @@ class CuraRadio {
|
|
|
13365
13429
|
return statusColors[this.status][type];
|
|
13366
13430
|
}
|
|
13367
13431
|
render() {
|
|
13368
|
-
return (hAsync(Host, { key: '
|
|
13432
|
+
return (hAsync(Host, { key: '07ed893348b28a188a67ee6b5e8eedb0598d2309' }, hAsync("div", { key: 'b80a2b0e3db1f5dcac77617ecb9629b219460dbe', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '945ceedc874bf7b8ecb48683d26fa626449fb377', class: "info" }, hAsync("div", { key: '3257b5a46d040d0177e8a791a2d810bf278f7517', class: "label-wrapper" }, hAsync("cura-label", { key: '8c68882b6e2f852a2d1929449b3c82469474fab3', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: 'e9adfe5998b2c5f705589461bff38705f0ddbbc7', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '50063f682a67c74a0ce2292cc823c21e6db90bcd', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: 'c746a61b3e7ea6d4a63143b794fd8c482829e834' }))), hAsync("input", { key: '078275db7eb3a4878d93d77b120c3caaa0b5e0b7', 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, onClick: this.handleClick }))));
|
|
13369
13433
|
}
|
|
13370
13434
|
static get formAssociated() { return true; }
|
|
13371
13435
|
get host() { return getElement(this); }
|
|
@@ -13677,13 +13741,13 @@ class CuraSelect {
|
|
|
13677
13741
|
return (hAsync("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
|
|
13678
13742
|
}
|
|
13679
13743
|
render() {
|
|
13680
|
-
return (hAsync(Host, { key: '
|
|
13744
|
+
return (hAsync(Host, { key: 'f01b52d0da1c417723c9da0ce7002155b3cbb07d', style: this.styles }, hAsync("div", { key: '2798e5cd7f16e8679520900374e569cca1e5bee8', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (hAsync("cura-label", { key: '5f9f645c3199e6299f000f5ab167139f536442b8', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && hAsync("span", { key: '2bca7ed64c1d44152161c2d71173f70b8b2fbacc', class: 'required' }, "* "))), hAsync("div", { key: 'c1e77ccc2d1853b8749fea57e5ca3554363ef168', class: {
|
|
13681
13745
|
'cura-input-field': true,
|
|
13682
13746
|
'open': this.isOpen
|
|
13683
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13747
|
+
} }, this.renderIcon(), hAsync("input", { key: '66e99e0a7c3b00516cc2f1240d08511c9434201b', type: "text", autocomplete: 'off', onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), hAsync("cura-icon", { key: '4efde985b30016b633818f9fafe6c1f538b4776e', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), hAsync("cura-label", { key: 'ead6b6a9f95acc7f2cf2e7474f72c1627e0bd8cd', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, hAsync("slot", { key: 'e01c6c99fecb78822d092a41db0b969ca160cea1' })), this.isOpen && (hAsync("div", { key: '0fedad3cac056457810c984eb471bd9a703f2ff4', class: {
|
|
13684
13748
|
'menu': true,
|
|
13685
13749
|
'open': this.isOpen
|
|
13686
|
-
} }, hAsync("slot", { key: '
|
|
13750
|
+
} }, hAsync("slot", { key: '1330a45037f002b5fd20a356f1fe5b982999e512', name: 'option' }))))));
|
|
13687
13751
|
}
|
|
13688
13752
|
static get formAssociated() { return true; }
|
|
13689
13753
|
get host() { return getElement(this); }
|
|
@@ -13757,7 +13821,7 @@ class CuraSelectOption {
|
|
|
13757
13821
|
};
|
|
13758
13822
|
}
|
|
13759
13823
|
render() {
|
|
13760
|
-
return (hAsync(Host, { key: '
|
|
13824
|
+
return (hAsync(Host, { key: '42fe72a8cadcb2745fa41cced2bf8f571ca0fb81', slot: "option" }, hAsync("div", { key: '275c6ba6baaf1c28af3c6cce6abc36dc8c496e13', class: this.getClasses(), style: this.styles }, hAsync("cura-label", { key: 'a5f2e672f55fe16b749f6f5d33c1ba64eb415ca8', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, hAsync("slot", { key: '37b09097f6f51515fe63f07a5b6bb2449ba51e60' })), this.selected && hAsync("cura-icon", { key: '88b01b9505ea9c46ddd19be78db4bd084601687d', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
|
|
13761
13825
|
}
|
|
13762
13826
|
get host() { return getElement(this); }
|
|
13763
13827
|
static get watchers() { return {
|
|
@@ -13884,7 +13948,7 @@ class CuraSwitch {
|
|
|
13884
13948
|
return classes;
|
|
13885
13949
|
}
|
|
13886
13950
|
render() {
|
|
13887
|
-
return (hAsync(Host, { key: '
|
|
13951
|
+
return (hAsync(Host, { key: '7d90b4378da63462ce63f48a54b73c1ae73e75cd' }, hAsync("div", { key: '880d8117e073b11e33acfe2915b4aa2695f6eda4', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '475056ce32564bd91dc48cd0d9d08059db77c030', class: "info" }, hAsync("cura-label", { key: 'f391c5eb73fbae218a7037d0381fd49b9c739298', 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), hAsync("cura-label", { key: 'd587a5d17813f65a77563ce70f0c5e924bbf737d', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, hAsync("slot", { key: '9cb6d99b2c6e7f0f398fb2899823717c9b1b565e' }))), hAsync("div", { key: 'c7fd172953c607baa30186dd1429b39af28093ca', onClick: this.toggleSwitch, class: "control" }, hAsync("div", { key: '0392a5ea1bd31068aa8af7f95fe21f3c7bf7797e', class: `track ${this.size.toLowerCase()}` }, hAsync("div", { key: '98d36e0853ec222beaefd6da984483cbc872a5fa', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
13888
13952
|
}
|
|
13889
13953
|
static get formAssociated() { return true; }
|
|
13890
13954
|
static get watchers() { return {
|
|
@@ -13940,7 +14004,7 @@ class CuraToast {
|
|
|
13940
14004
|
this.setStyle();
|
|
13941
14005
|
}
|
|
13942
14006
|
render() {
|
|
13943
|
-
return (hAsync(Host, { key: '
|
|
14007
|
+
return (hAsync(Host, { key: '467952f8386d659d44090163f3e14c0231dfcafd' }, hAsync("div", { key: 'f510e12d309c79842d30cc24409b61433a6fe58e', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: 'acd2a9d52ad91565c7bd36bc205753bdfe6e3e59', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: 'dced39ca17901673360dacbf27764b1387eff20d', class: "content" }, hAsync("cura-heading", { key: '6ac55c8ae757f654c808b72b4f44b54dc822107c', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'e8e83b891e0b7e02901999f1622a183afc94c28e', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '080891767b1b552520d7d3ed59002a9478eb0288' })), hAsync("slot", { key: '0a43f99bbaf2e4cdd2fd7dc1d5a0431602b76361', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '1ec27e6d6d44b82ed26a59cb6ba967858b4c8809', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: '6457bb003e4706d3f60b85aa3faa3e0b6b276869', color: `${this.type}-base`, progress: this.progress }))));
|
|
13944
14008
|
}
|
|
13945
14009
|
componentDidLoad() {
|
|
13946
14010
|
this.openContainer();
|
|
@@ -14059,7 +14123,7 @@ class CuraTooltip {
|
|
|
14059
14123
|
this.setStyle();
|
|
14060
14124
|
}
|
|
14061
14125
|
render() {
|
|
14062
|
-
return (hAsync(Host, { key: '
|
|
14126
|
+
return (hAsync(Host, { key: '732345360f527ffc69743818657643616b2ee611', role: "tooltip", id: this.elementId }, hAsync("div", { key: '166aa0dd54c933f8b3b8ecc5c5c76824ef180d71', class: "container", style: this.styles }, hAsync("div", { key: '7b54ec53f3b454979c45415ddcd164a71a9ab2b0', class: "content" }, hAsync("cura-heading", { key: '71bf328ed2f9e5d704e6d06989a4bef6d7c4993d', level: 4, size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'a427a4b9df7bfae50300c9947db9df825a2f7da0', color: "neutral-dark", "spot-color": "secondary-darker", size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '65875debf5bd3eec9f3070ab96cf644460897c3b' }))), this.closeButton && !this.isMobile && hAsync("cura-icon", { key: 'dac8229dc0f348b45ea3af9392c2001f638a0efb', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.isMobile && hAsync("cura-button-transparent", { key: '6c90921145206d47ab84eaee972a08b9dcad7cf0', class: "close-button", size: "small", type: "button", color: "error", "icon-name": "close", "icon-position": "right", onClick: this.handleClose }, "OK, entendi."))));
|
|
14063
14127
|
}
|
|
14064
14128
|
componentDidLoad() {
|
|
14065
14129
|
this.targetElement = document.querySelector(`[aria-labelledby="${this.elementId}"]`);
|
|
@@ -14294,6 +14358,7 @@ registerComponents([
|
|
|
14294
14358
|
CuraLabel,
|
|
14295
14359
|
CuraLoaderBar,
|
|
14296
14360
|
CuraLoaderCircle,
|
|
14361
|
+
CuraModal,
|
|
14297
14362
|
CuraPageTemplate,
|
|
14298
14363
|
CuraParagraph,
|
|
14299
14364
|
CuraRadio,
|
package/index.mjs
CHANGED
|
@@ -8002,7 +8002,7 @@ class CuraCheckbox {
|
|
|
8002
8002
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
8003
8003
|
}
|
|
8004
8004
|
render() {
|
|
8005
|
-
return (hAsync(Host, { key: '
|
|
8005
|
+
return (hAsync(Host, { key: '876fa0a7aa0fc7110cbf0ffeb2d95d529fa78e64' }, hAsync("div", { key: '3e6d730765590ee75d7e045cadc7d03e5fc035e2', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, hAsync("div", { key: '0f7f6f3bc61a80e899d940d76fee266af1914f5a', class: "info" }, hAsync("div", { key: 'a836cb0d7751a1a812364fe93a30403b02ec5c95', class: "label-wrapper" }, hAsync("cura-label", { key: '5d180552ec71e22ddd8822727bd32d4167215f33', class: "label", weight: 'bold', size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: '047413aa21a28bc33984d19ad4dc10a38289c205', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '68c9dd6f228ec3204647795f1cae32a8f8797bc2', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: '3a35a1219f135002f1b9ae64c0eb4227529bc904' }))), hAsync("div", { key: 'fe969ee332b3c64a259ec552f411b5d2d4bc81e4', class: 'checkbox', tabIndex: this.ontabindex }, hAsync("input", { key: '2cbcbe56130bddb5853cfcc3a8ef1b421f39bc7b', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
8006
8006
|
}
|
|
8007
8007
|
static get formAssociated() { return true; }
|
|
8008
8008
|
get host() { return getElement(this); }
|
|
@@ -8104,7 +8104,7 @@ class CuraDisplay {
|
|
|
8104
8104
|
return tags[`${this.level}`] || tags['default'];
|
|
8105
8105
|
}
|
|
8106
8106
|
render() {
|
|
8107
|
-
return (hAsync(Host, { key: '
|
|
8107
|
+
return (hAsync(Host, { key: '9d75215eaa43baaf9ca9aada36dfdbff4596afb2', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8108
8108
|
}
|
|
8109
8109
|
get host() { return getElement(this); }
|
|
8110
8110
|
static get watchers() { return {
|
|
@@ -8195,20 +8195,10 @@ class CuraDropdownSearch {
|
|
|
8195
8195
|
const isKeyboardOpen = window.innerHeight < window.screen.height * 0.8;
|
|
8196
8196
|
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8197
8197
|
if (dropdown) {
|
|
8198
|
-
|
|
8199
|
-
|
|
8200
|
-
|
|
8201
|
-
}
|
|
8202
|
-
else {
|
|
8203
|
-
dropdown.style.position = 'fixed';
|
|
8204
|
-
dropdown.style.bottom = '0';
|
|
8205
|
-
}
|
|
8198
|
+
dropdown.style.position = isKeyboardOpen ? 'absolute' : 'fixed';
|
|
8199
|
+
dropdown.style.bottom = isKeyboardOpen ? `${window.screen.height - window.innerHeight}px` : '0';
|
|
8200
|
+
window.scroll({ top: 0, left: 0, behavior: 'smooth' });
|
|
8206
8201
|
}
|
|
8207
|
-
window.scroll({
|
|
8208
|
-
top: 0,
|
|
8209
|
-
left: 0,
|
|
8210
|
-
behavior: 'smooth',
|
|
8211
|
-
});
|
|
8212
8202
|
});
|
|
8213
8203
|
};
|
|
8214
8204
|
this.handleSlotChange = () => {
|
|
@@ -8246,6 +8236,7 @@ class CuraDropdownSearch {
|
|
|
8246
8236
|
this.showOverlay();
|
|
8247
8237
|
}
|
|
8248
8238
|
else {
|
|
8239
|
+
this.resetDropdownStyles();
|
|
8249
8240
|
this.removeOverlay();
|
|
8250
8241
|
}
|
|
8251
8242
|
}
|
|
@@ -8270,6 +8261,7 @@ class CuraDropdownSearch {
|
|
|
8270
8261
|
this.isOnBlurInput = true;
|
|
8271
8262
|
this.hoveredIndex = -1;
|
|
8272
8263
|
this.options = [];
|
|
8264
|
+
this.originalOverflow = '';
|
|
8273
8265
|
}
|
|
8274
8266
|
connectedCallback() {
|
|
8275
8267
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
@@ -8321,12 +8313,15 @@ class CuraDropdownSearch {
|
|
|
8321
8313
|
this.overlayElement.style.zIndex = '9999';
|
|
8322
8314
|
this.overlayElement.style.backgroundColor = 'white';
|
|
8323
8315
|
document.body.appendChild(this.overlayElement);
|
|
8316
|
+
this.originalOverflow = document.body.style.overflow;
|
|
8317
|
+
document.body.style.overflow = 'hidden';
|
|
8324
8318
|
}
|
|
8325
8319
|
}
|
|
8326
8320
|
removeOverlay() {
|
|
8327
8321
|
if (this.overlayElement && this.overlayElement.parentNode === document.body) {
|
|
8328
8322
|
document.body.removeChild(this.overlayElement);
|
|
8329
8323
|
this.overlayElement = null;
|
|
8324
|
+
document.body.style.overflow = this.originalOverflow;
|
|
8330
8325
|
}
|
|
8331
8326
|
}
|
|
8332
8327
|
addClickListenersToOptions() {
|
|
@@ -8350,6 +8345,7 @@ class CuraDropdownSearch {
|
|
|
8350
8345
|
this.updateSelectedOption(this.value);
|
|
8351
8346
|
this.isDropdownOpen = false;
|
|
8352
8347
|
this.isOnBlurInput = true;
|
|
8348
|
+
this.resetDropdownStyles();
|
|
8353
8349
|
this.removeOverlay();
|
|
8354
8350
|
}
|
|
8355
8351
|
}
|
|
@@ -8389,6 +8385,7 @@ class CuraDropdownSearch {
|
|
|
8389
8385
|
if (this.isOnBlurInput === true) {
|
|
8390
8386
|
setTimeout(() => {
|
|
8391
8387
|
this.isDropdownOpen = false;
|
|
8388
|
+
this.resetDropdownStyles();
|
|
8392
8389
|
this.removeOverlay();
|
|
8393
8390
|
}, 200);
|
|
8394
8391
|
}
|
|
@@ -8422,11 +8419,23 @@ class CuraDropdownSearch {
|
|
|
8422
8419
|
this.host.style.setProperty('--dynamic-input-search-height', `${dropdownInputSearchElement.offsetHeight}px`);
|
|
8423
8420
|
}
|
|
8424
8421
|
}
|
|
8422
|
+
handleGoBack() {
|
|
8423
|
+
this.resetDropdownStyles();
|
|
8424
|
+
this.isMobile = false;
|
|
8425
|
+
}
|
|
8426
|
+
resetDropdownStyles() {
|
|
8427
|
+
var _a;
|
|
8428
|
+
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8429
|
+
if (dropdown && dropdown.style.position === 'fixed') {
|
|
8430
|
+
dropdown.style.position = 'relative';
|
|
8431
|
+
dropdown.style.removeProperty('bottom');
|
|
8432
|
+
}
|
|
8433
|
+
}
|
|
8425
8434
|
render() {
|
|
8426
8435
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8427
|
-
return (hAsync(Host, { key: '
|
|
8436
|
+
return (hAsync(Host, { key: '21f8601dd62ce272ac6856e6f951268b2fbbf32d', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: 'a6841c5564454fcc33a4d053cd506c17f53026d3', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: '3653377bc88d97c60a049731f6286aa5d7fc516c', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: 'bd4614e2859df22d74d27532171e73de1cf60979', fontColor: "dark", onClick: () => this.handleGoBack(), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: '811d3745b6963d3aff02d58a39f7f1be472646fa', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: isMobileDropdown ? 'transparent' : 'default', required: this.required, hideErrorIcon: this.status === 'error', iconName: this.iconName || 'search', value: this.value, status: this.status, onValueChange: e => this.onValueChange(e.target.value), onInput: e => this.handleInputChange(e), onFocus: () => this.handleOnFocus(), onClick: () => (window.innerWidth < 768 ? (this.isMobile = true) : null), onBlur: () => {
|
|
8428
8437
|
this.handleOnBlur();
|
|
8429
|
-
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8438
|
+
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: 'a928b64d301c0cd674612698839a213344dc6798', name: "helperText" }))), hAsync("div", { key: '06ba9b411e46969ccf7378869bc37d202084ead0', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: '8915959d70f28a28c7b8035e77c34ed1f7035727', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8430
8439
|
}
|
|
8431
8440
|
get host() { return getElement(this); }
|
|
8432
8441
|
static get watchers() { return {
|
|
@@ -8456,7 +8465,8 @@ class CuraDropdownSearch {
|
|
|
8456
8465
|
"inputTextRef": [32],
|
|
8457
8466
|
"isOnBlurInput": [32],
|
|
8458
8467
|
"hoveredIndex": [32],
|
|
8459
|
-
"options": [32]
|
|
8468
|
+
"options": [32],
|
|
8469
|
+
"originalOverflow": [32]
|
|
8460
8470
|
},
|
|
8461
8471
|
"$listeners$": undefined,
|
|
8462
8472
|
"$lazyBundleId$": "-",
|
|
@@ -8506,12 +8516,12 @@ class CuraDropdownSearchOption {
|
|
|
8506
8516
|
}
|
|
8507
8517
|
}
|
|
8508
8518
|
render() {
|
|
8509
|
-
return (hAsync(Host, { key: '
|
|
8519
|
+
return (hAsync(Host, { key: '0dfb8d67f1aee692af5abdad170f2fc3e6c5ffc6', slot: "dropdown-search-option" }, hAsync("div", { key: '6596c224bbfc0e9b5c3d2a39d064852019af5b74', style: this.styles, class: {
|
|
8510
8520
|
"option-container": true,
|
|
8511
8521
|
hovered: this.selectable ? this.hovered : false,
|
|
8512
8522
|
selected: this.selected,
|
|
8513
8523
|
disabled: !this.selectable
|
|
8514
|
-
} }, hAsync("div", { key: '
|
|
8524
|
+
} }, hAsync("div", { key: 'b73badabbcde37615c58707d8a62832363deb694', class: "content-container" }, hAsync("div", { key: '6ea1e5cfa3aa5f7bb7d0a4a2c9c8aff6e076304c', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, hAsync("slot", { key: '9e6272b220a723fbc1b52a23f59873cb4eea0986', name: "image" }), hAsync("cura-heading", { key: '4bec4f91fd5ef5759373d846c0876678e67b1b48', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, hAsync("slot", { key: 'c485bfd68ddf4b5bcfa0c590c11344352939fe87' }))), hAsync("slot", { key: '0ce8978f72401af3580c72919b6079ef222dcc0d', name: "action" })))));
|
|
8515
8525
|
}
|
|
8516
8526
|
get hostElement() { return getElement(this); }
|
|
8517
8527
|
static get watchers() { return {
|
|
@@ -8542,7 +8552,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8542
8552
|
registerInstance(this, hostRef);
|
|
8543
8553
|
}
|
|
8544
8554
|
render() {
|
|
8545
|
-
return (hAsync(Host, { key: '
|
|
8555
|
+
return (hAsync(Host, { key: 'ed1d2aeeba08c3c53f04f434fa46cb178271f405', slot: "dropdown-search-option" }, hAsync("cura-label", { key: '910b1ada8d333ace0171a3180ba6320e813e4fce', color: "neutral-dark", size: "xsmall", lineHeight: "16px", marginBlock: "0" }, hAsync("slot", { key: '20816c3a0c9805a88074f36e060ad850157427e2' }))));
|
|
8546
8556
|
}
|
|
8547
8557
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8548
8558
|
static get cmpMeta() { return {
|
|
@@ -8622,7 +8632,7 @@ class CuraHeading {
|
|
|
8622
8632
|
return tags[`${this.level}`] || tags['default'];
|
|
8623
8633
|
}
|
|
8624
8634
|
render() {
|
|
8625
|
-
return (hAsync(Host, { key: '
|
|
8635
|
+
return (hAsync(Host, { key: '83a6a2a08051c3654f609f0e1824f41f48a6ff83', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8626
8636
|
}
|
|
8627
8637
|
get host() { return getElement(this); }
|
|
8628
8638
|
static get watchers() { return {
|
|
@@ -8929,7 +8939,7 @@ class CuraInputDate {
|
|
|
8929
8939
|
}
|
|
8930
8940
|
}
|
|
8931
8941
|
render() {
|
|
8932
|
-
return (hAsync(Host, { key: '
|
|
8942
|
+
return (hAsync(Host, { key: 'bcda0a8a2601f24d445775e40535d1c8a80be5c0' }, hAsync("div", { key: '3a3e11f1bd7082d563537a8679f69f976f242a4a', class: "container", style: this.styles }, hAsync("cura-input-text", { key: '86ce4be158090c4ad4bfaa1e5196548fa5e1c105', label: this.label, name: this.name, status: this.status, value: this.value, onFocus: () => this.showCalendar(), size: this.size, "icon-name": this.iconName, placeholder: this.dateSettings.placeholder, "mask-preset": this.dateSettings.mask, "enable-selection-mode": true, onKeyUp: event => this.handleInputDates(event), autocomplete: "off", onValueChange: event => this.handleChangeDates(event) }, this.renderCalendarOrHelperText()))));
|
|
8933
8943
|
}
|
|
8934
8944
|
static get formAssociated() { return true; }
|
|
8935
8945
|
get el() { return getElement(this); }
|
|
@@ -13004,7 +13014,7 @@ class CuraLabel {
|
|
|
13004
13014
|
};
|
|
13005
13015
|
}
|
|
13006
13016
|
render() {
|
|
13007
|
-
return (hAsync(Host, { key: '
|
|
13017
|
+
return (hAsync(Host, { key: '8d691e1d4c38c30d1e50bc981b9e6de89b3506e0', style: this.hostCSSProperties() }, hAsync("p", { key: 'b68944f4fe1e65aecf6a627f3bba547418bc125b', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: 'f8ac467674d94fe94adc075743b12111d1e32469' }))));
|
|
13008
13018
|
}
|
|
13009
13019
|
get host() { return getElement(this); }
|
|
13010
13020
|
static get watchers() { return {
|
|
@@ -13051,7 +13061,7 @@ class CuraLoaderBar {
|
|
|
13051
13061
|
this.setProgress();
|
|
13052
13062
|
}
|
|
13053
13063
|
render() {
|
|
13054
|
-
return (hAsync(Host, { key: '
|
|
13064
|
+
return (hAsync(Host, { key: 'b24471535bdf9ada29ae81baa05f5c9abe7b79f9' }, hAsync("div", { key: '15eb6b0b6abb45246c98d9e5957c492f44544062', id: "progress-bar", class: "progress-bar", style: this.styles }, hAsync("span", { key: '032eee4ae4da0d5ad88f0df735d93ed37b8be26b', class: "progress-bar-fill" }))));
|
|
13055
13065
|
}
|
|
13056
13066
|
setColor() {
|
|
13057
13067
|
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) });
|
|
@@ -13103,7 +13113,7 @@ class CuraLoaderCircle {
|
|
|
13103
13113
|
};
|
|
13104
13114
|
}
|
|
13105
13115
|
render() {
|
|
13106
|
-
return (hAsync(Host, { key: '
|
|
13116
|
+
return (hAsync(Host, { key: '9ef3dd91b5958a5aeb90fe51120f5d9cc768ca62', style: this.getStyles() }, hAsync("svg", { key: '96b6a2ac1ee77c14b68ea7ee462bae4a122f0c1f', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("g", { key: '01e9425e96b2f8b63a0115dfba358a46d86574c5' }, hAsync("circle", { key: '5ba2e9d288de3b48d33c57ef9c8c282511683739', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), hAsync("path", { key: 'b2069b38fc2a810c6b838eb4c924619a14ef5648', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), hAsync("defs", { key: '4e04a92c3cb8ba0084112f1a14a7815317ca92c5' }, hAsync("linearGradient", { key: '4369f1a5c6d66b37cc00ca88c3e5c77867867fbf', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { key: '224eac239fcd4f22e3ca7b044d89942757381b9e' }), hAsync("stop", { key: '35236a39f2156fefea7878a60dd1e559d3d1f850', offset: "1" }))))));
|
|
13107
13117
|
}
|
|
13108
13118
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13109
13119
|
static get cmpMeta() { return {
|
|
@@ -13119,6 +13129,60 @@ class CuraLoaderCircle {
|
|
|
13119
13129
|
}; }
|
|
13120
13130
|
}
|
|
13121
13131
|
|
|
13132
|
+
const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:0px;bottom:0px;z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:100}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:90;animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-white);border:2px solid var(--neutral-light);border-radius:calc(var(--base-spacing) * 3px);width:700px;max-width:600px;min-width:200px;padding:0px calc(var(--base-spacing) * 4px) calc(var(--base-spacing) * 4px) calc(var(--base-spacing) * 4px);z-index:100;box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--base-spacing) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--base-spacing) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--base-spacing) * 4px);padding-bottom:0px;border-radius:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--base-spacing) * 4px);padding:calc(var(--base-spacing) * 4px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--base-spacing) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}";
|
|
13133
|
+
var CuraModalStyle0 = curaModalCss;
|
|
13134
|
+
|
|
13135
|
+
class CuraModal {
|
|
13136
|
+
constructor(hostRef) {
|
|
13137
|
+
registerInstance(this, hostRef);
|
|
13138
|
+
this.modalClose = createEvent(this, "modalClose", 7);
|
|
13139
|
+
this.handleClose = () => {
|
|
13140
|
+
this.modalClose.emit();
|
|
13141
|
+
this.open = false;
|
|
13142
|
+
};
|
|
13143
|
+
this.open = false;
|
|
13144
|
+
this.background = 'light';
|
|
13145
|
+
this.topOffset = 0;
|
|
13146
|
+
this.styles = {};
|
|
13147
|
+
}
|
|
13148
|
+
setColors() {
|
|
13149
|
+
const backgroundTheme = {
|
|
13150
|
+
dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),
|
|
13151
|
+
light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),
|
|
13152
|
+
};
|
|
13153
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
|
|
13154
|
+
}
|
|
13155
|
+
setOffsetTop() {
|
|
13156
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--offset-top': `${this.topOffset}px` });
|
|
13157
|
+
}
|
|
13158
|
+
connectedCallback() {
|
|
13159
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-white': window.CuraAPI.theme.colors.getColor('neutral-white'), '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'), '--base-spacing': window.CuraAPI.theme.spacing.getSpacing() });
|
|
13160
|
+
this.setColors();
|
|
13161
|
+
this.setOffsetTop();
|
|
13162
|
+
}
|
|
13163
|
+
render() {
|
|
13164
|
+
return (hAsync(Host, { key: '002525d3ad03f3271b11b0dacfd748ccfbfbaf1c', role: "dialog", "aria-modal": "true" }, hAsync("div", { key: 'a684163919124acc33469b38cffeb6826dd2dd8d', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, hAsync("div", { key: 'bff07303351e5f7a75870b9c0f2b4a16736110bc', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.handleClose }), hAsync("div", { key: '4e8ac2fd00c10abf24060c644bbdcd6a5275bacb', class: "wrapper" }, hAsync("button", { key: '6a0ab79a39181216882559f115107edf1c20a2c7', class: "close desktop", onClick: this.handleClose }, hAsync("cura-icon", { key: '3be3e5ee04fc5caa8786efaac0e03c946d0bdd14', name: "close", color: "error-dark", size: "small" })), hAsync("slot", { key: '90fbd8951a449d41e2409ba10445a61e296c45e5' }), hAsync("button", { key: '3075523254d90f7f7f4ca75f28a5724b2402f7d5', class: "close mobile", onClick: this.handleClose }, hAsync("cura-icon", { key: '9bfd171b87d0f1ff625b17f043ff90fa9dbad6e7', name: "close", color: "error-dark", size: "16" }), hAsync("cura-paragraph", { key: 'c17191a5570c08400cfb1409fa1ebf3f0e03a270', color: "error-dark", size: "small", marginBlock: "0" }, "Fechar"))))));
|
|
13165
|
+
}
|
|
13166
|
+
static get watchers() { return {
|
|
13167
|
+
"background": ["setColors"],
|
|
13168
|
+
"topOffset": ["setOffsetTop"]
|
|
13169
|
+
}; }
|
|
13170
|
+
static get style() { return CuraModalStyle0; }
|
|
13171
|
+
static get cmpMeta() { return {
|
|
13172
|
+
"$flags$": 9,
|
|
13173
|
+
"$tagName$": "cura-modal",
|
|
13174
|
+
"$members$": {
|
|
13175
|
+
"open": [1540],
|
|
13176
|
+
"background": [1],
|
|
13177
|
+
"topOffset": [2, "top-offset"],
|
|
13178
|
+
"styles": [32]
|
|
13179
|
+
},
|
|
13180
|
+
"$listeners$": undefined,
|
|
13181
|
+
"$lazyBundleId$": "-",
|
|
13182
|
+
"$attrsToReflect$": [["open", "open"]]
|
|
13183
|
+
}; }
|
|
13184
|
+
}
|
|
13185
|
+
|
|
13122
13186
|
const curaPageTemplateCss = ":host{display:block}:host .grid-template{display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"sub-header\" \"header\" \"pre-content\" \"content-container\" \"post-body\" \"footer\" \"sub-footer\"}:host .grid-template #sub-header{grid-area:sub-header}:host .grid-template #header{grid-area:header}:host .grid-template #pre-content{grid-area:pre-content}:host .grid-template #content-container{grid-area:content-container}:host .grid-template #post-body{grid-area:post-body}:host .grid-template #footer{grid-area:footer}:host .grid-template #sub-footer{grid-area:sub-footer}@media (max-width: 768px){:host .grid-template{padding:0px}}@media (min-width: 769px) and (max-width: 992px){:host .grid-template{padding:0px}}@media (min-width: 993px) and (max-width: 1920px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 5px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 5px)}:host .grid-template #content-container{display:flex}:host .grid-template #content-container #content{flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}}@media (min-width: 1921px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 7px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 7px)}:host .grid-template #content-container{display:flex}:host .grid-template #content-container #content{flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}:host .grid-template #content-container.centered{max-width:1921px;justify-self:center}}";
|
|
13123
13187
|
var CuraPageTemplateStyle0 = curaPageTemplateCss;
|
|
13124
13188
|
|
|
@@ -13138,7 +13202,7 @@ class CuraPageTemplate {
|
|
|
13138
13202
|
return classes;
|
|
13139
13203
|
}
|
|
13140
13204
|
render() {
|
|
13141
|
-
return (hAsync(Host, { key: '
|
|
13205
|
+
return (hAsync(Host, { key: 'd79c3d22ccbd93d8a56c700e3016507d18720464' }, hAsync("div", { key: 'a717f44d6b5df9f00ffe61fff816721705748040', style: this.styles, class: "grid-template" }, hAsync("div", { key: '7a3d585d4213799b32e2043327442b21833fd4fc', id: "sub-header" }, hAsync("slot", { key: 'dbab9738fe221a426642e5d63e88130e1f351591', name: 'sub-header' })), hAsync("div", { key: '39f2878cac260b70b8e53b57b6b9b5b07f658251', id: "header" }, hAsync("slot", { key: '511af91f30dfcfde3ced7bce4c341a2802c88db8', name: 'header' })), hAsync("div", { key: 'ed8d1b1e0d5ffca939c525ee8320da7f2afde95d', id: "pre-content" }, hAsync("slot", { key: 'dd8c722ddd113f49965a6397625980aace8b78e8', name: 'pre-content' })), hAsync("div", { key: '64a5767bbc858f18e44a3339b6bb567b3e5a8c0d', id: "content-container", class: this.getClasses() }, hAsync("div", { key: '919e9d54e10f1469264f193545e80b680b63c801', id: "sidebar-left" }, hAsync("slot", { key: '8ddeb7358bd9f6d0e08b1e3f323219b8980eec9c', name: 'sidebar-left' })), hAsync("div", { key: '48e3860c1674658c386124c80a35b85bdb085e3e', id: "content" }, hAsync("slot", { key: '8bc21a187897a5e9cd2e922285364a02425cefa6', name: "content" }), hAsync("slot", { key: '587d13eed3fedcbf9e33dc4084cb2554ba70125d' })), hAsync("div", { key: '7f620fd04b4cf4a051954dca8a95293c2a7c1d9a', id: "sidebar-right" }, hAsync("slot", { key: '3499275e67a00fcaab4f044535dbeb19c1040569', name: 'sidebar-right' }))), hAsync("div", { key: '59b9e4a5fe541f2ad6dac53a40588482b33e0cad', id: "post-body" }, hAsync("slot", { key: '7493b3b330cabf263990a149c1b526501260de95', name: 'post-body' })), hAsync("div", { key: '4a35c95f7ad04f04bb8673babc06d243e1b8f931', id: "footer" }, hAsync("slot", { key: 'f69ffbd9c9cabe72e1ee4f147f7a1448311a7f0c', name: 'footer' })), hAsync("div", { key: 'd53b60b2d9170797e7dc12b3179c24b7f76ac41d', id: "sub-footer" }, hAsync("slot", { key: '75dcebb2f223ed1d0b1181ea3773fbb6bf096e33', name: 'sub-footer' })))));
|
|
13142
13206
|
}
|
|
13143
13207
|
get host() { return getElement(this); }
|
|
13144
13208
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13204,7 +13268,7 @@ class CuraParagraph {
|
|
|
13204
13268
|
};
|
|
13205
13269
|
}
|
|
13206
13270
|
render() {
|
|
13207
|
-
return (hAsync(Host, { key: '
|
|
13271
|
+
return (hAsync(Host, { key: 'fc146c5173887dd80bb1798d58b7fbe29775e2de', style: this.hostCSSProperties() }, hAsync("p", { key: '0defc510c08182261e22a4ab47a24d939199db24', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: 'e70c68a1da0596dc8d2273f5679c9193a354e313' }))));
|
|
13208
13272
|
}
|
|
13209
13273
|
get host() { return getElement(this); }
|
|
13210
13274
|
static get watchers() { return {
|
|
@@ -13361,7 +13425,7 @@ class CuraRadio {
|
|
|
13361
13425
|
return statusColors[this.status][type];
|
|
13362
13426
|
}
|
|
13363
13427
|
render() {
|
|
13364
|
-
return (hAsync(Host, { key: '
|
|
13428
|
+
return (hAsync(Host, { key: '07ed893348b28a188a67ee6b5e8eedb0598d2309' }, hAsync("div", { key: 'b80a2b0e3db1f5dcac77617ecb9629b219460dbe', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '945ceedc874bf7b8ecb48683d26fa626449fb377', class: "info" }, hAsync("div", { key: '3257b5a46d040d0177e8a791a2d810bf278f7517', class: "label-wrapper" }, hAsync("cura-label", { key: '8c68882b6e2f852a2d1929449b3c82469474fab3', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: 'e9adfe5998b2c5f705589461bff38705f0ddbbc7', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '50063f682a67c74a0ce2292cc823c21e6db90bcd', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: 'c746a61b3e7ea6d4a63143b794fd8c482829e834' }))), hAsync("input", { key: '078275db7eb3a4878d93d77b120c3caaa0b5e0b7', 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, onClick: this.handleClick }))));
|
|
13365
13429
|
}
|
|
13366
13430
|
static get formAssociated() { return true; }
|
|
13367
13431
|
get host() { return getElement(this); }
|
|
@@ -13673,13 +13737,13 @@ class CuraSelect {
|
|
|
13673
13737
|
return (hAsync("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
|
|
13674
13738
|
}
|
|
13675
13739
|
render() {
|
|
13676
|
-
return (hAsync(Host, { key: '
|
|
13740
|
+
return (hAsync(Host, { key: 'f01b52d0da1c417723c9da0ce7002155b3cbb07d', style: this.styles }, hAsync("div", { key: '2798e5cd7f16e8679520900374e569cca1e5bee8', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (hAsync("cura-label", { key: '5f9f645c3199e6299f000f5ab167139f536442b8', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && hAsync("span", { key: '2bca7ed64c1d44152161c2d71173f70b8b2fbacc', class: 'required' }, "* "))), hAsync("div", { key: 'c1e77ccc2d1853b8749fea57e5ca3554363ef168', class: {
|
|
13677
13741
|
'cura-input-field': true,
|
|
13678
13742
|
'open': this.isOpen
|
|
13679
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13743
|
+
} }, this.renderIcon(), hAsync("input", { key: '66e99e0a7c3b00516cc2f1240d08511c9434201b', type: "text", autocomplete: 'off', onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), hAsync("cura-icon", { key: '4efde985b30016b633818f9fafe6c1f538b4776e', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), hAsync("cura-label", { key: 'ead6b6a9f95acc7f2cf2e7474f72c1627e0bd8cd', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, hAsync("slot", { key: 'e01c6c99fecb78822d092a41db0b969ca160cea1' })), this.isOpen && (hAsync("div", { key: '0fedad3cac056457810c984eb471bd9a703f2ff4', class: {
|
|
13680
13744
|
'menu': true,
|
|
13681
13745
|
'open': this.isOpen
|
|
13682
|
-
} }, hAsync("slot", { key: '
|
|
13746
|
+
} }, hAsync("slot", { key: '1330a45037f002b5fd20a356f1fe5b982999e512', name: 'option' }))))));
|
|
13683
13747
|
}
|
|
13684
13748
|
static get formAssociated() { return true; }
|
|
13685
13749
|
get host() { return getElement(this); }
|
|
@@ -13753,7 +13817,7 @@ class CuraSelectOption {
|
|
|
13753
13817
|
};
|
|
13754
13818
|
}
|
|
13755
13819
|
render() {
|
|
13756
|
-
return (hAsync(Host, { key: '
|
|
13820
|
+
return (hAsync(Host, { key: '42fe72a8cadcb2745fa41cced2bf8f571ca0fb81', slot: "option" }, hAsync("div", { key: '275c6ba6baaf1c28af3c6cce6abc36dc8c496e13', class: this.getClasses(), style: this.styles }, hAsync("cura-label", { key: 'a5f2e672f55fe16b749f6f5d33c1ba64eb415ca8', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, hAsync("slot", { key: '37b09097f6f51515fe63f07a5b6bb2449ba51e60' })), this.selected && hAsync("cura-icon", { key: '88b01b9505ea9c46ddd19be78db4bd084601687d', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
|
|
13757
13821
|
}
|
|
13758
13822
|
get host() { return getElement(this); }
|
|
13759
13823
|
static get watchers() { return {
|
|
@@ -13880,7 +13944,7 @@ class CuraSwitch {
|
|
|
13880
13944
|
return classes;
|
|
13881
13945
|
}
|
|
13882
13946
|
render() {
|
|
13883
|
-
return (hAsync(Host, { key: '
|
|
13947
|
+
return (hAsync(Host, { key: '7d90b4378da63462ce63f48a54b73c1ae73e75cd' }, hAsync("div", { key: '880d8117e073b11e33acfe2915b4aa2695f6eda4', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '475056ce32564bd91dc48cd0d9d08059db77c030', class: "info" }, hAsync("cura-label", { key: 'f391c5eb73fbae218a7037d0381fd49b9c739298', 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), hAsync("cura-label", { key: 'd587a5d17813f65a77563ce70f0c5e924bbf737d', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, hAsync("slot", { key: '9cb6d99b2c6e7f0f398fb2899823717c9b1b565e' }))), hAsync("div", { key: 'c7fd172953c607baa30186dd1429b39af28093ca', onClick: this.toggleSwitch, class: "control" }, hAsync("div", { key: '0392a5ea1bd31068aa8af7f95fe21f3c7bf7797e', class: `track ${this.size.toLowerCase()}` }, hAsync("div", { key: '98d36e0853ec222beaefd6da984483cbc872a5fa', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
13884
13948
|
}
|
|
13885
13949
|
static get formAssociated() { return true; }
|
|
13886
13950
|
static get watchers() { return {
|
|
@@ -13936,7 +14000,7 @@ class CuraToast {
|
|
|
13936
14000
|
this.setStyle();
|
|
13937
14001
|
}
|
|
13938
14002
|
render() {
|
|
13939
|
-
return (hAsync(Host, { key: '
|
|
14003
|
+
return (hAsync(Host, { key: '467952f8386d659d44090163f3e14c0231dfcafd' }, hAsync("div", { key: 'f510e12d309c79842d30cc24409b61433a6fe58e', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: 'acd2a9d52ad91565c7bd36bc205753bdfe6e3e59', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: 'dced39ca17901673360dacbf27764b1387eff20d', class: "content" }, hAsync("cura-heading", { key: '6ac55c8ae757f654c808b72b4f44b54dc822107c', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'e8e83b891e0b7e02901999f1622a183afc94c28e', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '080891767b1b552520d7d3ed59002a9478eb0288' })), hAsync("slot", { key: '0a43f99bbaf2e4cdd2fd7dc1d5a0431602b76361', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '1ec27e6d6d44b82ed26a59cb6ba967858b4c8809', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: '6457bb003e4706d3f60b85aa3faa3e0b6b276869', color: `${this.type}-base`, progress: this.progress }))));
|
|
13940
14004
|
}
|
|
13941
14005
|
componentDidLoad() {
|
|
13942
14006
|
this.openContainer();
|
|
@@ -14055,7 +14119,7 @@ class CuraTooltip {
|
|
|
14055
14119
|
this.setStyle();
|
|
14056
14120
|
}
|
|
14057
14121
|
render() {
|
|
14058
|
-
return (hAsync(Host, { key: '
|
|
14122
|
+
return (hAsync(Host, { key: '732345360f527ffc69743818657643616b2ee611', role: "tooltip", id: this.elementId }, hAsync("div", { key: '166aa0dd54c933f8b3b8ecc5c5c76824ef180d71', class: "container", style: this.styles }, hAsync("div", { key: '7b54ec53f3b454979c45415ddcd164a71a9ab2b0', class: "content" }, hAsync("cura-heading", { key: '71bf328ed2f9e5d704e6d06989a4bef6d7c4993d', level: 4, size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'a427a4b9df7bfae50300c9947db9df825a2f7da0', color: "neutral-dark", "spot-color": "secondary-darker", size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '65875debf5bd3eec9f3070ab96cf644460897c3b' }))), this.closeButton && !this.isMobile && hAsync("cura-icon", { key: 'dac8229dc0f348b45ea3af9392c2001f638a0efb', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.isMobile && hAsync("cura-button-transparent", { key: '6c90921145206d47ab84eaee972a08b9dcad7cf0', class: "close-button", size: "small", type: "button", color: "error", "icon-name": "close", "icon-position": "right", onClick: this.handleClose }, "OK, entendi."))));
|
|
14059
14123
|
}
|
|
14060
14124
|
componentDidLoad() {
|
|
14061
14125
|
this.targetElement = document.querySelector(`[aria-labelledby="${this.elementId}"]`);
|
|
@@ -14290,6 +14354,7 @@ registerComponents([
|
|
|
14290
14354
|
CuraLabel,
|
|
14291
14355
|
CuraLoaderBar,
|
|
14292
14356
|
CuraLoaderCircle,
|
|
14357
|
+
CuraModal,
|
|
14293
14358
|
CuraPageTemplate,
|
|
14294
14359
|
CuraParagraph,
|
|
14295
14360
|
CuraRadio,
|