@rededor/cura-hydrate 1.3.0 → 1.4.0-alpha.0
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 +77 -22
- package/index.mjs +77 -22
- 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 {
|
|
@@ -8428,9 +8428,9 @@ class CuraDropdownSearch {
|
|
|
8428
8428
|
}
|
|
8429
8429
|
render() {
|
|
8430
8430
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8431
|
-
return (hAsync(Host, { key: '
|
|
8431
|
+
return (hAsync(Host, { key: 'fb9a745e5ae24c5abbf9c3c6ce8f0df2d5fcf01f', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: 'efc455c59f27bb254a10bbe4c62eec3e627eebb7', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: '4542af0eede7676c2a4ce7e4e88fa8983c0eec15', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: '2100335a869d32e7d4f6820bc64e02e308ab29e1', fontColor: "dark", onClick: () => (this.isMobile = false), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: 'fe1c21c892226c704c36107d250aac5f5b3cf0e0', 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
8432
|
this.handleOnBlur();
|
|
8433
|
-
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8433
|
+
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: 'b03a633b3e9e45fc4539d4e7a2282ae388bb2e96', name: "helperText" }))), hAsync("div", { key: 'e8e88a4f884e386de33cea7f3bcf175a7e78b168', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: 'f3aa2664cd496ccdd984a58c25f84fd9f616d157', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8434
8434
|
}
|
|
8435
8435
|
get host() { return getElement(this); }
|
|
8436
8436
|
static get watchers() { return {
|
|
@@ -8510,12 +8510,12 @@ class CuraDropdownSearchOption {
|
|
|
8510
8510
|
}
|
|
8511
8511
|
}
|
|
8512
8512
|
render() {
|
|
8513
|
-
return (hAsync(Host, { key: '
|
|
8513
|
+
return (hAsync(Host, { key: '0dfb8d67f1aee692af5abdad170f2fc3e6c5ffc6', slot: "dropdown-search-option" }, hAsync("div", { key: '6596c224bbfc0e9b5c3d2a39d064852019af5b74', style: this.styles, class: {
|
|
8514
8514
|
"option-container": true,
|
|
8515
8515
|
hovered: this.selectable ? this.hovered : false,
|
|
8516
8516
|
selected: this.selected,
|
|
8517
8517
|
disabled: !this.selectable
|
|
8518
|
-
} }, hAsync("div", { key: '
|
|
8518
|
+
} }, 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
8519
|
}
|
|
8520
8520
|
get hostElement() { return getElement(this); }
|
|
8521
8521
|
static get watchers() { return {
|
|
@@ -8546,7 +8546,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8546
8546
|
registerInstance(this, hostRef);
|
|
8547
8547
|
}
|
|
8548
8548
|
render() {
|
|
8549
|
-
return (hAsync(Host, { key: '
|
|
8549
|
+
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
8550
|
}
|
|
8551
8551
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8552
8552
|
static get cmpMeta() { return {
|
|
@@ -8626,7 +8626,7 @@ class CuraHeading {
|
|
|
8626
8626
|
return tags[`${this.level}`] || tags['default'];
|
|
8627
8627
|
}
|
|
8628
8628
|
render() {
|
|
8629
|
-
return (hAsync(Host, { key: '
|
|
8629
|
+
return (hAsync(Host, { key: '83a6a2a08051c3654f609f0e1824f41f48a6ff83', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8630
8630
|
}
|
|
8631
8631
|
get host() { return getElement(this); }
|
|
8632
8632
|
static get watchers() { return {
|
|
@@ -8933,7 +8933,7 @@ class CuraInputDate {
|
|
|
8933
8933
|
}
|
|
8934
8934
|
}
|
|
8935
8935
|
render() {
|
|
8936
|
-
return (hAsync(Host, { key: '
|
|
8936
|
+
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
8937
|
}
|
|
8938
8938
|
static get formAssociated() { return true; }
|
|
8939
8939
|
get el() { return getElement(this); }
|
|
@@ -13008,7 +13008,7 @@ class CuraLabel {
|
|
|
13008
13008
|
};
|
|
13009
13009
|
}
|
|
13010
13010
|
render() {
|
|
13011
|
-
return (hAsync(Host, { key: '
|
|
13011
|
+
return (hAsync(Host, { key: '8d691e1d4c38c30d1e50bc981b9e6de89b3506e0', style: this.hostCSSProperties() }, hAsync("p", { key: 'b68944f4fe1e65aecf6a627f3bba547418bc125b', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: 'f8ac467674d94fe94adc075743b12111d1e32469' }))));
|
|
13012
13012
|
}
|
|
13013
13013
|
get host() { return getElement(this); }
|
|
13014
13014
|
static get watchers() { return {
|
|
@@ -13055,7 +13055,7 @@ class CuraLoaderBar {
|
|
|
13055
13055
|
this.setProgress();
|
|
13056
13056
|
}
|
|
13057
13057
|
render() {
|
|
13058
|
-
return (hAsync(Host, { key: '
|
|
13058
|
+
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
13059
|
}
|
|
13060
13060
|
setColor() {
|
|
13061
13061
|
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 +13107,7 @@ class CuraLoaderCircle {
|
|
|
13107
13107
|
};
|
|
13108
13108
|
}
|
|
13109
13109
|
render() {
|
|
13110
|
-
return (hAsync(Host, { key: '
|
|
13110
|
+
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
13111
|
}
|
|
13112
13112
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13113
13113
|
static get cmpMeta() { return {
|
|
@@ -13123,6 +13123,60 @@ class CuraLoaderCircle {
|
|
|
13123
13123
|
}; }
|
|
13124
13124
|
}
|
|
13125
13125
|
|
|
13126
|
+
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}}";
|
|
13127
|
+
var CuraModalStyle0 = curaModalCss;
|
|
13128
|
+
|
|
13129
|
+
class CuraModal {
|
|
13130
|
+
constructor(hostRef) {
|
|
13131
|
+
registerInstance(this, hostRef);
|
|
13132
|
+
this.modalClose = createEvent(this, "modalClose", 7);
|
|
13133
|
+
this.handleClose = () => {
|
|
13134
|
+
this.modalClose.emit();
|
|
13135
|
+
this.open = false;
|
|
13136
|
+
};
|
|
13137
|
+
this.open = false;
|
|
13138
|
+
this.background = 'light';
|
|
13139
|
+
this.topOffset = 0;
|
|
13140
|
+
this.styles = {};
|
|
13141
|
+
}
|
|
13142
|
+
setColors() {
|
|
13143
|
+
const backgroundTheme = {
|
|
13144
|
+
dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),
|
|
13145
|
+
light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),
|
|
13146
|
+
};
|
|
13147
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
|
|
13148
|
+
}
|
|
13149
|
+
setOffsetTop() {
|
|
13150
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--offset-top': `${this.topOffset}px` });
|
|
13151
|
+
}
|
|
13152
|
+
connectedCallback() {
|
|
13153
|
+
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() });
|
|
13154
|
+
this.setColors();
|
|
13155
|
+
this.setOffsetTop();
|
|
13156
|
+
}
|
|
13157
|
+
render() {
|
|
13158
|
+
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"))))));
|
|
13159
|
+
}
|
|
13160
|
+
static get watchers() { return {
|
|
13161
|
+
"background": ["setColors"],
|
|
13162
|
+
"topOffset": ["setOffsetTop"]
|
|
13163
|
+
}; }
|
|
13164
|
+
static get style() { return CuraModalStyle0; }
|
|
13165
|
+
static get cmpMeta() { return {
|
|
13166
|
+
"$flags$": 9,
|
|
13167
|
+
"$tagName$": "cura-modal",
|
|
13168
|
+
"$members$": {
|
|
13169
|
+
"open": [1540],
|
|
13170
|
+
"background": [1],
|
|
13171
|
+
"topOffset": [2, "top-offset"],
|
|
13172
|
+
"styles": [32]
|
|
13173
|
+
},
|
|
13174
|
+
"$listeners$": undefined,
|
|
13175
|
+
"$lazyBundleId$": "-",
|
|
13176
|
+
"$attrsToReflect$": [["open", "open"]]
|
|
13177
|
+
}; }
|
|
13178
|
+
}
|
|
13179
|
+
|
|
13126
13180
|
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
13181
|
var CuraPageTemplateStyle0 = curaPageTemplateCss;
|
|
13128
13182
|
|
|
@@ -13142,7 +13196,7 @@ class CuraPageTemplate {
|
|
|
13142
13196
|
return classes;
|
|
13143
13197
|
}
|
|
13144
13198
|
render() {
|
|
13145
|
-
return (hAsync(Host, { key: '
|
|
13199
|
+
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
13200
|
}
|
|
13147
13201
|
get host() { return getElement(this); }
|
|
13148
13202
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13208,7 +13262,7 @@ class CuraParagraph {
|
|
|
13208
13262
|
};
|
|
13209
13263
|
}
|
|
13210
13264
|
render() {
|
|
13211
|
-
return (hAsync(Host, { key: '
|
|
13265
|
+
return (hAsync(Host, { key: 'fc146c5173887dd80bb1798d58b7fbe29775e2de', style: this.hostCSSProperties() }, hAsync("p", { key: '0defc510c08182261e22a4ab47a24d939199db24', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: 'e70c68a1da0596dc8d2273f5679c9193a354e313' }))));
|
|
13212
13266
|
}
|
|
13213
13267
|
get host() { return getElement(this); }
|
|
13214
13268
|
static get watchers() { return {
|
|
@@ -13365,7 +13419,7 @@ class CuraRadio {
|
|
|
13365
13419
|
return statusColors[this.status][type];
|
|
13366
13420
|
}
|
|
13367
13421
|
render() {
|
|
13368
|
-
return (hAsync(Host, { key: '
|
|
13422
|
+
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
13423
|
}
|
|
13370
13424
|
static get formAssociated() { return true; }
|
|
13371
13425
|
get host() { return getElement(this); }
|
|
@@ -13677,13 +13731,13 @@ class CuraSelect {
|
|
|
13677
13731
|
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
13732
|
}
|
|
13679
13733
|
render() {
|
|
13680
|
-
return (hAsync(Host, { key: '
|
|
13734
|
+
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
13735
|
'cura-input-field': true,
|
|
13682
13736
|
'open': this.isOpen
|
|
13683
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13737
|
+
} }, 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
13738
|
'menu': true,
|
|
13685
13739
|
'open': this.isOpen
|
|
13686
|
-
} }, hAsync("slot", { key: '
|
|
13740
|
+
} }, hAsync("slot", { key: '1330a45037f002b5fd20a356f1fe5b982999e512', name: 'option' }))))));
|
|
13687
13741
|
}
|
|
13688
13742
|
static get formAssociated() { return true; }
|
|
13689
13743
|
get host() { return getElement(this); }
|
|
@@ -13757,7 +13811,7 @@ class CuraSelectOption {
|
|
|
13757
13811
|
};
|
|
13758
13812
|
}
|
|
13759
13813
|
render() {
|
|
13760
|
-
return (hAsync(Host, { key: '
|
|
13814
|
+
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
13815
|
}
|
|
13762
13816
|
get host() { return getElement(this); }
|
|
13763
13817
|
static get watchers() { return {
|
|
@@ -13884,7 +13938,7 @@ class CuraSwitch {
|
|
|
13884
13938
|
return classes;
|
|
13885
13939
|
}
|
|
13886
13940
|
render() {
|
|
13887
|
-
return (hAsync(Host, { key: '
|
|
13941
|
+
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
13942
|
}
|
|
13889
13943
|
static get formAssociated() { return true; }
|
|
13890
13944
|
static get watchers() { return {
|
|
@@ -13940,7 +13994,7 @@ class CuraToast {
|
|
|
13940
13994
|
this.setStyle();
|
|
13941
13995
|
}
|
|
13942
13996
|
render() {
|
|
13943
|
-
return (hAsync(Host, { key: '
|
|
13997
|
+
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
13998
|
}
|
|
13945
13999
|
componentDidLoad() {
|
|
13946
14000
|
this.openContainer();
|
|
@@ -14059,7 +14113,7 @@ class CuraTooltip {
|
|
|
14059
14113
|
this.setStyle();
|
|
14060
14114
|
}
|
|
14061
14115
|
render() {
|
|
14062
|
-
return (hAsync(Host, { key: '
|
|
14116
|
+
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
14117
|
}
|
|
14064
14118
|
componentDidLoad() {
|
|
14065
14119
|
this.targetElement = document.querySelector(`[aria-labelledby="${this.elementId}"]`);
|
|
@@ -14294,6 +14348,7 @@ registerComponents([
|
|
|
14294
14348
|
CuraLabel,
|
|
14295
14349
|
CuraLoaderBar,
|
|
14296
14350
|
CuraLoaderCircle,
|
|
14351
|
+
CuraModal,
|
|
14297
14352
|
CuraPageTemplate,
|
|
14298
14353
|
CuraParagraph,
|
|
14299
14354
|
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 {
|
|
@@ -8424,9 +8424,9 @@ class CuraDropdownSearch {
|
|
|
8424
8424
|
}
|
|
8425
8425
|
render() {
|
|
8426
8426
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8427
|
-
return (hAsync(Host, { key: '
|
|
8427
|
+
return (hAsync(Host, { key: 'fb9a745e5ae24c5abbf9c3c6ce8f0df2d5fcf01f', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: 'efc455c59f27bb254a10bbe4c62eec3e627eebb7', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: '4542af0eede7676c2a4ce7e4e88fa8983c0eec15', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: '2100335a869d32e7d4f6820bc64e02e308ab29e1', fontColor: "dark", onClick: () => (this.isMobile = false), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: 'fe1c21c892226c704c36107d250aac5f5b3cf0e0', 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
8428
|
this.handleOnBlur();
|
|
8429
|
-
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8429
|
+
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: 'b03a633b3e9e45fc4539d4e7a2282ae388bb2e96', name: "helperText" }))), hAsync("div", { key: 'e8e88a4f884e386de33cea7f3bcf175a7e78b168', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: 'f3aa2664cd496ccdd984a58c25f84fd9f616d157', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8430
8430
|
}
|
|
8431
8431
|
get host() { return getElement(this); }
|
|
8432
8432
|
static get watchers() { return {
|
|
@@ -8506,12 +8506,12 @@ class CuraDropdownSearchOption {
|
|
|
8506
8506
|
}
|
|
8507
8507
|
}
|
|
8508
8508
|
render() {
|
|
8509
|
-
return (hAsync(Host, { key: '
|
|
8509
|
+
return (hAsync(Host, { key: '0dfb8d67f1aee692af5abdad170f2fc3e6c5ffc6', slot: "dropdown-search-option" }, hAsync("div", { key: '6596c224bbfc0e9b5c3d2a39d064852019af5b74', style: this.styles, class: {
|
|
8510
8510
|
"option-container": true,
|
|
8511
8511
|
hovered: this.selectable ? this.hovered : false,
|
|
8512
8512
|
selected: this.selected,
|
|
8513
8513
|
disabled: !this.selectable
|
|
8514
|
-
} }, hAsync("div", { key: '
|
|
8514
|
+
} }, 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
8515
|
}
|
|
8516
8516
|
get hostElement() { return getElement(this); }
|
|
8517
8517
|
static get watchers() { return {
|
|
@@ -8542,7 +8542,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8542
8542
|
registerInstance(this, hostRef);
|
|
8543
8543
|
}
|
|
8544
8544
|
render() {
|
|
8545
|
-
return (hAsync(Host, { key: '
|
|
8545
|
+
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
8546
|
}
|
|
8547
8547
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8548
8548
|
static get cmpMeta() { return {
|
|
@@ -8622,7 +8622,7 @@ class CuraHeading {
|
|
|
8622
8622
|
return tags[`${this.level}`] || tags['default'];
|
|
8623
8623
|
}
|
|
8624
8624
|
render() {
|
|
8625
|
-
return (hAsync(Host, { key: '
|
|
8625
|
+
return (hAsync(Host, { key: '83a6a2a08051c3654f609f0e1824f41f48a6ff83', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8626
8626
|
}
|
|
8627
8627
|
get host() { return getElement(this); }
|
|
8628
8628
|
static get watchers() { return {
|
|
@@ -8929,7 +8929,7 @@ class CuraInputDate {
|
|
|
8929
8929
|
}
|
|
8930
8930
|
}
|
|
8931
8931
|
render() {
|
|
8932
|
-
return (hAsync(Host, { key: '
|
|
8932
|
+
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
8933
|
}
|
|
8934
8934
|
static get formAssociated() { return true; }
|
|
8935
8935
|
get el() { return getElement(this); }
|
|
@@ -13004,7 +13004,7 @@ class CuraLabel {
|
|
|
13004
13004
|
};
|
|
13005
13005
|
}
|
|
13006
13006
|
render() {
|
|
13007
|
-
return (hAsync(Host, { key: '
|
|
13007
|
+
return (hAsync(Host, { key: '8d691e1d4c38c30d1e50bc981b9e6de89b3506e0', style: this.hostCSSProperties() }, hAsync("p", { key: 'b68944f4fe1e65aecf6a627f3bba547418bc125b', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: 'f8ac467674d94fe94adc075743b12111d1e32469' }))));
|
|
13008
13008
|
}
|
|
13009
13009
|
get host() { return getElement(this); }
|
|
13010
13010
|
static get watchers() { return {
|
|
@@ -13051,7 +13051,7 @@ class CuraLoaderBar {
|
|
|
13051
13051
|
this.setProgress();
|
|
13052
13052
|
}
|
|
13053
13053
|
render() {
|
|
13054
|
-
return (hAsync(Host, { key: '
|
|
13054
|
+
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
13055
|
}
|
|
13056
13056
|
setColor() {
|
|
13057
13057
|
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 +13103,7 @@ class CuraLoaderCircle {
|
|
|
13103
13103
|
};
|
|
13104
13104
|
}
|
|
13105
13105
|
render() {
|
|
13106
|
-
return (hAsync(Host, { key: '
|
|
13106
|
+
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
13107
|
}
|
|
13108
13108
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13109
13109
|
static get cmpMeta() { return {
|
|
@@ -13119,6 +13119,60 @@ class CuraLoaderCircle {
|
|
|
13119
13119
|
}; }
|
|
13120
13120
|
}
|
|
13121
13121
|
|
|
13122
|
+
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}}";
|
|
13123
|
+
var CuraModalStyle0 = curaModalCss;
|
|
13124
|
+
|
|
13125
|
+
class CuraModal {
|
|
13126
|
+
constructor(hostRef) {
|
|
13127
|
+
registerInstance(this, hostRef);
|
|
13128
|
+
this.modalClose = createEvent(this, "modalClose", 7);
|
|
13129
|
+
this.handleClose = () => {
|
|
13130
|
+
this.modalClose.emit();
|
|
13131
|
+
this.open = false;
|
|
13132
|
+
};
|
|
13133
|
+
this.open = false;
|
|
13134
|
+
this.background = 'light';
|
|
13135
|
+
this.topOffset = 0;
|
|
13136
|
+
this.styles = {};
|
|
13137
|
+
}
|
|
13138
|
+
setColors() {
|
|
13139
|
+
const backgroundTheme = {
|
|
13140
|
+
dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),
|
|
13141
|
+
light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),
|
|
13142
|
+
};
|
|
13143
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
|
|
13144
|
+
}
|
|
13145
|
+
setOffsetTop() {
|
|
13146
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--offset-top': `${this.topOffset}px` });
|
|
13147
|
+
}
|
|
13148
|
+
connectedCallback() {
|
|
13149
|
+
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() });
|
|
13150
|
+
this.setColors();
|
|
13151
|
+
this.setOffsetTop();
|
|
13152
|
+
}
|
|
13153
|
+
render() {
|
|
13154
|
+
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"))))));
|
|
13155
|
+
}
|
|
13156
|
+
static get watchers() { return {
|
|
13157
|
+
"background": ["setColors"],
|
|
13158
|
+
"topOffset": ["setOffsetTop"]
|
|
13159
|
+
}; }
|
|
13160
|
+
static get style() { return CuraModalStyle0; }
|
|
13161
|
+
static get cmpMeta() { return {
|
|
13162
|
+
"$flags$": 9,
|
|
13163
|
+
"$tagName$": "cura-modal",
|
|
13164
|
+
"$members$": {
|
|
13165
|
+
"open": [1540],
|
|
13166
|
+
"background": [1],
|
|
13167
|
+
"topOffset": [2, "top-offset"],
|
|
13168
|
+
"styles": [32]
|
|
13169
|
+
},
|
|
13170
|
+
"$listeners$": undefined,
|
|
13171
|
+
"$lazyBundleId$": "-",
|
|
13172
|
+
"$attrsToReflect$": [["open", "open"]]
|
|
13173
|
+
}; }
|
|
13174
|
+
}
|
|
13175
|
+
|
|
13122
13176
|
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
13177
|
var CuraPageTemplateStyle0 = curaPageTemplateCss;
|
|
13124
13178
|
|
|
@@ -13138,7 +13192,7 @@ class CuraPageTemplate {
|
|
|
13138
13192
|
return classes;
|
|
13139
13193
|
}
|
|
13140
13194
|
render() {
|
|
13141
|
-
return (hAsync(Host, { key: '
|
|
13195
|
+
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
13196
|
}
|
|
13143
13197
|
get host() { return getElement(this); }
|
|
13144
13198
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13204,7 +13258,7 @@ class CuraParagraph {
|
|
|
13204
13258
|
};
|
|
13205
13259
|
}
|
|
13206
13260
|
render() {
|
|
13207
|
-
return (hAsync(Host, { key: '
|
|
13261
|
+
return (hAsync(Host, { key: 'fc146c5173887dd80bb1798d58b7fbe29775e2de', style: this.hostCSSProperties() }, hAsync("p", { key: '0defc510c08182261e22a4ab47a24d939199db24', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: 'e70c68a1da0596dc8d2273f5679c9193a354e313' }))));
|
|
13208
13262
|
}
|
|
13209
13263
|
get host() { return getElement(this); }
|
|
13210
13264
|
static get watchers() { return {
|
|
@@ -13361,7 +13415,7 @@ class CuraRadio {
|
|
|
13361
13415
|
return statusColors[this.status][type];
|
|
13362
13416
|
}
|
|
13363
13417
|
render() {
|
|
13364
|
-
return (hAsync(Host, { key: '
|
|
13418
|
+
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
13419
|
}
|
|
13366
13420
|
static get formAssociated() { return true; }
|
|
13367
13421
|
get host() { return getElement(this); }
|
|
@@ -13673,13 +13727,13 @@ class CuraSelect {
|
|
|
13673
13727
|
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
13728
|
}
|
|
13675
13729
|
render() {
|
|
13676
|
-
return (hAsync(Host, { key: '
|
|
13730
|
+
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
13731
|
'cura-input-field': true,
|
|
13678
13732
|
'open': this.isOpen
|
|
13679
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13733
|
+
} }, 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
13734
|
'menu': true,
|
|
13681
13735
|
'open': this.isOpen
|
|
13682
|
-
} }, hAsync("slot", { key: '
|
|
13736
|
+
} }, hAsync("slot", { key: '1330a45037f002b5fd20a356f1fe5b982999e512', name: 'option' }))))));
|
|
13683
13737
|
}
|
|
13684
13738
|
static get formAssociated() { return true; }
|
|
13685
13739
|
get host() { return getElement(this); }
|
|
@@ -13753,7 +13807,7 @@ class CuraSelectOption {
|
|
|
13753
13807
|
};
|
|
13754
13808
|
}
|
|
13755
13809
|
render() {
|
|
13756
|
-
return (hAsync(Host, { key: '
|
|
13810
|
+
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
13811
|
}
|
|
13758
13812
|
get host() { return getElement(this); }
|
|
13759
13813
|
static get watchers() { return {
|
|
@@ -13880,7 +13934,7 @@ class CuraSwitch {
|
|
|
13880
13934
|
return classes;
|
|
13881
13935
|
}
|
|
13882
13936
|
render() {
|
|
13883
|
-
return (hAsync(Host, { key: '
|
|
13937
|
+
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
13938
|
}
|
|
13885
13939
|
static get formAssociated() { return true; }
|
|
13886
13940
|
static get watchers() { return {
|
|
@@ -13936,7 +13990,7 @@ class CuraToast {
|
|
|
13936
13990
|
this.setStyle();
|
|
13937
13991
|
}
|
|
13938
13992
|
render() {
|
|
13939
|
-
return (hAsync(Host, { key: '
|
|
13993
|
+
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
13994
|
}
|
|
13941
13995
|
componentDidLoad() {
|
|
13942
13996
|
this.openContainer();
|
|
@@ -14055,7 +14109,7 @@ class CuraTooltip {
|
|
|
14055
14109
|
this.setStyle();
|
|
14056
14110
|
}
|
|
14057
14111
|
render() {
|
|
14058
|
-
return (hAsync(Host, { key: '
|
|
14112
|
+
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
14113
|
}
|
|
14060
14114
|
componentDidLoad() {
|
|
14061
14115
|
this.targetElement = document.querySelector(`[aria-labelledby="${this.elementId}"]`);
|
|
@@ -14290,6 +14344,7 @@ registerComponents([
|
|
|
14290
14344
|
CuraLabel,
|
|
14291
14345
|
CuraLoaderBar,
|
|
14292
14346
|
CuraLoaderCircle,
|
|
14347
|
+
CuraModal,
|
|
14293
14348
|
CuraPageTemplate,
|
|
14294
14349
|
CuraParagraph,
|
|
14295
14350
|
CuraRadio,
|